/* cdn - 计算器 */
.w1180{width: 1180px;margin:0 auto}
.counter{margin-top:30px;margin-bottom: 30px}
.counter-l,.counter-r{background-color: #fff;border-radius: 8px;}
.counter-l{width: 900px;padding:10px 35px 50px;box-sizing: border-box}
.counter-l .block-title{margin-left: -20px;margin-top: 15px;margin-bottom:20px;}
.counter-l .block-title:before{margin-right: 10px}
.counter-r{width: 260px}
.counter-l-item{margin-bottom: 30px}

.counter-item{padding: 10px 0}
.counter-item-select{margin:5px 0}
.select-skin01{width: 215px;border:1px solid #dfe7ed;background-color: #fff;border-radius: 6px;display: inline-block;box-sizing: border-box;}
.select-skin01:hover{background-color: #fff}
.select-skin01 .select-title input{height: 40px;font-size: 14px}
.select-skin01 .select-title input{text-align: left;color:#04304b;padding:0 10px}
.select-skin01 .select-title input::-webkit-input-placeholder,.select-skin01 .select-title input:-moz-placeholder,.select-skin01 .select-title input::-moz-placeholder,.select-skin01 .select-title input:-ms-input-placeholder{text-align: left;color:#04304b;padding:0 10px}
.select-skin01 .select-title:after{border-color:#04304b transparent transparent transparent;border-width: 5px;top:18px;right: 10px}
.select-skin01 .select-list{position: absolute;top: 38px;width:100%;background-color: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border:1px solid #dfe7ed;display: none;z-index: 99;box-sizing: border-box;}
.select-skin01 .select-list dd{line-height: 40px;padding:0 10px}
.select-skin01 .select-list dd:hover{background-color: #1389ff;color:#fff}

.counter-item .round-btn{display:inline-block;vertical-align:middle;margin-left:10px;width: 24px;height: 24px;background-image: url(../images/round-btn.png)}
.counter-item .round-btn.reduce{background-position: -24px 0}

.dragger{max-width: 500px;width:100%;height: 16px;background-color: #eaf0f5;border-radius: 8px;display: inline-block;vertical-align: middle;cursor: pointer;touch-action: none;}
.dragger-item{width:26px;height:16px;background-color: #669dfc;border-top-left-radius: 8px;border-bottom-left-radius: 8px;position: relative;transition: width .1s}
.dragger-btn{position: absolute;right: -28px;top:-4px;width: 56px;height: 24px;border-radius: 12px;background-image: url(../images/drag-btn.png);cursor: pointer;box-shadow:  0 0 20px rgba(75,137,243,.6)}
.dragger-btn.active{background-position: 0 24px}

.number{width:160px;display: inline-block;vertical-align: middle;margin-left: 10px;border:1px solid #dfe7ed;border-radius: 6px}
.number-input{float: left}
.number-input input{width: 60px;height: 40px;border: 0;border-right: 1px solid #dfe7ed;padding: 0 10px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.number-input input:focus{outline: none}
.number-select{width: 78px;vertical-align: top;border: 0}
.number-select:hover{border: 0}

.drag-tips{color:#8e99a2}

.counter-r>*{padding:0 15px}

.counter-r{border:1px solid #1389ff;border-top:3px solid #1389ff;}
.counter-r-header{line-height: 60px;border-bottom: 1px solid #ecf1f4;}
.counter-r-header h3{font-size: 14px}

.counter-r-body{padding-top:20px;padding-bottom: 20px}
.counter-r-body li{line-height: 30px;margin-bottom: 15px}
.counter-r-body li span{vertical-align: top}
.counter-r-detail-value{display: block;float: right;width: calc(100% - 72px);}
.counter-r-detail-value-inline{display: inline-block}

.counter-r-footer{background-color: #1389ff;color:#fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;line-height: 52px;margin-top:30px}
.counter-r-footer-r{color:#fff;padding: 11px 0;line-height: 26px;}
.counter-r-footer-r .price{font-weight: bold;font-size: 20px;color:#fff}
.counter-r-footer-r .select-skin01{width: 54px;line-height: 22px;border-radius: 0;margin-left: 5px;display: block;background-color: #95b9e9;border: 1px solid #4782e6;}
.counter-r-footer-r .select-skin01 input{height: 26px;color: #fff;}
.counter-r-footer-r .select-skin01 .select-list{top:26px;border-radius: 0}
.counter-r-footer-r .select-skin01 .select-list dd{line-height: 24px;color: #333}
.counter-r-footer-r .select-skin01 .select-title:after{top:11px;border-color:#fff transparent transparent transparent}
.counter-r-footer-r .select-skin01 .select-list dd:hover{background-color: #1389ff;color: #fff}