/*======================共用=======================*/

/*header*/
.rent-banner{ height:380px; position:relative; background: url("../../images/idc/rent-banner.jpg")  center top #08080a no-repeat; min-width:1220px;}
.deposit-banner{height:380px; position:relative; background: url("../../images/idc/deposit-banner.jpg")  center top #0f181d no-repeat; min-width:1220px;}
.purchase-banner{height:380px; position:relative; background: url("../../images/idc/purchase-banner.jpg")  center top no-repeat; min-width:1220px;}

.header-info{padding-top: 155px; text-align: center;color: #fff; overflow: hidden;}
.header-info h1{ font-size: 36px; margin: 0 0 35px;}
.idc-column{ height: 50px; position: absolute; left: 0; right: 0; bottom: 0;}
.idc-column li{ width: 50%; float: left; height: 47px; line-height: 47px; text-align: center;font-size: 18px; border-top: 3px solid #454f55; background: #454f55;}
.idc-column li a{ display:block; color: #fff; }
.idc-column .active{ border-top: 3px solid #059fff; background: #fff; }
.idc-column .active a{color: #059fff;}

/*特点与优势*/
.idc-trait{ background: #fafafa; padding: 80px 0; min-width:1220px; overflow: hidden;}
.idc-trait h1{ font-size: 30px; text-align: center;}
.idc-trait ul{ margin:60px 0 0 -20px; overflow: hidden; }
.idc-trait ul li{ float: left; width:160px; height: 120px; position: relative; padding:40px 20px 0 110px; min-height: 120px; background: #fff; margin:0 0 20px 20px;}
.idc-trait ul i{ display: block; width: 65px; height: 58px; position: absolute; left:20px; top: 50px; background: url("../../images/idc/icons.png")  no-repeat;}
.idc-trait ul h5{ font-size: 24px; margin: 0 0 8px; }
.idc-trait ul p{ line-height: 24px; color: #999999;}
.idc-trait ul .img1{background-position: 2px 0;}
.idc-trait ul .img2{background-position: -61px 0;}
.idc-trait ul .img3{background-position: -119px 0;}
.idc-trait ul .img4{background-position: -180px 0;}
.idc-trait ul .img5{background-position: 4px -58px;}
.idc-trait ul .img6{background-position: -57px -58px;}
.idc-trait ul .img7{background-position: -118px -58px;}
.idc-trait ul .img8{background-position: -184px -58px;}

/*合作伙伴*/
.foot-partner{ background: #fff;}
.module-title {font-size: 30px;color: #000;margin: 0 0 55px;text-align: center; }
.module-title p { font-size: 14px;margin: 13px 0 0; color: #666666; }

/*======================租用精选=======================*/
.renting-body{ padding:75px 0; min-width:1220px; overflow: hidden;}
.renting-body h1{ text-align: center; font-size: 30px; overflow:hidden;}
.renting-body h1 p{ margin:12px 0 0; color:#666666; font-size:14px;}
.renting-body .container{ width:1260px;}
.renting-stype{position: relative;margin:45px 10px 10px; overflow: hidden;}
.renting-stype ul{overflow:hidden;}
.renting-stype ul li{ height:43px; width:184px; position:relative;  margin:0 10px 20px; line-height:43px; border:1px solid #ddd;float:left;text-align:center; 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("../../images/idc/ico/hot.png")  center no-repeat;}
.renting-stype ul .new:before{ background: url("../../images/idc/ico/hot.png")  center no-repeat;}
.renting-stype ul li:hover{ color: #fff; height:45px; width:186px; line-height:45px;  border:0;  background: url("../../images/idc/ico/stypebg.jpg")  center no-repeat;}
.renting-stype ul li:hover:before{ right:0; top:0;}
.renting-stype ul .active{ color: #fff; height:45px; width:186px; line-height:45px; border:0;  background: url("../../images/idc/ico/stypebg.jpg")  center no-repeat;}
.renting-stype ul .active:before{ right:0; top:0;}

.renting-list{ padding:0 10px; overflow: hidden;}
.renting-list dl{float:left; margin:10px 10px 20px; width: 290px;overflow:hidden;}
.renting-list dt{ height:74px; padding:15px 18px 0; border: 1px solid #dddddd; border-bottom:none;background: url("../../images/idc/ico/titlebg.png")  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 18px; height:329px; 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; color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.renting-list .detaillist span{ color:#333; font-weight: bold; margin-left:15px;}
.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; margin-left: 5px;width:214px;font-size: 12px;height:35px; padding: 0 0 0 15px; outline: none !important;line-height:33px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("../../images/public/ico/down.png")  195px 12px no-repeat; cursor:pointer}
.renting-list .systemlist select option { padding:10px 0; }
.renting-list .systemlist select:hover{ border:1px solid #059fff;}
.renting-list .online{ display: block; width: 160px; height: 35px; line-height: 35px; text-align: center; background: #ff8a00; color: #fff; margin:20px auto 0;}
.renting-list .online:hover{ background:#fb8b2a;}
.renting-list .detailtip:hover .detailtiphover{ display: block;}
.renting-list dl:hover dt{ border:0; padding:16px 19px 0; background: url("../../images/idc/ico/titlebg-h.jpg")  right top no-repeat;}
.renting-list dl:hover dt p,.renting-list dl:hover dt h2{ color:#fff;}
.renting-list dl:hover dd{ border: 1px solid #059fff; border-top:none;}
.renting-list dl:hover{-moz-box-shadow: 0px 5px 30px rgba(4,111,178,0.15);-webkit-box-shadow: 0px 5px 30px rgba(4,111,178,0.15);box-shadow: 0px 5px 30px rgba(4,111,178,0.15);}

/*======================大带宽=======================*/
.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;}

/*======================产品列表共用=======================*/

.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;}

.server-product-list{ padding:20px 0 0;}
.server-product-list .group-tip{padding:15px 0 0 85px; 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("../../images/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("../../images/cloud/ico/minus.png")  #f6f6f6 center no-repeat; }
.server-product-list .num-input .raise{ background: url("../../images/cloud/ico/puls.png")  #f6f6f6 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:30px 0 0 60px; border: 1px solid #dddddd; margin-top: 20px;}
.server-product-detail:hover{ border: 1px solid #059fff;}
.server-product-detail:hover .server-product-title{ background: #059fff; color: #fff; }
.server-product-title{ width: 35px; background: #ebebeb; color: #999999; position: absolute; left: 0; top: 0; bottom: 0; }
.server-product-title span{ position: absolute; left:10px; top:50%; margin-top: -28px; line-height: 16px; display: block; width: 16px; text-align: center;}
.server-product-group{color:#333; margin: 0 0 25px; min-height:35px;}
.server-product-group label{ width: 85px;line-height: 35px; float: left; color: #666666; }

.server-product-group .ul-jifang{ padding-left: 85px; }
.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: #059fff; border: 1px solid #059fff; z-index: 1; }
.server-product-group .ul-jifang .active span{ color: #fff; background: #059fff; border-bottom: 1px solid #059fff; }
.server-product-group .ul-jifang .float-tip{ bottom:75px;}


.server-product-group .ul-time{ padding-left: 85px; }
.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: #059fff; border: 1px solid #059fff; color: #fff; }
.server-product-group .ul-time .gift{ display: inline-block; vertical-align:text-top; margin-right:5px; width: 17px; height: 17px; background: url("../../images/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: 85px; }
.server-product-group .ul-block li , .disk-select li{ width: 129px; height: 33px; position: relative; float: left; line-height: 33px; text-align: center; background: #f6f6f6;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:#059fff; border:1px solid #059fff; 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("../../images/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: #059fff; border: 1px solid #1a92dd;color: #fff; }
.server-product-group .ul-block .gift{ display: inline-block; vertical-align:text-top; margin-right:5px; width: 17px; height: 17px; background: url("../../images/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: #059fff; }
.server-product-group .select-list:hover ul{ border-color: #059fff; }
.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("../../images/public/system.png")  no-repeat; }
.server-product-group .select-list cite:after{ content:""; display:block; width:7px; height:33px; float:right;; background:url("../../images/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: #059fff; 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("../../images/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: #059fff; 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: 85px;}
.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:#059fff; color:#fff;}
.server-product-group .ul-disk .del{ display: inline-block; margin-left:10px; width: 35px; height:35px; background: url("../../images/idc/ico/close.png")  center no-repeat; cursor: pointer; }

.config-price .price-parameter ul li{ float: left;color: #999999; font-size: 12px; line-height: 30px;}

.disk-tip{ display:inline-block; vertical-align:top; position:relative; cursor:pointer;}
.disk-tip:before{ content:""; display:block; width:16px; height:25px;background: url("../../images/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("../../images/public/ico/tip.png")  center bottom no-repeat;}
.config-disk:hover .disk-tip p{ display:block;}

/*滑块*/
.ui-slider{ height:10px; margin:12px 0 0; background:#ebebeb; 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("../../images/public/ico/slider.png")  center no-repeat;}
.ui-state-hover{ background: url("../../images/public/ico/slider.png")  center no-repeat;}
.ui-state-active{ background: url("../../images/public/ico/slider.png")  center no-repeat;}
.ui-slider-range{ height:10px; border-radius:3px 0 0 3px; background:#059fff;}

/*======================租用定制=======================*/
.custom-body{ padding:0 0 40px; min-width:1220px;}
.custom-body .config-price .price-parameter ul{ display:none; padding:10px 5px 0 0;}
.custom-body .config-price .price-parameter .wh{ width: 405px !important; }
.custom-body .config-price .price-parameter .wh1{ width: 145px !important; }
.custom-body .config-price .price-parameter ul li{width:280px;}


/*======================托管定制=======================*/
.deposit-body{ padding:0 0 40px; min-width:1220px;}
.deposit-body .config-price .price-parameter ul{ display:none; padding:10px 200px 0 0; overflow: hidden;}
.deposit-body .config-price .price-parameter ul li{width:270px;}

/*======================采购定制=======================*/
.purchase-body{ padding:0 0 40px; min-width:1220px;}
.purchase-body .config-price .price-parameter ul{ display:none; padding:10px 420px 0 0; overflow: hidden;}
.purchase-body .config-price .price-parameter ul li{width:280px;}
.purchase-body .config-price .price-parameter ul .wh1{width:360px !important;}

/*======================DELL采购=======================*/
.dell-body{ padding:30px 0 0; min-width:1220px; }
.dell-body h1{ font-size: 30px; margin:45px 0 40px; overflow: hidden; }
.dell-stype .stype-list{ border-bottom:1px solid #dddddd; position: relative; padding: 0 0 25px; overflow: hidden;}
.dell-stype p{ color: #666; line-height: 25px; margin:18px 0; overflow: hidden; }
.dell-stype p em{ font-weight: bold;}
.dell-stype .hd{ overflow:hidden;}
.dell-stype .hd .prev,.dell-stype .hd .next{ display:block;width:9px; height:16px; position: absolute; top:15px; cursor:pointer; background:url(../../images/idc/icons.png)  no-repeat;}
.dell-stype .hd .prev{ left: 0; background-position: -1px -122px; }
.dell-stype .hd .next{ right: 0; background-position: -15px -122px;}
.dell-stype .hd .prev:hover{background-position:-29px -122px; }
.dell-stype .hd .next:hover{background-position:-45px -122px;}
.dell-stype .bd { padding-left:20px; }
.dell-stype .bd ul{ height: 51px; overflow:hidden; zoom:1; }
.dell-stype .bd li{ width:160px; height: 45px; line-height:45px; position: relative; margin-right: 10px; background: #fafafa; text-align: center; float:left; _display:inline;}
.dell-stype .bd li:after{ content: ""; display: none !important; position: absolute; bottom: -6px; left:75px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:6px dashed transparent;border-top-style: solid;border-top-color: #059fff;border-bottom-width: 0;}
.dell-stype .bd .hover{ background: #059fff; color: #fff; }
.dell-stype .bd .hover:after{ display: block !important; }

.dell-list{ margin:0 0 60px -20px; overflow: hidden; }
.dell-list dl{ float: left; width: 288px; height: 468px; border: 1px solid #dddddd; margin: 0 0 20px 20px; }
.dell-list dt{ height:87px; padding: 22px 10px 0; position: relative; background: #fafafa; text-align: center; color: #999999; line-height: 22px;}
.dell-list dt em{ width:50px; height: 30px; font-style: normal; position: absolute; right:-1px; top:-1px; line-height: 30px; padding-left:10px; color: #fff; background: url("../../images/idc/ico/ico2.png")  right center no-repeat;}
.dell-list dt h2{ font-size: 24px; margin: 0 0 10px; color: #000; margin: 0 0 15px;}
.dell-list dd ul{ padding:15px 20px; border-bottom: 1px dashed #ddd;}
.dell-list dd ul li{ height:40px; line-height:40px; color: #999999;}
.dell-list dd ul span{ color: #666666; font-weight: bold; margin-left: 10px; }
.dell-list dd .price{ text-align: center; color: #999; margin: 28px 0; overflow: hidden; }
.dell-list dd .price span{ color: #666666; margin-left: 5px; }
.dell-list dd .price em{ font-size: 30px; color: #ff8a00;}
.dell-list dd .btn{ display: block; width: 238px; height: 38px; margin: 0 auto; border: 1px solid #ff8a00; line-height: 38px; text-align: center; color: #ff8a00;}
.dell-list dd .btn:hover{ background: #ff8a00; color: #fff; }
.dell-list dl:hover{ border: 1px solid #059fff;}
.dell-list dl:hover dt{ background: url("../../images/idc/title-bg.jpg")  center no-repeat; color: #fff;}
.dell-list dl:hover dt h2{ color: #fff;}

/*优势*/
.dell-trait{ background: #fafafa; padding: 80px 0; min-width:1220px; overflow: hidden;}
.dell-trait h1{ font-size: 30px; text-align: center;}
.dell-trait ul{ margin:60px 0 0 -20px; overflow: hidden; }
.dell-trait ul li{ float: left; width:290px; text-align: center; height:240px;background: #fff; margin:0 0 20px 20px;}
.dell-trait ul i{ display: block; width: 65px; height: 58px; margin:35px auto 25px; background: url("../../images/idc/icons.png")  no-repeat;}
.dell-trait ul h5{ font-size: 24px; margin: 0 0 8px; }
.dell-trait ul p{ line-height: 24px; color: #999999;}
.dell-trait ul .img1{background-position: -251px 0;}
.dell-trait ul .img2{background-position: -312px 0;}
.dell-trait ul .img3{background-position: -370px 0;}
.dell-trait ul .img4{background-position: -184px -58px;}