.idc-config{min-width: 1280px;}

.sold-out em{ position:absolute; right:0; top:0; background:#ccc;height: 18px; line-height: 18px; width: 18px; text-align: center; color: #666; cursor:not-allowed;}
.ul-block .disable{background:#ccc !important; cursor:not-allowed !important;}
.disk-tip{ display:inline-block; vertical-align:top; position:relative; cursor:pointer;}
.disk-tip:before{ content:""; display:block; width:16px; height:25px;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/ico/price-tip.png") right center no-repeat;}
.disk-tip p{ display:none; border: 1px solid #ff8a00; line-height:22px !important; font-size: 12px !important; background: #fff; color:#666 !important; padding:5px 10px; position: absolute; left: -40px; right: -160px; bottom:30px; z-index: 11;}
.disk-tip p:before{ content:'';width: 10px; height: 7px; position: absolute; left: 42px; bottom:-6px; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/ico/tip.png") center bottom no-repeat;}
.config-disk:hover .disk-tip p{ display:block;}

/*head*/
.rent-banner{ height: 430px; position: relative;min-width:1280px;}
.rent-banner .main{height: 430px;padding-top: 165px;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/rent-banner.jpg") center top #111722 no-repeat;}
.rent-banner .header{height:220px; text-align: center;color: #fff; overflow: hidden;}
.rent-banner .header h1{ font-size:40px; margin: 0 0 35px;}
.rent-banner .header p{line-height: 24px; font-size: 16px;}
.rent-banner .column{ height:60px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center;}
.rent-banner .column li{ width: 50%; float: left; height:60px; line-height: 60px;font-size: 18px;background: #383e4e;}
.rent-banner .column li a{ display:block; color:#fff;}
.rent-banner .column li a:before{content: "";height:23px; margin-right: 15px; display: inline-block; vertical-align: middle;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/cloumn.png") no-repeat;}
.rent-banner .column .item1 a:before{ width: 22px; background-position: 0 0}
.rent-banner .column .item2 a:before{ width: 18px; background-position: -32px 0}
.rent-banner .column .active{background: #015bfe;}

.server-product-list{ padding:20px 0 0;}
.server-product-list .group-tip{padding:15px 0 0 100px; font-size: 12px; color: #666666; }
.server-product-list .group-tip a{ color: #ff8a00;}
.server-product-list .float-tip{ display:none; border: 1px solid #ff8a00; color: #ff8a00; line-height:18px; font-size: 12px; background: #fff; text-align: center; padding:7px 10px; position: absolute; left: -35px; right: -35px; bottom: 45px; z-index: 11;}
.server-product-list .float-tip i{ display: block; width: 10px; height: 7px; position: absolute; left: 50%; margin-left: -5px; bottom:-6px; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/ico/tip.png") center bottom no-repeat;}
.server-product-list .num-input{ float: left;line-height: 35px;}
.server-product-list .num-input p{ display: inline-block; vertical-align: top; margin-right: 10px; height: 33px;text-align: center; border: 1px solid #dddddd;}
.server-product-list .num-input span{ float: left;width:34px; height: 33px; cursor: pointer;}
.server-product-list .num-input input{ float: left; height:33px; width: 63px; text-align: center; background: #fff; border: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.server-product-list .num-input .reduce{ background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/minus.png") #f2f5fa center no-repeat; }
.server-product-list .num-input .raise{ background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/puls.png") #f2f5fa center no-repeat; }
.server-product-list .num-input em{ color: #ff8a00; margin: 0 3px; }
.server-product-list .num-input .disable{cursor:not-allowed !important;}

.server-product-list .drag-list{ position:relative;  min-height:60px;width: 540px; float: left; margin-right:30px;}
.server-product-list .drag-list .drag-scale{ position:relative; left:0; right:0;}
.server-product-list .drag-list .drag-scale li{ height:35px; line-height:50px; font-size:12px; position:absolute; top:0;}
.server-product-list .drag-list .drag-scale li:before{ content:""; display:block; position:absolute;left:50%; top:0; width:1px; height:10px; background:#dddddd;}
.server-product-list .drag-list .drag-scale .end:before{ left:auto; right:0;}

.server-product-detail{position: relative;padding:40px 0 15px 80px; min-height:60px; border: 1px solid #dddddd; margin-top: 20px;}
.server-product-detail:hover{ border: 1px solid #015bfe;}
.server-product-detail:hover .server-product-title{ background: #015bfe; color: #fff; }
.server-product-title{ width:50px; background: #f2f5fa; color: #999999; font-size: 16px; position: absolute; left: 0; top: 0; bottom: 0; }
.server-product-title span{ position: absolute; left:14px; top:50%; margin-top: -28px; line-height: 16px; display: block; width:22px; text-align: center;}
.server-product-group{color:#333; margin: 0 0 25px; min-height:35px;}
.server-product-group label{ width:100px;line-height: 35px; float: left; color: #666666; }

.server-product-group .ul-jifang{ padding-left:100px; }
.server-product-group .ul-jifang li{ width: 129px; height: 63px; position: relative;font-size: 12px; color: #999999; float: left; text-align: center; border: 1px solid #dddddd; margin-right: -1px; cursor: pointer;}
.server-product-group .ul-jifang li span{ display: block; font-size: 14px; color: #333; height: 33px; line-height: 33px; margin: 0 0 7px; border-bottom: 1px solid #ddd; background: #f6f6f6;}
.server-product-group .ul-jifang li p{ padding:0 5px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.server-product-group .ul-jifang .active{color: #015bfe; border: 1px solid #015bfe; z-index: 1; }
.server-product-group .ul-jifang .active span{ color: #fff; background: #015bfe; border-bottom: 1px solid #015bfe; }
.server-product-group .ul-jifang .float-tip{ bottom:75px;}

.server-product-group .ul-time{ padding-left: 100px; }
.server-product-group .ul-time li{ width: 73px; height: 33px; float: left; line-height: 33px; text-align: center; background: #f6f6f6;border: 1px solid #ddd; margin-right: -1px; position:relative; cursor: pointer;}
.server-product-group .ul-time .active{ background: #015bfe; border: 1px solid #015bfe; color: #fff; }
.server-product-group .ul-time .gift{ display: inline-block; vertical-align:text-top; margin-right:5px; width: 17px; height: 17px; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/cloud/ico/gift.png") center no-repeat;}
.server-product-group .ul-time .float-tip{ bottom:42px;left:-15px; right:-15px; padding:7px 5px;}
.server-product-group .ul-time li:hover .float-tip{  display:block !important;}

/*李宁修改*/
.server-product-group .ul-block,.disk-select{ padding-left: 100px; }
.server-product-group .ul-block li , .disk-select li{ width: 129px; height: 33px; position: relative; float: left; line-height: 33px; text-align: center; background: #f2f5fa;border: 1px solid #ddd; margin-right: -1px; cursor: pointer; margin-bottom:2px}
.server-product-group #ssddisk li{width:180px;}


/*李宁新增*/
.server-product-group .disk-select li{ float:none; background:#015bfe; border:1px solid #015bfe; color:#fff; margin-bottom:10px; width:180px;}
.server-product-group .disk-select .num-input{position:absolute; left:103px; top:-1px; width:300px; height:30px;}
.server-product-group .disk-select .num-input p{border-left:none;}
.server-product-group .disk-select i{position:absolute;width:18px; height:18px; right:-142px; top:-10px;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/cloud/ico/ico-close.png") center no-repeat;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.server-product-group .disk-select i:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.server-product-group .ul-block .active{ background: #015bfe; border: 1px solid #015bfe;color: #fff; }
.server-product-group .ul-block .gift{ display: inline-block; vertical-align:text-top; margin-right:5px; width: 17px; height: 17px; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/cloud/ico/gift.png") center no-repeat;}
.server-product-group .ul-block li:hover .float-tip{ display:block;}

.server-product-group .select-list{ height: 33px; border: 1px solid #dddddd;  padding:0 15px; margin-right:20px; position: relative; float: left; width: 260px; cursor: pointer;}
.server-product-group .select-list:hover{border-color: #015bfe; }
.server-product-group .select-list:hover ul{ border-color: #015bfe; }
.server-product-group .select-list cite{line-height: 33px;font-style:normal; display:block;}
.cloud-config-body .select-list cite i{ float:left; width:20px; height:25px; margin:6px 8px 0 0;background:url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/system.png") no-repeat; }
.server-product-group .select-list cite:after{ content:""; display:block; width:7px; height:33px; float:right;; background:url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/ico/down.png") center no-repeat; transition: transform 0.3s ease;}
.server-product-group .select-list .cart-up:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.server-product-group .select-list ul{ display: none; border: 1px solid #ddd; border-top: none; background: #fff; position: absolute; left:-1px; top: 34px; right:-1px; z-index: 11;-webkit-animation-name: select; animation-name:select;-webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.server-product-group .select-list li{ height: 35px; line-height: 35px; padding-left:20px;}
.server-product-group .select-list li:hover{ background: #015bfe; color: #fff;}
.server-product-group #system_type_div{width: 200px;}
.server-product-group #system_type_div li{ padding-left:0;}
.server-product-group .select-list li i{ display:inline-block; vertical-align:middle; width:20px; height:25px; margin:0 10px 0 15px;background:url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/system.png") no-repeat; }
.server-product-group .select-list .system0{ background-position:-8px -14px;}
.server-product-group .select-list .system1{ background-position:-35px -13px;}
.server-product-group .select-list .system2{ background-position:-63px -13px;}
.server-product-group .select-list .system3{ background-position:-92px -13px;}
.server-product-group .select-list .system4{ background-position:-120px -13px;}
.server-product-group .select-list li:hover{ background: #015bfe; color: #fff;}
.server-product-group .select-list li:hover .system0{ background-position:-8px -49px;}
.server-product-group .select-list li:hover .system1{ background-position:-35px -49px;}
.server-product-group .select-list li:hover .system2{ background-position:-63px -49px;}
.server-product-group .select-list li:hover .system3{ background-position:-92px -49px;}
.server-product-group .select-list li:hover .system4{ background-position:-120px -49px;}
@keyframes select {
    from {
        transform: translate3d(0, 20px, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.server-product-group .ul-disk{ padding-left: 100px;}
.server-product-group .ul-disk li{height: 35px; margin: 0 0 10px;}
.server-product-group .ul-disk .name{ float:left; margin-right:20px;  height: 35px;  line-height:35px; width:222px; padding:0 10px; background-color:#015bfe; color:#fff;}
.server-product-group .ul-disk .del{ display: inline-block; margin-left:10px; width: 35px; height:35px; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/ico/close.png") center no-repeat; cursor: pointer; }


/*滑块*/
.ui-slider{ height:10px; margin:12px 0 0; background:#e6ebf4; border-radius:3px;}
.ui-slider .ui-slider-handle { position: absolute; top:2px; z-index: 2; width:18px; height:35px; cursor: pointer; }
.ui-state-default{background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/slider.png") center no-repeat;}
.ui-state-hover{ background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/slider.png") center no-repeat;}
.ui-state-active{ background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/slider.png") center no-repeat;}
.ui-slider-range{ height:10px; border-radius:3px 0 0 3px; background:#015bfe;}

/*产品底部配置*/
.config-fixed{ position:fixed; left:0; right:0; bottom:0; z-index:7;}
.config-price{ padding:30px 0 0px;}
.config-price .container{ border: 1px solid #dddddd; background: #fff;}
.price-parameter{ padding:35px 40px 15px; border-bottom: 1px dashed #dddddd;}
.price-parameter p{ font-size: 16px; line-height:30px;}
.price-parameter p span{ float: right; width:78px; font-size: 14px; height:28px; line-height:28px;text-align: center;color: #999999; cursor: pointer; border: 1px solid #ddd; background: #f2f5fa;}
.price-parameter p span:after{ content: "";display: inline-block; margin-left: 5px; width: 12px; height:9px; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/down.png") center no-repeat;transition: transform 0.3s ease;}
.price-parameter .open:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.price-parameter ul{ margin: 20px 270px 20px 0; overflow: hidden;}
.price-parameter ul li{ float: left; width:260px; color: #999999;line-height: 30px;}
.price-parameter ul em,.price-parameter ul .info{color: #666}
.price-parameter .wh{ width: 400px !important; }
.config-price .price-buy{ clear: both; padding:35px 40px;}
.config-price .price-info{ float: left; color: #666666;}
.config-price .price-info .price{ font-size: 30px; color: #ff8a00; font-weight:bold; }
.config-price .price-info .discount em{ color: #005bff; margin-right:40px; }
.config-price .price-info del{color:#888; margin-left:10px;}
.config-price .price-info .discount{ height:20px; line-height:20px;display:inline-block; margin-left:40px;}
.config-price .price-info .discount i{display: inline-block; width: 16px; margin-right: 12px; height: 20px; vertical-align: top; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/ico.png") left center no-repeat;}
.config-price .price-info .discount span{ display:inline-block;padding-left:26px; color:#ff8a00; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/buy_gift.png") left 2px no-repeat;}
.config-price .price-tip{ display:inline-block; position:relative; cursor:pointer;}
.config-price .price-tip:before{ content:""; display:block; width:20px; height:25px;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/buy/price-tip.png") right center no-repeat;}
.config-price .price-tip p{ display: none; border: 1px solid #ff8a00; line-height:22px; font-size: 12px; background: #fff; padding:15px 20px; position: absolute; left: -40px; right: -500px; bottom:30px; z-index: 11; color: #999;}
.config-price .price-tip p:before{  content:""; width: 10px; height: 7px; position: absolute; left: 44px; bottom:-6px; background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/ico/tip.png") center bottom no-repeat;}
.config-price .price-tip em,.config-price .price-tip .info{color: #666666;}
.config-price .price-tip:hover p{ display:block;}
.config-price .online{ width: 140px;height:40px; background: #ff8a00; text-align: center; border: 0; line-height:40px; color: #fff; float: right; cursor: pointer;}
.config-price .online:hover{ background:#fb8b2a;}
.config-price .btn-buy{ width: 140px;height:40px; background: #ff8a00; text-align: center; border: 0; line-height:40px; color: #fff; float: right; cursor: pointer;}
.config-price .btn-buy:hover{ background:#fb8b2a;}


/*======================大带宽=======================*/
.renting-list .bandwidth{ width: 250px;padding: 20px 0 0; margin:25px auto 22px; background:#fafafa; overflow:hidden;}
.renting-list .bandwidth p{ width: 125px; height:65px; float: left; text-align: center; color: #666666;}
.renting-list .bandwidth span{ display: block; font-weight: bold;}
.renting-list .price{ text-align:center; color:#ff8a00; font-size:24px;}


/*======================租用精选=======================*/
.renting-body{ padding:95px 0 80px; background: #f2f5fa; min-width: 1280px; overflow: hidden;}
.renting-body h1{ text-align: center; color: #000; font-size: 32px; overflow:hidden;}
.renting-body h1 p{ margin-top: 10px; color:#666666; font-size:14px;}
.renting-stype{position: relative;margin:50px 0 10px; overflow: hidden;}
.renting-stype ul{text-align:center; margin-left: -10px; overflow:hidden;}
.renting-stype ul li{height:43px;width:203px;background: #fff;position:relative;margin:0 0 10px 10px;line-height:43px;border:1px solid #ddd;float:left;cursor:pointer;}
.renting-stype ul li:before{ content:""; width:31px; height:14px; position:absolute; right:-1px; top:-1px;}
.renting-stype ul .hot:before{ background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/ico/hot.png") center no-repeat;}
.renting-stype ul .new:before{ background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/ico/new.png") center no-repeat;}
.renting-stype ul li:hover,.renting-stype ul li.active{color: #0c0c0c;border: 1px solid #eaecef;/* background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/ico/stypebg.jpg?v=1") center no-repeat; */}
.renting-stype ul li:hover:before,.renting-stype ul .active:before{ right:0; top:0;}

.renting-list{margin-left: -20px;overflow: hidden;}
.renting-list dl{float:left;margin:0 0 20px 20px;width: 302px;background: #fff;overflow:hidden;}
.renting-list dt{height: 100px;padding:15px 18px 0;border: 1px solid #dddddd;border-bottom:none;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/ico/titlebg.jpg?v=1") right top no-repeat;}
.renting-list dt h2{font-size:18px; color:#333; margin:0 0 8px;}
.renting-list dd{border:1px solid #ddd;border-top:none;padding:0 20px;height: 420px;overflow:hidden;}
.renting-list .detailtip{position: relative; cursor: pointer; }
.renting-list .detailtip p{ font-size: 12px; height: 20px; line-height: 20px; color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.renting-list .detailtiphover{ display:none; font-size: 12px; background: rgba(0,0,0,.75); width:210px;line-height:20px; padding:12px 15px; border-radius: 4px; color: #fff; position: absolute;top: 25px; left:6px;}
.renting-list .detailtiphover i{display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:6px dashed transparent;border-bottom-style: solid;border-bottom-color:rgba(0,0,0,.75);border-top-width: 0; position:absolute; top:-6px; left:113px;}
.renting-list .detaillist{ padding:5px 0; overflow:hidden;}
.renting-list .detaillist p{ line-height:35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.renting-list .detaillist span{ color: #666666; float: left; width: 45px;}
.renting-list .systemlist{color: #666666; overflow:hidden;}
.renting-list .systemlist p{ margin: 0 0 10px; line-height:35px; overflow: hidden; }
.renting-list .systemlist select {border: 1px solid #dddddd;width:225px;font-size: 12px;height:35px; padding: 0 0 0 15px;float: right; outline: none !important;line-height:33px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/public/ico/down.png") 205px 12px no-repeat; cursor:pointer}
.renting-list .systemlist select option { padding:10px 0; }
.renting-list .systemlist select:hover{ border:1px solid #015bfe;}
.renting-list .online{ display: block;height:40px; line-height:40px; text-align: center; background: #ff8a00; color: #fff; margin-top:10px;}
.renting-list .online:hover{ background:#fb8b2a;}
.renting-list .detailtip:hover .detailtiphover{ display: block;}
.renting-list dl:hover dt{border-color: #015bfe;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/ico/titlebg-h.jpg?v=1") right top no-repeat;}
.renting-list dl:hover dt p,.renting-list dl:hover dt h2{ color:#fff;}
.renting-list dl:hover dd{border-color: #015bfe}


/*特点与优势*/
.idc-trait{padding:95px 0 80px; min-width:1280px; overflow: hidden;}
.idc-trait h1{ font-size: 32px; color: #000; text-align: center;}
.idc-trait ul{ margin:75px 0 0 -20px; overflow: hidden; }
.idc-trait ul li{float: left;width: 300px;height: 178px;border: 1px solid #ddd;position: relative;padding:40px 25px 0 120px;margin:0 0 20px 20px;overflow: hidden;}
.idc-trait ul li:before{content:""; position: absolute;left: 28px; top: 40px; width: 65px; height: 74px;background: url("/template/Home/twy/PC/Page/SinglePage/img/serverlease/idc/ico/ico.png") no-repeat;}
.idc-trait ul h4{ font-size:18px; font-weight: bold; margin-bottom: 10px; }
.idc-trait ul p{ line-height: 24px; color: #666;}
.idc-trait ul .item1:before{background-position: 0 0;}
.idc-trait ul .item2:before{background-position: -74px 0;}
.idc-trait ul .item3:before{background-position: -149px 0;}
.idc-trait ul .item4:before{background-position: -225px 0;}
.idc-trait ul .item5:before{background-position: 0 -77px;}
.idc-trait ul .item6:before{background-position: -74px -77px;}
.idc-trait ul .item7:before{background-position: -149px -77px;}
.idc-trait ul .item8:before{background-position: -225px -77px;}

.foot-case{background: #f2f5fa;}




/*客户案例*/
.case-cloumn{text-align: center; margin: 0 0 75px; font-size: 32px;}
.foot-case{padding: 95px 0;min-width:1280px;overflow: hidden;}
.foot-case ul{margin: 0 auto;}
.foot-case ul:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.foot-case ul li{float:left; width: 254px; height: 159px; border: 1px solid #ddd; margin: -1px 0 0 -1px; background: #fff; _display:inline; position:relative; overflow:hidden;}
.foot-case ul li:after{ content:""; position:absolute; left:0; bottom:0; height:1px; width:0; background:#059fff;transition: 0.2s all linear;}
.foot-case ul li:hover:after{ width:100%;}
.foot-case img{display:block;width: 220px;height: 100px;margin:30px auto 0;}
.foot-case .more{ display: block; margin: 35px 0 0; font-size: 16px; text-align: center; color: #015bfe;}