/*======================鍏辩敤=======================*/

/*header*/
.cloud-banner{ position: relative;padding-top: 150px; background: url("../../images/cloud/banner.jpg-v=3.jpg")  center top #05121a no-repeat;min-width: 1280px;}
.header-info{ display:block; height:220px; text-align: center;color: #fff; overflow: hidden;}
.header-info h1{ font-size: 36px; margin: 0 0 35px;}

.header-info2{ display:block; height:300px; text-align: center;color: #fff; overflow: hidden;}
.header-info2 h1{ font-size: 36px; margin: 0 0 35px;}

.cloud-column{ height: 50px; position: absolute; left: 0; right: 0; bottom: 0;}
.cloud-column li{ width: 50%; float: left; height: 47px; line-height: 47px; text-align: center; color: #fff; font-size: 18px; border-top: 3px solid #454f55; background: #454f55;}
.cloud-column li a{ display:block; color:#fff;}
.cloud-column .active{ border-top: 3px solid #0070ff; background: #fff; color: #0070ff;}
.cloud-column .active a{ color:#0070ff;}

/*鐗圭偣涓庝紭鍔�*/
.cloud-trait{ background: #fafafa; padding: 80px 0;min-width: 1280px; overflow: hidden;}
.cloud-trait h1{ font-size: 30px; text-align: center;}
.cloud-trait ul{ margin:60px 0 0 -20px; overflow: hidden; }
.cloud-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;}
.cloud-trait ul i{ display: block; width: 65px; height: 58px; position: absolute; left:20px; top: 50px; background: url("../../images/cloud/icons.png")  no-repeat;}
.cloud-trait ul h5{ font-size: 24px; margin: 0 0 8px; }
.cloud-trait ul p{ line-height: 24px; color: #999999;}
.cloud-trait ul .img1{background-position: 0 -20px;}
.cloud-trait ul .img2{background-position: -66px -20px;}
.cloud-trait ul .img3{background-position: -127px -20px;}
.cloud-trait ul .img4{background-position: -197px -20px;}
.cloud-trait ul .img5{background-position: 0 -80px;}
.cloud-trait ul .img6{background-position: -61px -80px;}
.cloud-trait ul .img7{background-position: -128px -80px;}
.cloud-trait ul .img8{background-position: -199px -80px;}

/*鍚堜綔浼欎即*/
.foot-partner{ background: #fff;}
.foot-partner .module-title{ text-align: center; }

/*妯″潡鏍囬*/
.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; }

/*甯歌闂*/
.domain-question{ background: #fafafa; padding: 80px 0; overflow: hidden;}
.domain-question h1{ font-size: 30px; text-align: center;min-width: 1280px;}
.domain-question ul{ margin: 60px 0 0 -25px; overflow: hidden; }
.domain-question ul li{ width: 330px; height: 135px; padding: 15px 30px 0; float: left; background: #fff; margin-left: 25px; }
.domain-question li p{ height: 40px; }
.domain-question li a{ display: block; line-height: 40px; color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.domain-question li a:before{ content: ""; display: inline-block; width: 4px; height: 3px; vertical-align: middle; background: #666666; margin-right:10px;}
.domain-question li p:hover a{ color: #0070ff; }
.domain-question li p:hover a:before{ background: #0070ff; }

/*婊戝潡*/
.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:#0070ff;}

/*======================閰嶇疆閫夋嫨=======================*/

.harddisk{ clear:both;}
.harddisk label{ height:35px;}
.harddisk .delete{ display:inline-block; color:#0070ff;line-height: 35px; padding-left: 10px; cursor:pointer;}
.harddisk .delete:hover{ color:#ff8a00;}

.cloud-configuration{ padding:0 0 40px;min-width: 1280px;}
.cloud-config-body{ padding:0px 0 0;}
.cloud-config-body .group-tip{padding:15px 0 0 85px; font-size: 12px; color: #666666; }
.cloud-config-body .group-tip a{ color: #ff8a00;}
.cloud-config-body .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: -100px; right: -100px; z-index: 11;}
.cloud-config-body .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;}
.cloud-config-body .num-input{ float: left;line-height: 35px;}
.cloud-config-body .num-input p{ display: inline-block; vertical-align: top; margin-right: 10px; height: 33px;text-align: center; border: 1px solid #dddddd;}
.cloud-config-body .num-input span{ float: left;width:34px; height: 33px; cursor: pointer;}
.cloud-config-body .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;}
.cloud-config-body .num-input .disabled{cursor:not-allowed}
.cloud-config-body .num-input .reduce{ background: url("../../images/cloud/ico/minus.png")  #f6f6f6 center no-repeat; }
.cloud-config-body .num-input .raise{ background: url("../../images/cloud/ico/puls.png")  #f6f6f6 center no-repeat; }

.cloud-config-list{position: relative;padding:30px 0 0 60px; border: 1px solid #dddddd; margin-top: 20px;}
.cloud-config-list:hover{ border: 1px solid #0070ff;}
.cloud-config-list:hover .cloud-config-name{ background: #0070ff; color: #fff; }
.cloud-config-name{ width: 35px; background: #ebebeb; color: #999999; position: absolute; left: 0; top: 0; bottom: 0; }
.cloud-config-name span{ position: absolute; left:10px; top:50%; margin-top: -28px; line-height: 14px; display: block; width: 16px; text-align: center;}
.cloud-config-group{color:#333; margin: 0 0 25px;}
.cloud-config-group label{ width: 85px;line-height: 35px; float: left; color: #666666; }
.cloud-config-group .ul-jifang,.cloud-config-group .ul-block{ padding-left: 85px; }

.cloud-config-group .ul-jifang li{ width:94px; height: 63px; position: relative;font-size: 12px; color: #999999; float: left; text-align: center; border: 1px solid #dddddd; margin-right: -1px; cursor: pointer;}
.cloud-config-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;}
.cloud-config-group .ul-jifang .active{color: #0070ff; border: 1px solid #0070ff; z-index: 1; }
.cloud-config-group .ul-jifang .active span{ color: #fff; background: #0070ff; border-bottom: 1px solid #0070ff; }
.cloud-config-group .ul-jifang .float-tip{ bottom:75px;}
.cloud-config-group .ul-jifang li:hover .float-tip{ display:block;}

.cloud-config-group .ul-block li{ width: 129px; height: 33px; float: left; line-height: 33px; text-align: center; background: #f6f6f6;border: 1px solid #ddd; margin-right: -1px; cursor: pointer;}
.cloud-config-group .ul-block .active{ background: #0070ff; border: 1px solid #0070ff; color: #fff; }
.cloud-config-group .ul-block .gift{ display: inline-block; margin-right:5px; width: 17px; height: 14px; background: url("../../images/cloud/ico/gift.png")  center no-repeat;}

.cloud-config-group .ul-time{ padding-left: 85px; }
.cloud-config-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;}
.cloud-config-group .ul-time .active{ background: #0070ff; border: 1px solid #0070ff; color: #fff; }
.cloud-config-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;}
.cloud-config-group .ul-time .float-tip{ bottom:42px;left:-15px; right:-15px; padding:7px 5px;}
.cloud-config-group .ul-time li:hover .float-tip{  display:block !important;}

.cloud-config-body .ssd{ color: #666666; overflow: hidden;}
.cloud-config-body .ssd em{ color: #ff8a00; display: inline-block; margin-right: 10px; }
.cloud-config-body .ssd span{ display: inline-block; margin-right: 10px; width: 128px; height: 33px; line-height: 33px; border: 1px solid #0070ff; background: #e6f7ff; text-align: center; color: #0070ff;}
.data-disk span{cursor:pointer;}
.cloud-config-body .ssd .active{background:#0070ff; border:1px solid #0070ff; color:#fff;}

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

.cloud-config-body .add-disk p{ float: left; width: 35px; height: 35px; line-height:32px; cursor:pointer; background: #0070ff; color: #fff; text-align: center;font-weight: 100; font-size: 24px;}
.cloud-config-body .add-disk span{ color: #ff8a00;margin: 0 15px 0 10px; }
.cloud-config-body .add-disk em{ color: #ff8a00; margin: 0 5px; }

.cloud-config-body .select-list{ height: 33px; padding:0 15px; border: 1px solid #dddddd; position: relative; float: left; width: 260px; cursor: pointer;}
.cloud-config-body .select-list:hover{border-color: #0070ff; }
.cloud-config-body .select-list:hover ul{ border-color: #0070ff; }
.cloud-config-body .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; }
.cloud-config-body .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;}
.cloud-config-body .select-list .cart-up:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.cloud-config-body .select-list ul{ display: none; border: 1px solid #ddd; border-top: none; background: #fff; position: absolute; left:-1px; top: 34px; right:-1px; z-index: 5;-webkit-animation-name: select; animation-name:select;-webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.cloud-config-body #system_type_div{ width:210px;}
.cloud-config-body .select-list li{ height: 35px; line-height: 35px;}
.cloud-config-body .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; }
.cloud-config-body .select-list .system0{ background-position:-8px -14px;}
.cloud-config-body .select-list .system1{ background-position:-35px -13px;}
.cloud-config-body .select-list .system2{ background-position:-63px -13px;}
.cloud-config-body .select-list .system3{ background-position:-92px -13px;}
.cloud-config-body .select-list .system4{ background-position:-120px -13px;}
.cloud-config-body .select-list li:hover{ background: #0070ff; color: #fff;}
.cloud-config-body .select-list li:hover .system0{ background-position:-8px -49px;}
.cloud-config-body .select-list li:hover .system1{ background-position:-35px -49px;}
.cloud-config-body .select-list li:hover .system2{ background-position:-63px -49px;}
.cloud-config-body .select-list li:hover .system3{ background-position:-92px -49px;}
.cloud-config-body .select-list li:hover .system4{ background-position:-120px -49px;}
.cloud-config-body .select-system{margin-left: 20px;}
.cloud-config-body .select-system li{ padding-left:20px;}
@keyframes select {
    from {
        transform: translate3d(0, 20px, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.config-price .price-parameter ul{ display:none; padding:10px 300px 0 0; overflow: hidden;}
.config-price .price-parameter .wh{ width: 165px !important; }
.config-price .price-parameter ul li{ float: left; width: 300px; color: #999999; font-size: 12px; line-height: 30px;}

/*======================鏈嶅姟鏀寔=======================*/

.cloud-support{ padding:40px 0;min-width: 1280px; overflow: hidden; }
.support-body{ float: right; width:928px; padding:10px 30px 60px 60px; border: 1px solid #0070ff;}
.support-stype{ float: left; width:200px; border-top: 1px solid #ddd;}
.support-stype li{ font-size: 16px; color: #333; height:60px;text-align: center; position: relative; cursor: pointer;}
.support-stype li span{display:block; background: #f6f6f6;line-height: 58px;border-top: 1px solid #ddd;border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: -1px 0 0;}
.support-stype li span:before{ content: ""; display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right:15px; background: url("../../images/cloud/icons.png")  no-repeat;}
.support-stype .stype1:before{background-position: 0 0;}
.support-stype .stype2:before{background-position:-18px 0;}
.support-stype .stype3:before{background-position:-39px 0;}
.support-stype .stype4:before{background-position:-58px 0;}
.support-stype .stype5:before{background-position:-78px 0;}
.support-stype .stype6:before{background-position:-95px 0;}
.support-stype .active span{ position: absolute; left: 0; right: -1px; border: 1px solid #0070ff; border-right: 1px solid #fff; background: #fff; color: #0070ff;}
.support-stype .active .stype1:before{background-position:-112px 0;}
.support-stype .active .stype2:before{background-position:-131px 0;}
.support-stype .active .stype3:before{background-position:-151px 0;}
.support-stype .active .stype4:before{background-position:-170px 0;}
.support-stype .active .stype5:before{background-position:-190px 0;}
.support-stype .active .stype6:before{background-position:-208px 0;}

.support-info{ display: none; }
.support-info h2{ font-size: 24px;margin:50px 0 20px; padding-left:15px; border-left: 5px solid #0070ff; line-height: 100%;}
.support-info h4{ font-size: 16px; color: #666666; line-height:25px; }
.support-info p{ color: #666666; line-height:35px;}
.support-detail1 .support-steps{ margin:30px 0 0; width: 770px; height:62px; background: url("../../images/cloud/process1.png")  left top no-repeat;}
.support-detail2 .support-steps{ margin:30px 0 0; width: 771px; height:85px; background: url("../../images/cloud/process2.png")  left top no-repeat;}
.support-detail3 .support-steps{ margin:30px 0 0; width: 771px; height:62px; background: url("../../images/cloud/process3.png")  left top no-repeat;}
.support-detail4 .support-steps{ margin:30px 0 0; width: 771px; height:85px; background: url("../../images/cloud/process4.png")  left top no-repeat;}
.support-detail5 .support-steps{ margin:30px 0 0; width: 771px; height:85px; background: url("../../images/cloud/process5.png")  left top no-repeat;}