@charset "utf-8";
/*all */
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
div, dl, dt, dd, ul, ol, li, pre, form, label, input, select, textarea, p, th, td {font-size: 14px;}
* {margin: 0px;padding: 0px;word-wrap: break-word;word-break: normal;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
body { color: #333;position: relative}
body, html {height: 100%;background: #eee;margin:0 auto;}
li {list-style: none;}
img {border: 0;vertical-align: middle;max-width: 100%;}
td, th {line-height: 150%;color: #333;padding: 3px;vertical-align: top !important;}
input, select {border: 0;background-image: none;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
select {border: 1px solid #dedede;padding: 5px}
input,input:focus,button,button:focus{-webkit-appearance: none;outline: none;}
input[type="submit"], input[type="reset"], input[type="button"], select {appearance: none;-webkit-appearance: none;border-radius: 0;background-image: none}
input[type=checkbox], input[type=radio] {-webkit-appearance: none;appearance: none;width: 22px;height: 22px;margin: 0;cursor: pointer;vertical-align: bottom;background: url(../images/shop-images/button-icon08.png) no-repeat;position: relative;background-size: 100%;outline: none;margin-right: 5px}
input[type=checkbox]:checked, input[type=checkbox].active, input[type=radio]:checked, input[type=radio].active {background: url(../images/shop-images/button-icon08.png) no-repeat 0 bottom;background-size: 100%;outline: none;}
a {color: #666666;text-decoration: none;cursor: pointer;}
a:hover {text-decoration: none;}
table {word-break: break-all; }
table a {color: #135589;}
table a:hover {color: #f1524f;}
.btn-dblue{ background-color:#68bceb !important;}
.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {visibility: hidden;display: block;content: " ";clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix {
*zoom:1;}
input, select, textarea {color: #444444;font: normal 12px/auto;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
input, select {vertical-align: middle;}
textarea {word-wrap: break-word;word-break: normal;}
.hide {display: none }
.affix {position: fixed !important;z-index: 9996;}
.pull-left {float: left}
.pull-right {float: right}
.text-center{ text-align:center}
.text-right{ text-align:right}
.pos-relatve{ position:relative}
.font-bold{ font-weight:bold}
/*font bg*/
.fs12 { font-size: 12px; }
.fs18{ font-size:18px}
.fs20{ font-size:20px}
.fs30{ font-size:30px}
.font-rose {color: #e50077 !important}
.font-green {color: #8fc320 !important}
.font-red {color: #e62c2c !important;}
.font-blue {color: #0085d0 !important;}
.font-orange {color: #f97f6d !important;}
.font-3{ color:#333 !important}
.font-6 {color: #666}
.font-9 {color: #999}
.font-white{ color: #fff}
.font-oldred{ color:#ea5031}
.bg-white{ background-color: #fff !important; }
.bg-eee{ background-color: #eee; }
.bg-e6e7e8{ background:#e6e7e8}
.bg-blue{ background:#0085d0}
.bg-green{ background-color: #8fc320; }
.bg-lightred{ background:#fff4e4 !important}
.bg-orange{ background:#ffae1f !important}
.bg-lightorange{ background:#ffae1f !important}
.border-bot{ border-bottom:solid 1px #dedede;}
/*bg*/
.dg-gray{ background-color:#999;}
.bg-gray{ background-color:#f8f8f8;}
.dg-gray{ background-color:#999;}
.white-bg {background-color: #fff;}

/*form*/
.form-control:-moz-placeholder {color: #999999;}
.form-control::-moz-placeholder {color: #999999;}
.form-control:-ms-input-placeholder { color: #999999;}
.form-control::-webkit-input-placeholder { color: #999999;}
.form-control {display: block;width: 100%;height: 34px; padding: 6px 12px;font-size: 14px;line-height: 1.428571429;color: #555555; vertical-align: middle; background-color: #ffffff;
background-image: none;border: 1px solid #cccccc; }
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { cursor: not-allowed;background-color: #eeeeee;}
input[type=checkbox],input[type=radio]{-webkit-appearance: none;appearance: none; width:22px; height:22px;margin: 0;cursor: pointer;vertical-align: bottom; background:url(../images/button-icon08.png) no-repeat;position: relative;background-size:100%;outline:none;}
input[type=checkbox]:checked,input[type=checkbox].active,input[type=radio]:checked,input[type=radio].active{  background: url(../images/button-icon08.png) no-repeat 0 bottom;background-size:100%;outline:none;}
.input-form{ height:35px; line-height:35px; background:#f5f5f5; border: solid 1px #d4d4d4; border-radius:3px; padding-left:10px}
.input-form2{ background:#fff}
.ml10{ margin-left:10px}
.pt5{ padding-top:5px}
.pt20{ padding-top:20px}
.lh25{ line-height:25px}
.lh30{ line-height:30px}
.lh44{ line-height:44px}
.mt5{ margin-top:5px !important;}
.mb5{ margin-bottom:5px !important;}
.mt8{ margin-top:8px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px}
.mt40{ margin-top:40px}
.mb20{ margin-bottom:20px}
.mb44{ margin-bottom:44px}
.mr10{ margin-right:10px}
.mr160{ margin-right:160px}
.m10{ margin:10px}
.pr5{padding-right: 5px;}

.pl20{ padding-left:20px}
.pl10{ padding-left:10px}
.pr10{ padding-right:10px}
.p10{ padding:10px}
.pl40{ padding-left:40px}
.pr20{ padding-right:20px}
.pt20{ padding-top:20px}
.pb20{ padding-bottom:20px}
.pb10{ padding-bottom:10px}
.plr10{ padding-left: 10px; padding-right:10px}
.plr5{ padding-left: 5px; padding-right:5px}
.w60{ width:60px}
.w80{ width:80px}
.w-65per{ width:65%}
.w-35per{ width:35%}
.w-15per{ width:15%}
.w-50per{ width:50%}
.w-95per{ width:95% !important}
.h70{ height:70px !important}


/*btn*/
.btn {height: 35px;display: inline-block;text-align: center;background-color: #999;color: #fff;line-height: 35px;font-size: 16px;border-radius: 4px !important;}
button.btn {border: none;}
.btn-green { background-color: #8fc320; color: #fff; }
.btn-green:active { background-color: #5c8700 }
.btn-yelow { background-color: #ffda44; color:#333; }
.btn-yelow.btn-block { color:#333; }
.btn-yelow:active { background-color: #b2982f }
.btn-red { background-color: #ff4444; }
.btn-red.btn-block { color:#fff; }
.btn-red:active { background-color: #be1f1f }
.btn-disable{background:#dedcdc; color:#999; padding:0 5px;}
.btn-disable:active{background:#dedcdc;}
.btn-purple { background-color: #e40077;color:#fff; }
.btn-purple.btn-block { display:block ; width:100%; text-align:center}
.btn-red:active { background-color: #be1f1f }
.blue { color: #0085d0; }
.btn-blue { background-color: #0085d0; color:#fff !important }
.btn-blue:active { background-color: #016095 }
.btn-orange { background-color: #ff981f; color:#fff }
.btn-orange:active{ background-color:#f18a12}
.btn-white{ background:#fcfdfc; height:33px; line-height:33px; border:1px solid #dedede; color:#666}
.btn-small{ font-size:12px}
.btn-gray{ background:#eee; color:#666; padding:0 5px;}
.btn-gray:active{background:#e1d9d9;}

.btn-block { width: 95%; margin: 0  auto }
.btn-block-100per { width: 100%; margin: 0  auto }
.btn-2x { width: 48% ; box-sizing: border-box}
.yzm { float: left;margin-left: 0; height: 35px;max-width: 30%;}
/*main*/
.container{position: relative; width: 10rem;  margin: 0 auto;}
.container-bt50{ padding-bottom:50px}
.affix{ position:fixed; width:10rem}
.affix-foot{ bottom:0px; height:50px; overflow:hidden}
.main{ position: absolute;top: 50px; bottom: 34px;overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.box-5{ padding:0.1rem 0.2rem; padding-top:10px}
.header{ height:45px;top:0px;}
/*recharge*/
.common-list{ padding:0.3rem 0.2rem; position:relative;}
.common-list li{ float:left; width: 31%;margin: 8px 0px 0px 2%;border:1px solid #cdcdcd; box-sizing:border-box; border-radius:5px; min-height:52px; line-height:20px;padding:6px 1px;text-align:center;margin-bottom:8px; background-color:#fff;color:#333; font-size:15px; box-sizing:border-box;position:relative;}
.common-list li small{ display:block;font-size:12px; color:#a7a9ac;}
.common-list li.on{ color:#8ec31f; border-color:#8ec31f; border-width:2px;padding:5px 0px;}
.recharge-list li.on{ background:#fff url(../images/bg-selected.png) no-repeat right bottom; background-size:30px}
.common-list li.on small{color:#8ec31f;}
.common-list li.on a{ color:#fff;}
.common-list-2 li{ width:48%;margin: 8px 0px 0px 2%; text-align: left; height:auto;box-sizing:border-box}
.common-list-2 li div{ padding:0 5px; line-height:25px; }
.common-list-2 li div.border-bottom{ border-bottom:solid 1px #dedede; padding-bottom:5px}
.common-list-2 li small{ padding-left:5px}
.text-list { padding:10px 20px; line-height:30px}
.text-list dt{ float:left; color:#333}
.text-list dd{ color:#999}
.bussnes-input {font-size:18px;padding-left:5%;width:95%;text-align: center;}
.common-list-item li{ line-height:35px; margin-left:10px; border-bottom:solid 1px #dedede}
.common-list-item li.on{ color:#8ec31f; background: url(../images/icon.png) no-repeat  right -215px; background-size:40px}
.common-img{ width:1.2rem; height:1.2rem}
.errorinfo{position: absolute; top:15px; right:5px; font-size:1px; color:#e62c2c }
.favor-bg{ position:absolute; left:-3px; top:-4px; background:#f95361; width:20px;  height:20px; color:#fff}
.favor-content{ background:#fff; border-top: solid 2px #cccccc; border-bottom:solid 2px #ccccc; padding:0 10px}
.favor-bgicon{ background:url(../images/huibg.png) no-repeat left center; display:inline-block; width:170px; height:40px; background-size:80%; margin-left:10px; margin-top:5px; padding-left:8px; font-size:16px; color:#f95361}
/* TAB切换 */
.Tab,.Tab02,.Tab03,.tarf_comontog{background:#FFF;overflow:hidden;}
.Tab .TabHead,.tarf_tabLine,.tarf_comontog .comon_tabWrap{background:#FFF;height:40px;}
.Tab .TabHead ul,.Tab02 .TabHead ul,.Tab03 .TabHead ul{overflow:hidden;;}
.Tab .TabHead li,.Tab02 .TabHead li,.Tab03 .TabHead li,.tarf_tabLine,.tarf_comontog .comon_tab{line-height:40px;border-top:1px solid #DBDBDB;}
.Tab .TabHead li,.tarf_comontog .comon_tab,.Tab02 .TabHead li,.tarf_comontog .comon_tab,.Tab03 .TabHead li,.tarf_comontog .comon_tab{float:left;text-align:center;cursor:pointer;border-bottom:#dedede 2px solid}
.Tab .TabHead li.last,.tarf_comontog .comon_tab.last{background:none;}
.Tab .TabHead li a,.tarf_tabLine,.tarf_comontog .comon_tab a{color:#666;font-size:14px;font-weight:normal;}
.Tab .TabHead li.on,.Tab02 .TabHead li.on,.Tab03 .TabHead li.on,.tarf_comontog .comon_tab.on{border-bottom:#0085d0 2px solid;}
.Tab .TabHead li.on a,.tarf_comontog .comon_tab.on a{color:#0085d0;}
.bg-cj .TabHead{ background:#ac3436; position:fixed; bottom:0; width:10rem}
.bg-cj  .TabNote{ }
.bg-cj  .TabHead li.on,.bg-cj .TabHead li{ border:none; color:#fff}
.bg-cj  .TabHead li.on{ background:#802626}
.bg-cj  .TabHead li a{ color:#fff}
.bg-cj  .TabHead li.on a{ color:#f7bf38}
/* TAB切换内容 */
.Tab .TabNote,.Tab02 .TabNote,.Tab03 .TabNote{width:100%;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;text-shadow:none; }
.Tab .TabNote > div,.Tab02 .TabNote > div,.Tab03 .TabNote > div{width:100%;overflow:hidden;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#333}

/* 2TAB切换 */
.Tab2 li{width:50%;}

/* 3TAB切换 */
.Tab3 li,.tarf_tab3 li{width:33.33%;}

/* 4TAB切换 */
.Tab4 li{width:25%;}

/* 5TAB切换 */
.Tab5 li{width:20%;}

/* 6TAB切换 */

.Tab6 li{width:16.65%;}

.tab-slt{ margin-top:0px;}
.Tab3.bg-f6f6f6{ height:40px; background:#f6f6f6}
.tab-slt li{background-color:#f6f6f6 !important; border:none !important; border-right:3px solid #fff !important;}
.tab-slt .border-none{ border:none !important;}
.tab-slt li.on{ border-top:2px solid #68bceb !important; background-color:#fff !important;}
.tab-slt li.on a{ color:#68bceb !important;}

.order-btn{ height:50px}
.order-btn  p{ padding-right:20px ; padding-top:5px}
.order-btn .btn-purple{ line-height:50px}
/**stepbar**/
.stepbar{ margin-left:20px}
.stepbar ul li{ width:40%; float:left; position:relative}
.stepbar ul li.last{ width:20%}
.stepbar ul li span{ display:inline-block; text-align:center;height: 40px; width:40px; border-radius: 100%; border: 5px solid #dadada; background: #dadada; line-height:30px; font-size:20px; color:#a2a2a2}
.stepbar ul li.cur span,.stepbar ul li.finish span{  background: #99cc33; color:#FFF}
.stepbar ul li.finish span{  background: #99cc33 url(../images/step-finish.png) no-repeat center 10px; background-size:50%; text-indent:-9999px}
.stepbar ul li .stepbar-txt{ padding-top:10px}
.stepbar ul li .stepbar-bg{ position:absolute; z-index:1; height:16px; background:#dadada;border-top: 4px solid #dadada;border-bottom: 4px solid #dadada;  left:35px; top:12px ; right:-5px;}
.stepbar ul li.finish  .stepbar-bg{ background: #99cc33; }
.stepbar ul li.finish  .stepbar-bg{right:-5px; }
/*分享*/
.more-box { width: 100%;  height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 9997; display: none; left: 0; top: 0; }
.more-box.on { z-index: 9999; top: 0; display: block; }
.share-box {  background-color: #f8f8f8; display: none; width:10rem; margin-left:-5rem;position:fixed; bottom: 0; left:50%;  z-index: 10000 }
.share-box-fixed{ bottom:auto; top: 50%; margin-left:auto; width:80%; max-width:9rem; height:auto; border-radius:6px;    transform: translate(-50%, -50%); margin:0; padding:0 }
.share-title{ background:#0085d0; line-height:30px; border-top-left-radius:6px;border-top-right-radius:6px; margin:0; padding:0; color:#fff; padding-left:20px}
.share-search{ position:absolute; top:0;}
.share-box .cancel { display: block; height: 50px; line-height: 50px; border-top: 1px solid #dedede; text-align: center; color: #333; font-size: 16px }
.share-sum .share-content { padding:30px 10px 10px 10px; }
.share-sum .share-content p {  line-height:30px; clear: both; }
.share-box-fixed  .share-content p{ padding-top:20px; padding-bottom:20px; line-height:25px}
.bulid-fix { padding-bottom: 0 !important; }
.bulid-fix .btn { margin: 0 !important; padding: 0 !important; }
.sdd-btn .btn { width: 100%; }
.share-sum .close-btn { border: none ; background-image: url(../images/gb_btn.png); background-repeat: no-repeat; position: absolute; top: 8px; right: 10px; width: 28px; height: 28px; background-size:20px; }
.share-content h2 { display:block; padding:5px 10px; border-bottom:1px solid #cdcdcd; text-align:center; font-size:16px; font-weight:500; }
.yhline a { display:block; padding: 0 10px; height: 44px;line-height: 44px;}
.share-sum .sum-tleft { width:35%; text-align:right; display:block; float:left; font-size: 12px; line-height: 30px; }

/*table*/
.table-style{ margin:2% auto; width:96%; line-height:30px; border:solid 1px #eee; box-sizing:border-box }
.table-style  thead tr th{ background:#8fc320; color:#fff; text-align:center;border-left:solid 1px #eee;border-right:solid 1px #eee}
.table-style  tbody tr td{text-align:center; border-left:solid 1px #eee;border-right:solid 1px #eee}
.table-style  tbody tr:nth-of-type(even) td{ background:#f8f8f8; }
.table-style2   tr th{ background:#ffb150; color:#fff; text-align:center }
.table-style2   tr th:nth-child(even){ background:#f9826c}
.table-style1 th{ font-size: 12px;}
.table-style1{width: 100%;margin: 0 auto;}
/*floor*/
.floor { padding-top:5px}
.floor h2{ line-height:25px; border-left: solid 3px #8fc320; padding-left:20px; margin-left:10px; margin-top:5px; margin-bottom:5px}
.kd-homelist { border-top: solid 1px #dedede; border-bottom:solid 1px #dedede}
.kd-homelist li{ float:left; width:50%; border-right:solid 1px #dedede; padding:10px}
.kd-homelist li p{ line-height:30px}
.bill-info{ background:#fff; margin-top:5px; font-size:12px; line-height:20px; color:#999;  text-align:left; border-top:1px solid #dedede; padding:0 10px}
.dy-text{ padding:10px 10px; color:#666; line-height:35px; font-size:13px; border-bottom:1px dashed #dedede; margin-top:5px; }
.bill-list > li{ background:#f8f8f8; margin-top:10px; line-height:35px;   text-align:right}
.bill-list > li ul{ background:#fff; padding:0 10px; display:none}
.bill-list > li ul li{border-bottom:solid 1px #dedede; color:#999; line-height:35px}
.flowtuan-border{ border: dashed 2px #ff981f; margin:10px 20px; padding:10px; padding-bottom:40px; border-radius:8px; position:relative}
.flowtuan-time{text-align:center; margin-top:20px; margin-bottom:20px}
.flowtuan-time span{ background:#ffe2b9; padding: 5px 10px; border-radius:5px }
.flowtuan-list{ width:100%; background:#f8e4c7; line-height:25px; margin-top:10px; padding:10px}
.flowtuan-list li{ border-bottom: dashed 1px #f4c787}
.flowtuan-list li span{ width:30%; text-align:left; display:inline-block}
.cjbtn{ background:#ffe2b9; padding: 0px 10px; border-radius:5px }
.more-btn a{ display:block; text-align:center; line-height:44px; height:44px; width:100%; background:url(../images/more-btn.png) no-repeat center 13px; background-size:20px; text-indent:-9999px }
.more-btn.down a{ background-position:center -20px; }
.flowtuan-btn { background: url(../images/flowtuan-btn.png) no-repeat center top ; display:block; position:absolute; bottom:-20px; height:48px; line-height:40px; width:171px; background-size: 100%; text-align:center; margin-left:-86px; left:50%; font-size:20px; color:#663333}
.flowtuan-btn2{ display:block;margin:10px 30px; margin-top:30px;  border: dashed 2px #ff981f;  padding:10px;border-radius:12px; text-align:center; color:#663333}
.flowtuan-activty-title{ background: #ffe2b9; line-height:30px; padding-left:20px; color:#663333}
.flowtuan-activty-title2{ background: #ffae1f; color:#fff}
.flowtuan-activty-index-title{ color:#542d1e; border-bottom:dashed 1px #542d1e;line-height:30px; margin:0 20px; margin-top:20px}
.flowtuan-activty-content{ padding:10px 20px; line-height:23px}
.border-top{ border-top: dashed 1px #ccc; margin-top:10px; padding-top:10px}
input.form-control-border { float:left;height: 34px;padding: 6px 12px;  font-size: 14px;
  line-height: 1.428571429;  color: #555555;vertical-align: middle;background-color: #ffffff;
  background-image: none; border: 1px solid #cccccc; border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input.form-control-border:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.flowtuan-form li{ padding-top:10px; height:50px}
.warm-info{ color:#999; text-indent:30px}
.kd-user-titile{ background:url(../images/icon.png) no-repeat 10px 14px; background-size:40px; padding-left:30px}
.kd-success-bg{  margin:10px 20px; margin-top:20px; text-align:center}
.kdts-suc{ width:4.5rem}
.kdts-fail{ width:2.2rem}
.kdts-fail404{ width:2.8rem}
.mobile-logo-bg{ width:2.4rem; height:2.4rem; line-height:2.4rem; text-align:center; border-radius:50%; background:#0085d0 ; margin:20px auto;}
.mobile-logo-bg img{ width:2rem}
.mobile-forgot{width:4rem;  text-align:center;  margin:20px auto;}
.user-moible-sign{ margin:20px 0.3rem}
.user-moible-sign .Tab .TabHead{ background:#eeeeee}
.user-moible-sign .Tab02 .TabHead li,.user-moible-sign .Tab .TabHead li{ border-top:0px}
.user-moible-sign .TabNote{ min-height:200px; background:#eee}
.user-moible-sign form{ width:100%; display:block}
.user-moible-list{ width:100%; border:1px solid #ccc; background:#fff;}
.user-moible-list li{ height:50px; border-bottom: solid 1px  #cccccc; padding-left:40px; line-height:50px}
.user-moible-list li input { padding:0; margin:0; width:100%; display:inline-block; line-height:45px}
.user-moible-list li.icon-sms input,.user-moible-list li.icon-yzm input{ width:48%}
.user-moible-list li.icon-sms .btn{ margin-right:5px; margin-top:6px}

.icon-phone{ background-size:40px; background-position: 10px -18px}
.icon-key{background-size:40px; background-position: 10px -62px}
.icon-yzm{background-size:40px; background-position: 10px -528px}
.icon-userid {background-size:40px; background-position: 10px -462px;}
.icon-error{background-size:40px; background-position: 10px -419px; height:40px}
.icon-sms{background-size:40px; background-position: 10px -112px}
.icon-arrow{background-position: 10px -128px;background-size:30px; display:inline-block; width:20px; height:20px}
.icon-tv{background-position: 10px -205px;background-size:30px; padding-left:40px}
.icon-search{background-position: 10px -238px;background-size:30px; height:25px; width:35px; display:inline-block}
.bill-list > li.icon-up{ background:#f8f8f8 url(../images/icon.png) no-repeat right -585px; background-size:40px; cursor:pointer }
.bill-list > li.icon-down{ background:#f8f8f8 url(../images/icon.png) no-repeat right -619px;background-size:40px;cursor:pointer }
.search-bg { background:#99cc33; height:35px; width:35px; border-radius:3px; margin-top:5px; cursor:pointer}

[class*="kd-icon-"]{ background:url(../images/icon-kd.png) no-repeat  }
.kd-icon-train{background-size:26px; background-position: right 2px}
.kd-icon-plane{background-size:26px; background-position: right -88px}
.kd-icon-rocket{background-size:26px; background-position: right -178px}
li.on .kd-icon-train{background-position: right -50px}
li.on .kd-icon-plane{background-position: right -139px}
li.on .kd-icon-rocket{background-position: right -230px}
.huib { line-height:45px; text-align:center; width:100%; }
.hchart { width:100%;display:block; margin:0 auto; padding-top:20px; text-align:center }
.indicatorContainerWrap { text-align:center; position:relative; margin: 0 15%;}
.indicatorContainerWrap canvas { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); width:200px; height:200px  }
.synumber { position:absolute; font-size: 14px; color: #666; top: 32%;  text-align: center; display: block;width: 100%;}
.synumber p { font-size: 28px; color:#333; }
.synumber p span.fs12 { font-size: 14px; }
.ll-show { margin: 5px 10px; border-bottom:1px solid #cdcdcd; overflow: hidden; }
.ll-show .fl { float:left; margin-left: 20px; }
.ll-show .fr { float:right; margin-right: 20px; }
.ll-show:after { content:""; height:1px; line-height:1px; clear:both; }
.ll-show span { color:#999; }
.ll-show p { font-size:16px; color:#333; }
.ll-show div { text-align:center;  }
.liu-box { padding: 2px 15px; }
.liu-box .new-jd .new-gd-bar { display: block; height: 15px; background: #e1e4e9; width: 100%; position: relative; border-radius: 5px; overflow: hidden; vertical-align: -2px; }
.liu-box .new-jd .new-gd-bar span { display: block; height: 15px; border-radius: 5px; background: #ffda44; }
.liu-box .new-jd .name { color:#999; line-height:30px }
.liu-box .new-jd .name b{color:#333;padding: 2px 5px;background-color:#ffda44;font-weight: 500;border-radius: 3px;font-size: 12px;margin-right: 5px;}
.liu-box .new-jd .jd-wz { line-height:30px; color: #999; font-size: 12px;}
.liu-box .new-jd .fr { float:right }
.liu-box { padding: 2px 15px; }
.liu-box .new-jd .new-gd-bar { display: block; height: 15px; background: #e1e4e9; width: 100%; position: relative; border-radius: 5px; overflow: hidden; vertical-align: -2px; }
.liu-box .new-jd .new-gd-bar span { display: block; height: 15px; border-radius: 5px; background: #6cbfe5; }
.liu-box .new-jd .name { color:#999; line-height:30px }
.liu-box .new-jd .name b{color:#333;padding: 2px 5px;background-color:#ffda44;font-weight: 500;border-radius: 3px;font-size: 12px;margin-right: 5px;}
.liu-box .new-jd .jd-wz { line-height:30px; color: #999; font-size: 12px;}
.liu-box .new-jd .fr { float:right }
.llxqing .new-jd .new-gd-bar span { display: block; height: 15px; border-radius: 5px; background: #6cbfe5; }

/*choujiang*/
.bg-cj{ background:#fe4e4e !important}
html.bg-cj,html.bg-cj{ height:auto; }
body.bg-cj{ position:relative}
.cjjh{ margin:20px  auto; text-align:center  }
.cjjh span{ background:#cd3f3f; border-radius:5px; padding: 5px 10px; color:#9b130b; font-size:18px}
.cjjh span b{ color:#fff; padding:0 5px}
.banner{display:block; width:95%;margin-left:auto;margin-right:auto;padding-top:0.125rem;text-align:center}
.banner .turnplate{display:block;width:100%;position:relative;  margin:0 auto;overflow:visible;-webkit-transform: translateZ(0);-webkit-transform: rotate(0);
  -webkit-transform-origin: 50% 50% 0px; }
.banner .turnplate canvas.item{width:100%;-webkit-transform: rotate(0);z-index:0 !important}
.banner .turnplate img.pointer{position:fixed;width:2rem; left: 50%;  top: 50%;   transform: translate(-50%, -50%); z-index:1 !important}
.cj-winning{ background:#ffe16f; margin:10px 10px;}
.cj-winning-title{ background:#fe4e4e; text-align:center; color:#ffff66 ; line-height:44px; position:relative; font-size:20px}
.cj-winning-title:before{position: absolute;content: "";display: block;  width: 0px;height:0px;left:0px;top: 0px;border: 22px solid; border-color: #d84243 #d84243 #ffe16f #ffe16f; }
.cj-winning-title:after{position: absolute;content: "";display: block;  width: 0px;height:0px;right:0px;top: 0px;border: 22px solid; border-color:  #d84243 #ffe16f  #ffe16f #d84243   ; }
.top-scroll{ height:50px; overflow:hidden}
.top-scroll li{ padding-left:20px; height:50px; line-height:50px; font-size:16px}
.rule-bg{ margin-top:20px}
.rule-title{ background: #d84242; color:#9b130b; line-height:40px; text-align:center}
.rule-content{ padding:10px; color:#9b130b}
.rule-content dl{ min-height:30px; line-height:30px}
.rule-content dt{ float:left}
.mask{position:absolute;top:0;left:0;height:100%;width:100%;background:#000;opacity:0.5;display:none;z-index:3;}
.popup{z-index:4;width:90%;left:0.5rem;top:5rem;position: absolute;margin:0 auto;display:none;text-align:center;background:#ed3736; border-radius:10px;background-size:100%;}
.popup-close{ display:block; text-align:right; padding-right:20px; padding-top:20px; }
.popup-close img{ width:36px; height:36px;}
.popup-content{ height:8rem; margin:0 auto; text-align:center; padding-top:2rem }
.popup-fail .popup-content{ padding-top:0px; height:auto}
.popup-fail .popup-content p{ margin:20px 30px ; font-size:18px; line-height:30px}
.popup-fail .imgfail{ width:80%;}
.popup-people{ width:5.25rem}
.popup2{ display:none}
.popup-zj{ background:url(../images/zjbg.png) no-repeat  center top; background-size:80%; width:90%; margin:0 auto; text-align:center; position:relative}
.jp-whiteborder{ background: url(../images/lip-bg.png) no-repeat center top; background-size:100%; width:98%;height:5rem;   margin:0 auto; margin-top:1.5rem; text-align:center; overflow:hidden}
.jp-redborder{ border:  solid 1px #e78d0f; padding:0.4rem; margin:0 auto; border-radius:8px;  width:60%; margin-top:0.3rem}
.jp-redborder p.jp-title{ color:#c43026; font-size:0.8rem; margin-bottom:0.18rem; padding-bottom:0.16rem}
.select-city{ line-height:44px; border-bottom:solid 1px #eeeeee; color:#999999; padding:0 10px; text-align:right}
.select-city a{  display:inline-block; color:#999}
.add-info{ border:none; display:block; height:50px; line-height:25px; width:98%;}
.search-form { padding-right: 50px; padding-left:50px}
.search-input { background:#f8f8f8  url(../images/icon.png) no-repeat 10px -375px; background-size:40px;   border: none; outline: none; padding-left: 30px; height: 35px; width: 100%; z-index: 10; border:solid 2px #68bceb; border-radius: 3px;  margin-top: 5px; -webkit-appearance: none; }
.flowtuan-index-list{ margin:0 20px; background:url(../images/flowtuanindex.png) no-repeat; background-size:100%; padding-top:4.3rem }
.flowtuan-index-list li{ width:50%; float:left}
.loading-bg{ margin:0 auto; text-align:center; background:#fff; padding:30px 20px; }
.loading-fix{ max-width:8rem;border-radius:6px;position: fixed; z-index:55;  left: 50%;  top: 50%;   transform: translate(-50%, -50%);  }
.loading-bg img{ width:30px}
.recharge-balance{ position:absolute; right:20px; top:20px; color:#999; display:none}
.kd-search{ padding:  10px 0}
.kd-search img { width:30%; float:left }
.kd-search-info{ width:70%; float:left}
/**/
.actity-ul { float:right}
.actity-ul  li{ float:left; padding:0 20px }
.actity-ul  li a{ display: inline-block;color:#7ec5ff; line-height:45px}
.actity-ul li a.active{ color:#fff; border-bottom:1px solid #fff}
.actity-ul i{ width:5px; height:5px; border-radius:50%; background:#ff7335; position:absolute; top:10px; }
.select-area{ float:left; padding-left:10px; line-height:45px; }
.select-area a{ display:inline-block; padding-right:30px; color:#fff; background:url(../images/arrow.png) no-repeat right center; background-size:25px}
.benefit-list li{ margin:10px ; min-height:100px;   border:1px solid  #bfbfbf; border-radius:5px; background:#fcf8ed; position:relative; overflow:hidden}
.benefit-list li h2{ color:#333; font-size:14px; padding-bottom:5px; white-space: nowrap; overflow:hidden }
.benefit-list li p{ color:#666; font-size:12px; line-height:15px; max-height:45px; overflow:hidden;  }
.benefit-list li .benefit-time{ color:#333; font-size:12px; padding-top:5px}
.benefit-txt{ float:left; width:50%; margin:0 ; padding:0; box-sizing:border-box; padding-left:10px; padding-top:10px }
.benefit-img{ float:left; width:50%;box-sizing:border-box; padding-left:10px; }
.benefit-hot{ background:url(../images/hot.png) no-repeat; background-size:18px; padding-left:20px; margin-left:10px}
.benefit-day{ position:absolute; right:0; top:30%; background:url(../images/blue-tiao.png) no-repeat; background-size:100%; width:70px; height:39px; line-height:39px; color:#fff; padding-left:8px}
.close-btn2{ display:inline-block; color:#fff;  line-height:23px; background:url(../images/return.png) no-repeat  left top; background-size:23px; padding-left:28px; margin-left:10px; margin-top:10px}
.moble-e{ margin-top:50px; margin-bottom:70px}
.moble-e-img{ float:left; width:25px}
.mobile-e-content{ margin-left:35px; padding-right:20px; }
.mobile-e-an{ background:#73c2f2; color:#fff; border-radius:15px; padding:10px; margin-top:5px; margin-bottom:15px}
.mobile-e-txt{ margin-left:5px; width:100%}
.moble-e-user{ float:right; width:32px; margin-top:5px}
.mobile-e-q{background:#e1dede; color:#333; border-radius:15px; padding:10px; margin-top:5px; margin-bottom:15px; margin-right:10px; display:inline-block}
.list {  padding: 10px ;}
.list .answer-check li{ padding-top:5px; line-height:25px}
.list .answer-check li  input{ float:left}
.list .answer-check li  input.input-form { float:none; display:block;}
.list .answer-check li .textarea-form{ display:block; float:none; height:60px; width:8rem}
.list .answer-check li label{ margin-left:10px; display:inline-block}
/*ebi*/
.e-user{ background:#ffb150 url(../images/bg.png) no-repeat left  bottom; background-size:100%; color:#fff}
.e-user-circle{ background:url(../images/e-user-cricle.png) no-repeat; width:100px; height:100px; background-size:100%; margin:0 auto}
.e-user-circle a{ color:#f97458; font-size:20px; display:block; padding-top:20px; padding-left:30px; padding-right:20px}
.e-level{ background:url(../images/e-level.png) no-repeat  right  top; padding-right:30px; background-size:25px}
.e-nav li{ float:left; margin-left:0.5%; margin-top:10px; width:19.5%;}
.e-home-title{ border-bottom:1px  solid #cececd;border-top:1px  solid #cececd; margin-top:10px; margin-bottom:10px; line-height:44px; text-align:center; font-size:18px}
.e-home-title a{ display:block; text-align:center; font-size:16px}
.e-hot{ background:url(../images/ehot.png) no-repeat ; background-size:25px; padding-left:30px; margin-left:10px; font-size:14px}
.e-time{ background: url(../images/e-time.png) no-repeat ; background-size:25px; padding-left:30px; margin-left:10px; font-size:14px}
.e-list li{ float:left; width:33.3%; box-sizing:border-box; padding:10px 5px; overflow:hidden}
.e-list-bg{ border:1px solid #cacaca;  text-align:center}
.e-list-bg img{ height:100px; margin:0 auto;padding:5px; box-sizing:border-box; display:block}
.e-list-4 li{ width:25%}
.e-list-4 .e-list-bg img{ height:70px;}
.ebi{ width:98px}
.ebi-kuang{ background:#f9826c; margin:10px; line-height:44px; border-radius:30px; color:#fff; font-size:16px}
.ebi-kuang2{ background:#fc9754}
.ebi-kuang input{ background: none; line-height:44px; color:#fff}
.ebi-btn{ border:2px solid #e05f4c; color:#fa9685; background:#fff; border-radius:30px; padding:10px 20px; line-height:44px; font-size:16px}
.e-intro{ background:ur3l(../images/bg2.png) repeat-y; background-size:100%; color:#fff}
.e-intro-list{ background:url(../images/ebi-intro.png) left bottom no-repeat; background-size:100%}
.e-intro-list dl{ padding:0 10px; margin-top:5px; }
.e-intro-list dt{ font-weight:bold; font-size:14px ; display:block;line-height:35px  }
.e-intro-list dd{ display:none}
.e-intro-list .e-arrow{ width:18px; float:right; padding-top:10px }
.bg-white-20{ background:rgba(255,255,255,0.2)}
.e-border{ border-bottom:1px solid  #dddddc; padding:5px 10px}
.level-grade{ padding: 10px}
.level-grade li{ float:left; width:50%; background:#f0f0f0; padding-left:10px; padding-top:5px; padding-bottom:5px;  color:#7a4240}
.level-grade li.li2{ background:#dfdcdc}
.level-grade-bg{ background:#fb8f55; width:60px; height:60px; border-radius:50%; color:#fff; float:left; overflow:hidden; text-align:center;}
.level-grade-bg p{ padding-top:10px; }
.level-grade-bg p b{ font-size:16px; display:block;}
.level-grade-fw{ padding-top:0.2rem; margin-left:65px; font-size:12px}
.level-grade-bg2{ background:#dfdcdc}
/*顶部滚动文字*/
.message{padding: 6px 0px; background: rgba(255,255,255,.8);width: 100%; position: relative;}
.message .bbs-icon{position: absolute;left: 5px; top: 4px;}
.message .marquee {margin-left: 30px;overflow: hidden;}
.message .marquee span{padding-right: 10px;color: #f95361;}
/*浮动图标*/
.float-box{position: fixed;width:10rem;top:50%;right:50%;z-index: 9999;height:100%;transform: translate(50%, -50%);}
.float-box img{cursor: pointer;width:2.026667rem;height: 2.266667rem;float: right;margin-top: 50%;}
.draggable.is-dragging { opacity: 0.7; }
.modal-fix{display: none;width: 8.8rem;position: fixed;z-index: 55;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.modal{position: absolute; top: 2.6rem;left: .4rem;}
.modal-left{position: absolute;top: .1rem;left: .3rem;z-index: 2; width: 1.8rem;}
.submenu{margin-top:.8rem;}
.submenu li{
  background-image:linear-gradient( -30deg, rgb(115,198,249) 0%, rgb(104,182,230) 29%, rgb(45,158,227) 100%);
  box-shadow: inset 0px 1px 1px 0px rgba(2, 127, 204, 0.75);
  width:100%;
  height: .6rem;
  margin-bottom: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  line-height: .6rem;
  text-align: center;
  font-size: .3rem;
  cursor: pointer;
}
.submenu li.current{background: #fff; color:#68b6e6; }
.modal-right{background: #68b6e6; border-radius: 20px; width: 5.3rem; height:4.4rem;position: absolute;top:.2rem; left: 2.1rem;z-index: 3; overflow: hidden;}

.base-table{width:100%;text-align: center;}
.base-table th{color: #fff;padding: .1rem 0;text-align: center;line-height: 150%;}
.base-table td{line-height: 100%; font-size:.35rem;padding: .1rem 0; position:relative;}
.base-table tbody{ background: #fff;}
.base-table tbody td{border: 1px solid #68b6e6;border-left: none; color: #0a324a;}
td.td-img{ background:url("../images/check-icon.png") no-repeat center center; padding: .2rem; background-size: 80% 80%; }
.td-icon{width:12px;height:12px;position: absolute; left:1px;}
.tabcon{display: none;}
.modal-right div.current{display: block;}
.link-btn-box{margin: 0 auto; width: 4.2rem; padding-top: 3px; height:.8rem; }
.link-btn-box a{margin-left: .1rem;}
.link-btn{color:#68b6e6;background:url("../images/link-btn-bg.png") no-repeat center center;background-size: 100% 100%; width:2rem; height: .7rem;line-height: .7rem;display: block; text-align: center; float: left;}
.qidai{ color: #fff;padding: 20px;}

@media (max-width: 320px) {
.base-table th{ line-height: 100%;}
.link-btn-box{padding-top: 0px;}
.link-btn{font-size: .2rem;}
}
.login-info {
  padding: .234375rem;
  font-size: .3rem;
}
.clearfix {
  clear: both;
}
.hchart{background-color: #fff;}
.ll-show span{color: #009808;}
.ll-show p{color: #009808;}
.synumber p{  color: #0085d0;}
.btn-purple{  background-color: #43B600;}


.sub-title {background-color: #0085d0;color: #fff;text-align: center;padding: 0;}
.sub-title h1 {
    font-size: 18px;
    line-height: 45px;
    font-weight: bold;
    letter-spacing: 1px;
}
.sub-title1 {background-color: #fff;color: #333;text-align: center;padding: 0;}
.header .icon-main-set, .header .icon-main-back {
    position: absolute;
    left: 0;
    top: 0;
}
[class*="icon-"] {
    display: block;
    background-image: url(../images/shop-images/icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
[class*="icon-main-"] {
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(../images/wt-images/icon_main2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.icon-main-back {
    background-position: 0 -135px;
}

.icon-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background-position: 10px -988px;
    background-size: 60%;
    z-index: 8;
}

.icon-lr02, .sub-title .icon-right {
    background-position: 4px -1107px;
    background-size: 80%;
}

.nav-slide {position:absolute;right: 0;top: 45px;width: 144px;background-color: #333;border-radius: 4px;overflow: inherit !important;-moz-border-radius: 4px;-webkit-border-radius: 4px;padding: 10px;display: none;z-index: 9999;}
.nav-slide li {height: 35px;line-height: 35px}
.nav-slide li a {display: block;line-height: 35px;width: 100%;color: #fff;text-align: left}
.nav-slide li [class*="icon-nav-"] {float: left;margin-top: 9px;margin-right: 10px}
.nav-slide .nav-arrow {border: 10px solid transparent;border-bottom-color: #333;width: 0;height: 0;position: absolute;top: -20px;right: 12px;z-index: 1;cursor: pointer}
[class*="icon-nav-"] {background-repeat: no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;}
.icon-nav-wt-home {background-position: 0 -595px}
.icon-nav-home {background-position: 0 -249px}
.icon-nav-new{ background-position:0 -765px;}
.icon-nav-lh {background-position: 0 -285px}
.icon-nav-ss {background-position:0 -160px}
.icon-nav-cx {background-position: 0 -1438px}
.icon-nav-wo {background-position: 0 -188px}
.icon-nav-fx {background-position: 0 -713px}
.nav-slide .img-icon{ width:15px; height:15px; display:inline-block; margin:10px 12px 0 0;float:left;}

.login-info{background-color: #f6f6f6;overflow: hidden;font-size: 12px;}
.setting{border-bottom: #ddd 1px solid;padding:10px;background-color: #fff;}
.setting-title{font-size: 16px;text-align: center;}
input.text{width: 90%;margin: 30px auto;display: block;padding:10px;border-radius: 5px;font-size: 16px;border: 1px solid #cdcdcd;}
.ovh{overflow: hidden;}
/*20170502  add*/
.wid90 {
  margin: 10px auto;
  width: 95%;
  border-bottom: 1px dotted #808284;
  padding-bottom: 10px;
}
.fl0407 {
  display: block;
  float: left;
}
.fr0407 {
  display: block;
  float: right;
}
.cz-xd {
  padding: 18px 15px 0 15px;
  font-size: 13px;
  overflow: hidden;
  color: #58595b;
  border-bottom: 1px dotted #ccc;padding-bottom: 5px;
}
.pull-left {
  float: left;

}
.xd-con {
  max-width: 70%;
}
.cl-cs {
  color: #e40177;
}
.pull-right {
  float: right;
}
.cl-blue {
  color: #0089cf;
}
/*20170502  end*/
/*170718  css*/ 
.line0718{ height: 1px; line-height: 1px; background-color: #8ec31f; width: 100%; margin-bottom: 10px;}
input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer;
    vertical-align: bottom;
    background: url(../images/shop-images/button-icon08.png) no-repeat;
    position: relative;
    background-size: 100%;
    outline: none;
    margin-right: 5px;
}
.favor-bgicon {
    background: url(../images/huibg.png) no-repeat left center;
    display: inline-block;
    width: 170px;
    height: 40px;
    background-size: 80%;
    margin-left: 10px;
    margin-top: 5px;
    padding-left: 8px;
    font-size: 12px;
    color: #f95361;
}
/*170718  end*/ 
/*170719  css*/ 
.host_tit0719 {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.pt50719 {
    padding-top: 5px;
}
.host_tit0719 {
    color: #666;
    font-weight: bold;
    display: block;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5px;
}
/*170719  end*/ 
.btn-gray {
    background: #eee;
    color: #666;
    padding: 0 5px;
}
/*秒杀 css*/ 
.timeaxis-wrap {
    position: relative;
    width: 100%;
    background: #333;
    z-index: 18;
    overflow: hidden;
}
.xsg_tab_con {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    position: static;
}
.timeaxis-bar, .timeaxis-bar .timeaxis-item {
    display: -webkit-box;
}
.timeaxis-bar {
    position: relative;
    z-index: 18;
    height: 100%;
}
.xsg_tab_con {
    height: 49px;
    overflow: hidden;
        margin: 0;
    padding: 0;
    font-size: 14px;
}
.timeaxis-bar .timeaxis-item {
    width: 20%;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}
.xsg_tab_con li {
    overflow: hidden;
    color: #fff;
}
.xsg_tab_con li {
    font-size: 14px;
}
.timeaxis-item-inner {
    text-align: center;
}
.timeaxis-bar .timeaxis-item .timeaxis-time {
    position: relative;
    z-index: 19;
    text-align: center;
}
.timeaxis-bar .timeaxis-item .timeaxis-time {
    font-size: 19px;
    font-weight: 700;
}
.timeaxis-info {
    font-size: 12px;
}
.timeaxis-bar .timeaxis-item.timeaxis-active {
    position: relative;
    color: #fff;
}
.On0823 {
    background: #fe4070;
}
.activity-state {
    background: #fff;
    width: 100%;
    overflow: hidden;
    z-index: 5;
}
.activity-state {
    height: 1.1rem;
    padding-top: .3rem;
    border-bottom: 1px solid #f5f5f5;
}
.radio-left {
    background: url(../image/gbo.png) no-repeat .2rem center;
    background-size: .3rem .25rem;
    color: #fe4070;
    float: left;
    padding-left: .65rem;
}
.radio-left {
    font-size: 12px;
    line-height: 20px;
    margin: 0;

}
.countdown-right {
    color: #333;
    float: right;
}
.countdown-right {
    font-size: 12px;
    padding-right: 13px;
}
.state-wapper {
    width: 100%;
    background: #fff;
}
.countdown-right span{background-color: #3b3b3b; border-radius: 10px; color: #fff; padding: 2px 5px;}
.product-list {
    background: #f5f5f5;
    overflow: hidden;
}
.sp_con {
    background: #fff;
    overflow: hidden;
    margin-bottom: 8px;
    padding: .22rem;
}
.sp_con a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.sp_con a {
    width: 100%;
    height: 100%;
}
.product-imgl {
    width: 40%;
    
    float: left;
}
.product-imgl img {
    width: 2.5rem;
    height: 2.5rem;
}
.product-conr {
    width: 60%;
    float: right;
    position: relative;
    
}
.product-title {
    height: 1.11rem;
}
.product-title p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-title p {
    font-size: 12px;
    line-height: 20px;
    height: 1.11rem;
}
.auth-and-retail {
    display: inline-block;
    color: #fff;
    background: #fe4070;
    margin-right: .125rem;
}
.auth-and-retail {
    font-size: 12px;
    padding: 0 2px;
    line-height: 14px;
    height: 14px;
    border-radius: 2px;
}
.product-title .auth-and-retail {
    padding: 1px;
    font-size: 11px;
}
.product-price {
    padding-top: 1.25rem;
    height: 1rem;
}
.about-price {
    width: 100%;
    height: 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.jiang-price {
    background: url(../image/jiang_price.png) no-repeat;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
    color: #fff;
    text-align: center;
    float: left;
}
.jiang-price {
    font-size: .05rem;
    margin-right: 2px;
}
.jiang-price b {
    display: block;
    font-size: 12px;
}
.sp-price {
    float: left;
    height: 1rem;
    position: relative;
}
.big-price {
    font-size: 12px;
    color: #fe4070;
}
.big-price span {
    font-size: 24px;
}
.crossed-price {
    color: #999;
    font-size: 11px;
    text-decoration: line-through;
    position: absolute;
    bottom: 0;
}
.about-status {
    position: absolute;
    right: 0;
    bottom: 0;
}
.status-icon {
    width: 1.7rem;
    height: .55rem;
    line-height: .55rem;
    border-radius: .9375rem;
    text-align: center;
    color: #fff;
    float: right;
}
.go-buy {
    background: linear-gradient(to right,#ff5593 0,#fe4070 50%);
}
.status-icon {
    font-size: 12px;
}
.status-text {
    color: #999;
    clear: both;
}
.status-text {
    font-size: 11px;
    padding-top: 2px;
}
.status-text p {
    width: 1.7rem;
    height: .3rem;
    margin-left: .125rem;
    background: #eee;
    border-radius: 1.25rem;
    display: inline-block;
    margin-left: .125rem;
    position: relative;
    border-radius: 1.5625rem;
    overflow: hidden;
}
.status-text p span {
    height: .3rem;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    border-radius: 1.25rem;
    background: linear-gradient(to right,#fe4070 0,#ff6a6a 50%);
}
.remind-me {
    background: linear-gradient(to right,#fff1f6 0,#ffcfdf 50%);
    color: #fe4070;
}

.mask0824 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 3;
}
.loading-bg {
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 30px 20px;
    width: 60%;
}
.loading-fix {
    max-width: 8rem;
    border-radius: 6px;
    position: fixed;
    z-index: 55;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
}
.btn0821{background: linear-gradient(to right,#ff5593 0,#fe4070 50%);border-radius: 5px; color: #fff; margin: 20px auto; padding: 10px 0;}
.btn-close {
    background-image: url(../image/close0824.png);
    background-repeat: no-repeat;
    background-size: .533333rem;
    width: .533333rem;
    height: .533333rem;
    position: absolute;
    top: -.8rem;
    right: .1rem;
}
/*秒杀 end*/ 

/*问卷 css*/
.hide {
    display: none;
}
.mask-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000",endColorstr="#cc000000");
    z-index: 9999;
}
.modal {
    position: fixed;
    width: 80%;
    left: 10%;
    top: 30%;
    background-size: 100%;
    height: 11.453333rem;
    background-color: #fff;
    border-radius: 10px;
}
.modal {
    height: 6rem;
}
.modal {
    position: relative;
    border: 3px solid #f6a749;
    background: url(../images/title1.png) center .4rem no-repeat #fff;
    background-size: 80%;
    padding-top: .4rem;
    height: 4.5rem;
}
.modal .btn-close {
    background-image: url(../images/closeBtn.png);
    background-repeat: no-repeat;
    background-size: .533333rem;
    width: .533333rem;
    height: .533333rem;
    position: absolute;
    top: -.8rem;
    right: .4rem;
}
.modal .btn-close {
    top: -2.5rem;
    right: 0rem;
    z-index: 11;
}
.modal__content {
    font-size: .32rem;
    text-align: center;
}
.modal__content p {
    color: #2276d3;
    font-weight: bold;
    font-size: .5rem;
    margin: 5px 0;
    letter-spacing: 2px;
    text-align: center;
}

/*问卷 end*/