.clear{ clear:both;}
input{outline:none;}
*{ margin:0; padding:0;}

.cen_bx03 input{ font-size:16px;}
.kj_style{ width:80px; border-radius:4px; border:1px solid #CCCCCC; height:2.8em; text-indent:0.5em;}
.cen_bx03{border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.t_style02{ height:2.8em; font-size:16px;}
.t_style05{ width: auto; border-radius:4px;height:2.8em; cursor:pointer; border:none; background-color:#4775d8; font-size:16px; color:#FFFFFF; text-align:center; padding-left:20px; padding-right:20px; }
.t_style05:hover{ background-color:#5f8ae7;}
.t_style04{ width: auto; border-radius:4px;height:2.8em; cursor:pointer; border:none; background-color:#4775d8; font-size:16px; color:#FFFFFF; text-align:center; padding-left:10px; padding-right:10px; }
.t_style04:hover{ background-color:#5f8ae7;}
.t_title{width:30%;text-align:right;padding-right:10px;}
.t_style10{ width: auto; border-radius:4px;height:2.8em; cursor:pointer; border:none; background-color:#d9534f; font-size:16px; color:#FFFFFF; text-align:center; padding-left:20px; padding-right:20px; }
.t_style10:hover{ background-color:#d43f3a;}

.table_01 tr td{ border-left:1px solid #ffffff;border-top:1px solid #ffffff; vertical-align:middle; height:3em; }
.table_02 tr td{ border-left:1px solid #ffffff;border-top:1px solid #ffffff; vertical-align:middle; height:5em; }
.table_03 tr td{ border-left:1px solid #ffffff;border-top:1px solid #ffffff; vertical-align:middle; height:5em; }

.table_05{ border-right:1px solid #eee;border-bottom:1px solid #eee;}
.table_05 tr td{vertical-align:middle; height:3em;border-left: 1px solid #eee;border-top: 1px solid #eee;text-align: left;padding-left: 20px;width: 50%; }
.table_05 td:hover{background:#eee}

.s_style{ width:70px;border-radius:4px; border:1px solid #CCCCCC; height:2.8em; text-indent:0.5em;}
.s_title{width:30%;text-align:center;padding-right:10px;}
.s_style10{ width:70px;border-radius:4px; border:1px solid #CCCCCC;background:#4775d8;color:#fff; height:2.8em; text-indent:0.5em;}

.t_styleqq{ width: auto; border-radius:4px;height:2.8em; cursor:pointer; border:none; background-color:#4775d8; font-size:16px; color:#FFFFFF; text-align:center; padding-left:10%; padding-right:10%; }
.t_styleqq:hover{ background-color:#5f8ae7;}

.progress {  
      overflow: hidden;  
      height: 30px;  
      margin-bottom: 20px;  
      margin-top: 20px;  
      margin-left: 30px;  
      margin-right: 30px;  
      background-color: #f7f7f7;  
      background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);  
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));  
      background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);  
      background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);  
      background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);  
      background-repeat: repeat-x;  
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);  
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  
      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  
      -webkit-border-radius: 4px;  
      -moz-border-radius: 4px;  
      border-radius: 4px;  
      width:80%;   
    }  

.progress .bar {  
      width: 0%;  
      height: 100%;  
      color: #ffffff;  
      float: left;  
      font-size: 12px;  
      text-align: center;  
      align-items: center;  
      display: flex;  
      justify-content: center;  
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
      background-color: #0e90d2;  
      background-image: -moz-linear-gradient(top, #149bdf, #0480be);  
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));  
      background-image: -webkit-linear-gradient(top, #149bdf, #0480be);  
      background-image: -o-linear-gradient(top, #149bdf, #0480be);  
      background-image: linear-gradient(to bottom, #149bdf, #0480be);  
      background-repeat: repeat-x;  
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);  
      -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);  
      -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);  
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);  
      -webkit-box-sizing: border-box;  
      -moz-box-sizing: border-box;  
      box-sizing: border-box;  
      -webkit-transition: width 0.6s ease;  
      -moz-transition: width 0.6s ease;  
      -o-transition: width 0.6s ease;  
      transition: width 0.6s ease;  
    } 
 
    
input[type="range"] {
  -webkit-box-shadow: 0 1px 0 0px #f1eaea, 0 1px 0 #efeff9 inset, 0px 2px 10px 0px #dddddd inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset, 0 0px 1px rgba(206, 201, 201, 0.6) inset;
 margin-top: 2px;
 background-color: #ccc;
 border-radius: 15px;
 width: 80px;
 -webkit-appearance: none;
 height:10px;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: pointer;
/*   top: -5px; */
  height: 20px;
  width: 15px;
  transform: translateY(0px);
  background: none repeat scroll 0 0 #bbb;
  border-radius: 15px;
  -webkit-box-shadow: 0 -1px 1px black inset;
}

.dl_vip_box{  border:1px solid #dddddd;background-color:#ffffff;position: relative;
	top: 50%;
    left: 50%;
    width: 46%;
    height: 280px;
    margin-top: -230px;
    margin-left: -25%;
    background: #fff;
    z-index: 999999999999999;
    border-radius: 8px;
}
.dl_vip_box .tie_box{ background-color:#f8f8f8; height:3em; line-height:2.5em; padding-left:20px; padding-right:20px; vertical-align:middle;}
.dl_vip_box .tie_box a{ color:#FFFFFF; background-color:#ff6b6b; border-radius:4px; padding:3px 8px 3px 8px; margin-left:20px;font-size:12px}
.dl_vip_box .tie_box a:hover{ background-color:#ff8181;}
.dl_vip_box .tie_box span{ float:right;margin-right:30px;}
.dl_vip_box .tie_box em{ font-size:18px; font-style:normal;}
.dl_ri a{ color:#FFFFFF; background-color:#0080c0; border-radius:4px; padding:3px 5px 3px 5px; margin-left:8px;font-size:12px}
.dl_ri a:hover{ background-color:#00a5f4;}

.dl_vip_box .dl_lf{ width:50%; float:left; border-right:1px solid #dddddd;}
.dl_vip_box .dl_ri{ width:49%; float:left; text-align:center; }
.dl_vip_box .dl_lf p{ line-height:32px; text-align: center; font-size:16px;margin-bottom:10px;margin-top:10px;}
.dl_vip_box .dl_lf p em{ color:#999999;font-style:normal;}
.dl_vip_box .dl_lf .p01s{ width:38px; height:44px; position: absolute; display:block; background-image:url(../png/icon001.png); background-position:0px 0px; }
.dl_vip_box .dl_lf .p02s{ background-position:-37px 0px;}
.dl_vip_box .dl_lf .p03s{ background-position:-79px 0px;}
.dl_vip_box .erweima_bg{ background-image:url(../jpg/bg_ewm.jpg); background-repeat:no-repeat; background-position:center center; width:110px; height:110px; margin:0 auto;margin-top:5px;margin-bottom:5px;}
.dl_vip_box .erweima_bg img{ vertical-align:middle; padding-top:3px; width:104px; border-radius:6px;}
.dl_vip_box .dl_ri p{ padding-top:0px;margin-bottom: 10px;}
.mar_cen{ padding-top:2em; padding-bottom:2em;}
.guanbi{width:32px; height:32px; position: absolute; background-image:url(../png/icon001.png); background-position:-208px 0px; background-repeat:no-repeat; right:0px; margin-top:2px; cursor:pointer;}
.dl_vip_box .tie_box .sjann{ color:#FFFFFF; background-color:#feb626; border-radius:4px; padding:3px 20px 5px 20px; margin-left:20px;}
.dl_vip_box .tie_box .sjann:hover{ background-color:#ffaa00;}
.dl_vip_box .dl_lf .p04s{ background-position:-122px 0px;}
.dl_vip_box .dl_lf .p05s{ background-position:-164px 0px;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  
.kj_style{ width:60px; border-radius:4px; border:1px solid #CCCCCC; height:2.8em; text-indent:0.3em;}
.dl_vip_box .dl_lf{ width:100%;}
.dl_vip_box .dl_ri{ width:100%; border:none; margin-top:0px;}
.mar_cen{ padding-top:1em; padding-bottom:2em;}
.yincan{ display:none;}
.dl_vip_box .erweima_bg img{ vertical-align:middle; padding-top:3px; width:104px; border-radius:6px;}

.dl_vip_box{  border:1px solid #dddddd;background-color:#ffffff;position: relative;
	top: 50%;
    left: 30%;
    width: 90%;
    height: 420px;
    margin-top: -230px;
    margin-left: -25%;
    background: #fff;
    z-index: 999999999999999;
    border-radius: 3px;
}
.dl_vip_box .dl_lf p{ line-height:20px; text-align: center; font-size:14px;margin-top:0px;}
.dl_vip_box .dl_ri p{ padding-top:20px;}
.dl_vip_box .tie_box em{ font-size:16px; font-style:normal;}
.dl_vip_box .tie_box{ background-color:#f8f8f8; height:3em; line-height:2.5em; padding-left:5px; padding-right:5px; vertical-align:middle;}
.dl_vip_box .tie_box span{ float:right;margin-right:30px;display:block}
.dl_vip_box .tie_box a{ color:#FFFFFF; background-color:#ff6b6b; border-radius:4px; padding:3px 3px 3px 3px; margin-left:3px;font-size:12px}
}