/*header*/
.ssl-banner{ height:380px;position: relative; background: url("../../images/ssl/banner.jpg")  center top #051723 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;}
.header-info p{ line-height:22px;}

/*======================配置选择=======================*/
.ssl-configuration{ padding:0 0 40px; min-width:1220px;}
.ssl-config-body{ padding:20px 0 0;}
.ssl-config-body .group-tip{padding:15px 0 0 85px; font-size: 12px; color:#ff8a00; }

.ssl-config-body .num-input{ float: left;line-height: 35px;}
.ssl-config-body .num-input p{ display: inline-block; vertical-align: top; margin-right: 10px; height: 33px;text-align: center; border: 1px solid #dddddd;}
.ssl-config-body .num-input span{ float: left;width:34px; height: 33px; cursor: pointer;}
.ssl-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;}
.ssl-config-body .num-input .disabled{cursor:not-allowed}
.ssl-config-body .num-input .reduce{ background: url("../../images/cloud/ico/minus.png")  #f6f6f6 center no-repeat; }
.ssl-config-body .num-input .raise{ background: url("../../images/cloud/ico/puls.png")  #f6f6f6 center no-repeat; }

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

.ssl-config-group .ul-block{ padding-left: 85px; }
.ssl-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;}
.ssl-config-group .ul-block .active{ background: #059fff; border: 1px solid #059fff; color: #fff; }

.ssl-config-group .ul-time{ padding-left: 85px; }
.ssl-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;}
.ssl-config-group .ul-time .active{ background: #059fff; border: 1px solid #059fff; color: #fff; }

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


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


/*滑块*/
.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;}