input[type=range] {
    -webkit-appearance: none;
    width: 300px;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
    background: -webkit-linear-gradient(#00534c, #00534c) no-repeat;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}    

input[type=range]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 10px; /*将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
    background: #ffffff; 
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
}

.set-alert-box .row{margin:5px 0px;}
.alert-bg{background-color:rgba(0,0,0,0.5);position:fixed;top:50px;left:0px;width:100%;height:100%;z-index:1000;display:none;}
.alert-box-main{padding:10px;}
@media screen and (max-width:1920px) {
     .alert_email{width:25%;height:30px;font-weight:normal;background:#fff;border:1px solid #ddd;}
     .target-condition{float:left;width:20%; }
     .target-option-input{width:300px;height:30px;border:1px solid #ddd;}
    .alert-target-price .target-price .set-target-price{width:40%;height:30px;border:1px solid #ddd;}
    .row{margin:10px 0px;}
    .alert-box-main{background-color:#fff;z-index:1001;height:350px;width:50%;margin:10% auto;}
    .alert-close{font-size:25px;}
 }
@media screen and (max-width:1650px) {
    .alert-box-main{background-color:#fff;z-index:1001;height:350px;width:60%;margin:10% auto;}
    .alert-close{font-size:25px;}
 }
@media screen and (max-width:1300px) {
    .alert-box-main{background-color:#fff;z-index:1001;height:350px;width:80%;margin:10% auto;}
    .alert-close{font-size:25px;}
 }

@media screen and (max-width:992px) {
      .target-option{margin-top:15px;}
      .target-price{margin:15px 0px;}
      div.alert-desc-1{margin:10px 0px;}
     div.alert-desc-3{margin:10px 0px;}
      div.alert-desc{margin:10px 0px;}
       div.alert-close{margin:0px;}
      .alert_email{width:100%;height:30px;font-weight:normal;background:#fff;border:1px solid #ddd;}
       .target-condition{float:left;width:33.3%; }
      div.alert-target-condition{margin-top:35px;}
       .target-option-input{display:block;width:100%;height:30px;border:1px solid #ddd;}
       .price-title input.set_alert{width:100%;text-align:center;margin-top:20px;}
      .price-title input{display:block;}
      .target-price-option{padding:0px;}
      .target-price-option b{display:block;}
      .alert-target-price .target-price .set-target-price{width:100%;height:30px;border:1px solid #ddd;}
      .row{margin:10px 0px;}
     .alert-box-main{background-color:#fff;z-index:1001;height:93%;width:100%;margin:0 auto;overflow:scroll;}
}
@media screen and (max-width:640px) {
  .target-conditon{float:left;width:50%; }
}

.set_alert{display:inline-block;width:100px;height:}
.alert-close{text-align:right;cursor:pointer;}

.alert-desc-left{height:100%;text-align:center;}
.alert-desc-left img{margin-top:50%; }
.alert-desc-right{height:100%;}


.alert-desc .alert-desc-1{font-size:1.7rem;font-weight:600;}
.alert-desc .alert-desc-2{font-size:1.7rem;font-weight:600;padding-left:5px;}
.alert-desc .alert-desc-3{font-size:1.5rem;color:#777;}

.alert-current-price .price-title{font-size:1.4rem;font-weight:600;}
.price-condition{font-size:1.3rem;color:#888;}

.alert-target-price .target-price{font-size:1.4rem;font-weight:600;}
.alert-target-price .target-option{font-size:1.3rem;height:29px;line-height:29px;}
.alert-target-price .target-item-price{font-size:1.3rem;height:29px;}
.alert-target-condition .condition-title{font-size:1.4rem;font-weight:600;}
.alert-target-zip{display:none;}
.alert-target-zip .target-zip{font-size:1.4rem;font-weight:600;}
.alert-target-zip .target-zip input{width:80px;}

.alert-target-option{display:none;}
.alert-target-option .target-option{font-size:1.4rem;font-weight:600;}
.set_alert{width:10%;height:30px;line-height:10px;background:#00534c;color:#fff;border-radius:0px;}
.set_alert:hover,.set_alert:focus{background:#00534c;color:#fff;}