/** 
 * 描述：手机版初始化
 * by shopwt.com
 */
@charset "utf-8";
html { font-size : 20px; }

@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}
html { -ms-touch-action: none;}
body { font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; background-color: #30303c; }
input { font-family: Arial, "Microsoft YaHei", sans-serif; }
a { text-decoration: none;  -webkit-touch-callout: none;color: #333; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img, iframe { border: 0 }
:focus { outline: 0 }
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
ol, ul { list-style: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
img { vertical-align: top; border: none; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
em, i { font-style: normal; }
li { list-style: none; }
input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="checkbox"]:checked { border-color: #ef3c79; background-color: #ef3c79; }
input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
.hide { display: none !important;}
.show { display: block !important;transition: all 1s;}
/*clear float*/
.clearfix { zoom: 1 }
.clearfix:after { display: block; clear: both; content: '\20' }
:not(input) { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
.posr { position: relative !important; }
.posa { position: absolute; z-index: auto; }
.posf { position: fixed;}
.w16h li { width: 16.5%;}
.w20h li { width: 20%;}
.w25h li { width: 25%;}
.w33h li { width: 33.33%;}
.w50h li { width: 50%;}
.mt1 { margin-top: 1px !important;}
.mt5 { margin-top: 0.5rem !important;}
.mt10 { margin-top: 1rem !important;}
.mt20 { margin-top: 2rem !important;}
.mt40 { margin-top: 4rem !important;}
.mt50 { margin-top: 8rem !important;}
.mr2 { margin-right: 0.2rem;}
.mb5 { margin-bottom: 0.5rem !important;}
.mb20 { margin-bottom: 2rem !important;}
.mb-20 { margin-bottom: -2rem !important;}
.mb25 { margin-bottom: 2.5rem !important;}
.pl5 { padding-left: 0.5rem;}
.pb5 { padding-bottom: 0.5rem;}
.bgc-t { background-color: transparent !important;}

.opera-tips { color: #D9434E; font-size: 14px; }
.error-tips { display: none; background-color: rgba(255,255,255,0.95); border: solid 0.05rem #CCC; padding: 0.8rem 0.6rem; text-align: center; border-radius: 0.2rem; position: fixed; z-index: 9999; top: 40%; left: 25%; right: 25%; color: #333; font-size: 0.6rem; line-height: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,0.15);}
.error-tips p { font-size: 0.6rem; line-height: 1rem; color: #333; }

/*客服CSS*/
 .kefubox {
	position:fixed;
	right:0;
	z-index:99999;
	bottom: 20%;
 }

.kefubox .cursor_default {
  cursor:default;
 }

.kefubox .floor {
  border-bottom:1px solid #f2f2f2;
  position:relative;
  box-sizing:border-box;
 }

.kefubox .floor > div {
  transform:translateX(300px);
 }
 .kefubox .floor:hover div {
  transition:all 300ms linear;
  transform:translateX(0);
 }
 
.kefubox .floor .absbox {
  position:absolute;
  right:48px;
  top:0;
  z-index:3;
 }
 
 
.kefubox .floor .back {
  box-shadow:0 0 15px #e4e4e4;
  height:50px;
  width:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#666;
  background:#fff;
  box-sizing:border-box;
 }

.kefubox .floor > a img {
  height:25px;
  width:25px;
  display:block;
 }
 
 .kefubox .floor > a img:hover {
  transition:all 300ms linear;
  transform:scale(1.3);
 }
 .kefubox .floor{
  border-bottom:none;
 }

.kefubox .floor {
  display:none;
}


.kefubox .tel{
    box-shadow: 0 0 5px #ddd;
    border-radius: 1rem 0rem 0rem 1rem;
    width: 10vw;
    height: 10vw;
    background-color: #494a58;
    background-image: url("../img/whats.png");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
	margin-bottom: 0.2rem;
}

.kefubox .tel2{
    box-shadow: 0 0 5px #ddd;
    border-radius: 1rem 0rem 0rem 1rem;
    width: 10vw;
    height: 10vw;
    background-color: #494a58;
    background-image: url("../img/tel.png");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
}

/*操作提示弹出层*/
.s-dialog-mask { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75);}
.s-dialog-wrapper { position: fixed; z-index: 9999; max-width: 12rem; min-width: 10rem; margin-top: -2rem; border-radius: 0.2rem;}
.s-dialog-skin-green { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-block { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-red { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-content { padding: 0.8rem 0.6rem; text-align: center; font-size: 0.75rem; line-height: 0.9rem;}
.s-dialog-skin-green .s-dialog-content { color: #000;}
.s-dialog-skin-red .s-dialog-content { color: #000;}
.s-dialog-skin-block .s-dialog-content { color: #000;}
.s-dialog-content h6 { display: block; font-size: 0.55rem; line-height: 0.9rem; color: #333;}
.s-dialog-btn-wapper { display: block; padding: 0.6rem 0; border-top: solid 0.05rem rgba(0,0,0,0.15); font-size: 0; }
.s-dialog-btn-wapper a { display: inline-block; width: 49%; font-size: 0.7rem; font-weight: 600; line-height: 0.9rem; color: #0080FF; text-align: center;}
.s-dialog-btn-wapper a:last-child { border-left: solid 0.05rem rgba(0,0,0,0.15);}
.s-dialog-skin-block .s-dialog-btn-wapper a { color: #0080FF;}

#scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
#scroller ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }
#scroller li { padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background-color: #fafafa; font-size: 14px; }

/*页面固定宽度*/
.fixed-Width { min-width: 320px; max-width: 1080px; margin: 0 auto;}

/*默认顶部*/
header, 
.header { background: #343645; height: 1.95rem; position: absolute; z-index: 8; top: 0; left: 0; right: 0; bottom: auto; border-bottom: solid 0.05rem #494a58; color: #fff;}
header.fixed { position: fixed; z-index: 9;}
.header-box { display: block; max-width: 320px; max-width: 100%; margin: 0 auto; text-align: center; }
.header-l { display: block; width: 1.95rem; height: 1.95rem; position: absolute; top: 0; left: 0; }
.header-l a { position: relative; z-index: 1; display: inline-block; width: 1rem; height: 1rem; padding: 0.4775rem; }
.header-l a i { display: block; width: 100%; height: 100%; }
.header-l a i.back { width: 80%; height: 80%; margin: 10%; background-image: url(../images/arrow_left_b.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 0.75; }
.header-l a i.backw { width: 80%; height: 80%; margin: 10%; background-image: url(../images/arrow_left_w.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 0.75; }
.header-l a i.close { width: 80%; height: 80%; margin: 10%; background-image: url(../images/close_window.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 0.75; }
.header-l a i.set { background-image: url(../images/set_b.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 0.65; }
.header-l a i.home { width: 100%; height: 100%; margin: 10%; background-image: url(../images/home_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 1; }
.header-l a i.categroy { width: 80%; height: 80%; margin: 10%; background-image: url(../images/categroy_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; opacity: 0.75; }
/*单一标题*/
.header-title { display: inline-block; margin: 0 auto; }
.header-title h1 { font-size: 0.65rem; line-height: 1.95rem; height: 1.95rem; }
/*商家和会员切换*/
.header-ls { display: block; width: 4rem; height: 1.95rem; position: absolute; top: 0.2rem; left: 0; }
.header-ls a { position: relative; z-index: 1;opacity: 0.65; display: inline-block; line-break: 1rem; padding: 2px 4px; color:#fff;  font-size: 0.6rem; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');background:rgba(0,0,0,0.1); border-radius:3px; }
/*模拟输入框*/
.header-inp { position: relative; display: block; height: 1.4rem; border: solid 0.05rem #DEDEDE; border-radius: 0.2rem; margin: 0.275rem 2.5rem 0 2rem; background-color: #FFF; text-align: left; }
.header-inp .icon { float: left; vertical-align: top; width: 1rem; height:1rem; margin: 0.2rem 0.1rem; background-image: url(../images/search_ico.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.3; }
.header-inp .search-input { float: left; width: 80%; height: 1rem; padding: 0.2rem 0; font-size: 0.6rem; line-height: 1rem; color: #BBB; vertical-align: top; border: none 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-inp .input-del { position: absolute; z-index: 1; top: 0; right: 0; display: none; width: 1.38rem; height: 1.38rem; background-image: url(../images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.2;}
.header-inp.write .search-input { color: #111;}
.header-inp.write .input-del { display: block;}

/*标题切换*/
.header-tab { display: inline-block; height: 1.95rem; font-size: 0; }
.header-tab a { display: inline-block; height: 1.95rem; padding: 0 0.3rem; margin: 0 0.3rem; text-align: center; font-size: 0.68rem; color: #000; line-height: 1.95rem;}
.header-tab a.cur { color: #ef3c79;border-bottom: 1px solid #ef3c79;font-weight: 600; }

/*标题导航*/
.header-nav { display: inline-block; margin: 0 auto; vertical-align: top; font-size: 0; white-space: nowrap; }
.header-nav li { display: inline-block; vertical-align: top; text-align: center; height: 1.95rem; }
.header-nav li a { display: inline-block; padding: 0.1rem 0.25rem; margin: 0 0.5rem; font-size: 0.7rem; line-height: 1.825rem; color: #fff; }
.header-nav li.cur a { padding: 0.1rem 0.05rem 0 0.05rem; color: #ef3c79; border-bottom: solid 0.1rem #ef3c79; font-size: 0.8rem; font-weight: 600; }
.header-r { position: absolute; z-index: 1; top: 0; right: 0; font-size: 0; text-align: right; }
.header-r a.text { position: relative; z-index: 1; display: inline-block; white-space: nowrap; width: 1.6rem; height: 0.95rem; padding: 0.6rem 0.7rem 0.4rem 0; font-size: 0.7rem; line-height: 0.975rem; color: #ef3c79;}
.header-r a { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 0.95rem; height: 0.95rem; padding: 0.5rem 0.5rem; }
.header-r a i { display: block; width: 100%; height: 100%; }
.header-r a sup { display: none; position: absolute; z-index: 1; top: 0.3rem; right: 0.3rem; width: 0.36rem; height: 0.36rem; background-color: #ef3c79; border-radius: 100%; }
.header-r a i.more { background-image: url(../images/more_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.65; }


.header-r a i.en { background-image: url(../myimg/en.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.header-r a i.zh { background-image: url(../myimg/zh.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.header-r a i.kn { background-image: url(../myimg/kn.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.header-r a i.yd { background-image: url(../myimg/yd.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}

.header-r a i.home { background-image: url("../images/home_b.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 1; }
.header-r a i.share { background-image: url("../images/share_b.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 1; }
.header-r a i.refresh { background-image: url(../images/reload_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 85%; opacity: 0.60;}
.header-r a i.add { background-image: url(../images/value_add.png); background-repeat: no-repeat; background-position:50% 50%; background-size: 80%; opacity: 0.65; }
.header-r a i.save { background-image: url(../images/save_b.png); background-repeat: no-repeat; background-position:50% 50%; background-size: 80%; opacity: 0.65; }
.header-r a i.message { background-image: url(../images/message_w.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.65; }
.header-r a i.set { background-image: url(../images/set_w.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 1; }
.header-r a.categroy {background-image: url(../images/browse_grid.png); background-repeat: no-repeat; background-position:50% 50%; background-size: 40%; width: 2.5rem; height: 1.95rem; text-align: center; padding: 0; font-size: 0.6rem; line-height: 1.95rem; color: #333; opacity: 0.7; }
.header-r a.search-btn { background-image: url(../images/search_ico.png); background-repeat: no-repeat; background-position:50% 50%; background-size: 40%; width: 2.5rem; height: 1.95rem; text-align: center; padding: 0; font-size: 0.6rem; line-height: 1.95rem; color: #333; }

.header-r a.chat-btn { background-image: url(../images/new_b.png); background-repeat: no-repeat; background-position:50% 50%; background-size: 40%; width: 2.5rem; height: 1.95rem; text-align: center; padding: 0; font-size: 0.6rem; line-height: 1.95rem; color: #333; }

.header-r a.msg-log { width: 2.45rem; height: 1.95rem;  padding: 0;}
.header-r a.msg-log i { background-image: url(../images/msg_log_b.png); background-repeat: no-repeat; background-position:50% 50%; background-size:70%; opacity: 0.7;}
.header-r a i.scan_w { background-image: url(../images/scan_w.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; }
.header-r a i.scan { background-image: url(../images/scan.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; }

/*头部下拉菜单*/
.wtm-nav-box { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; }
.wtm-nav-menu { display: block; position: absolute; top: 1.2rem; right: 0.2rem; width: 5rem; }
.wtm-nav-menu .arrow { display: block; float: right; width: 0; height: 0; margin-right: 0.4rem; font-size: 0; line-height: 0; border-width: 0.4rem; border-color: transparent transparent rgba(85,85,85,0.95) transparent; border-style: dashed dashed solid dashed; }
.wtm-nav-menu ul { display: block; clear: both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');
background: rgba(85,85,85,0.95); border-radius: 0.2rem; }
.wtm-nav-menu li { position: relative; z-index: 1; border-bottom: solid 0.05rem #999; }
.wtm-nav-menu li:last-child { border-bottom: none 0; }
.wtm-nav-menu li a { display: block; height: 0.9rem; padding: 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF; }
.wtm-nav-menu li a i { display: inline-block; width: 0.72rem; height: 0.72rem; vertical-align: middle; margin-right: 0.3rem; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; }
.wtm-nav-menu li a i.message { background-image: url(../images/message_w.png); }
.wtm-nav-menu li a i.cart { background-image: url(../images/cart_w.png);}
.wtm-nav-menu li a i.home { background-image: url(../images/home_w.png);}
.wtm-nav-menu li a i.search { background-image: url(../images/search_w.png);}
.wtm-nav-menu li a i.categroy { background-image: url(../images/categroy_w.png);}
.wtm-nav-menu li a i.member { background-image: url(../images/member_w.png);}

.wtm-nav-menu li span{line-height: 1.2rem;color: #fff;font-size: 0.55rem;padding-left: 0.5rem;}


.wtm-nav-menu li a i.send { background-image: url(../images/mcc_04_w.png);}
.wtm-nav-menu li a i.express { background-image: url(../images/mcc_13.png);}
.wtm-nav-menu li a i.store { background-image: url(../images/store_w.png);}
.wtm-nav-menu li a i.exit { background-image: url(../images/exit_w.png);}
.member-center dt h3 i.mc-06 { background-image: url(../images/mc_06.png);}


.wtm-nav-menu li sup { display: none; position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; width: 0.36rem; height: 0.36rem; background-color: #ef3c79; border-radius: 100%; }
/*头部透明*/
.transparent { background-color: transparent; border-bottom: none; }
.transparent .header-l a i.set { background-image: url(../images/set_w.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 1; }
.transparent .header-title, .transparent .header-nav { display: none; }
.transparent .header-r a i.more { background-image: url(../images/more_w.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; opacity: 1; }
.transparent .header-r a sup { right: 0.2rem; top: 0.4rem; width: 0.25rem; height: 0.25rem; background-color: #ef3c79; border: solid 0.05rem #FFF; border-radius: 100%; }
.transparent .wtm-nav-menu .arrow { opacity: 0.55; }
.transparent .wtm-nav-menu ul { background: rgba(85,85,85,0.55); }
.transparent .wtm-nav-menu ul li { border-bottom-color: #CCC; }
header.posf { animation: headerFixed 0.5s ease-in-out; -webkit-animation: headerFixed 0.5s ease-in-out; }
@keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}
@-webkit-keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}

#loading {
    text-align: center;
    position: absolute;
    top: calc(100vh - 50%);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    line-height: 1.12px;
}

#loading #load_android {
    margin-top: 1rem;
}
#loading a {
    color: #3D87A1;
    border: 1px solid #cccccc;
    width: 5.267rem;
    height: 1.12rem;
    border-radius: 1.33rem;
    font-size: 0.65rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}


#loading #load_android img {
    margin-left: 0.4rem;
margin-right: 0.3rem;
width: 0.8rem;
height: 0.9rem;
}


/*默认底部*/
.wtm-footer-wrap { position: relative; z-index: 5; left: 0; right: 0; width: 100%; }
.copyright { width: 100%; height: 2rem; font-size: 0.45rem; line-height: 2rem; color: #555; text-align: center; text-shadow: 1px 1px 0 rgba(255,255,255,1);bottom: 40px;position: fixed;}
.copyright a { display: inline-block!important; margin: 0 0.05rem; font-size: 0.45rem; font-weight: 600; color: #555; }

/*底部固定下方*/
footer.bottom .nav-text, 
footer.bottom .nav-pic { display: none; }
footer.bottom .wtm-footer-wrap { background-color: transparent; border: none; }

/*默认内容区域*/
.wtm-main-box { display: block; margin-top: 2rem; background-color: #343645; }
.wtm-main-box-a { display: block; top: 4rem; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: 1;}

/*特别提示*/
.special-tips { display: block; padding: 0.4rem 5%;}
.special-tips p { font-size: 0.55rem; line-height: 0.7rem; padding: 0.2rem 0.4rem; background: #AAA; color: #FFF; border-radius: 0.5rem;}

/*特别提示2*/
.special-tipy { display: block; padding: 0.4rem 0;}
.special-tipy p { font-size: 0.55rem; line-height: 1rem; color: #fff;}
.special-tipy p em{ font-size: 0.65rem; color: #e9c665;font-weight: 600;}

/*单行导航*/
.wtm-single-nav { display: block; width: 98%; height: 1.95rem; padding: 0 1%; background: #FFF; border-bottom: solid 0.05rem #EEE; }
.wtm-single-nav ul { display: block; font-size: 0; white-space: nowrap; overflow: visible !important;}
.wtm-single-nav ul li { display: inline-block; vertical-align: top; text-align: center; height: 1.95rem; padding: 0!important;}
.wtm-single-nav .area li { width: 33.33%;}
.wtm-single-nav ul li a { display: inline-block; padding: 0.1rem 0.05rem; font-size: 0.6rem; line-height: 1.85rem; color: #333; }
.wtm-single-nav ul li a i { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; margin-right: 0.1rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 70%; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 1;}
.wtm-single-nav ul li.selected a { padding: 0.1rem 0.05rem 0 0.05rem; color: #ff1558; border-bottom: solid 0.1rem #ff1558!important; }
.wtm-single-nav ul li.selected a i { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; opacity: 1;}
.wtm-single-nav.fixed { background-color: rgba(248,248,248,0.95); position: fixed; z-index: 3; top: 0rem; left: 0; right: 0;}
.wtm-single-nav ul li.selected2 a { padding: 0.1rem 0.05rem 0 0.05rem;}
.wtm-single-nav ul li.selected2 a i { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; opacity: 1;}

/*标签式导航*/
.wtm-tag-nav { background-color: #EEE; padding: 0.5rem 0.5rem 0 0.5rem;}
.wtm-tag-nav ul { font-size: 0; display: block;}
.wtm-tag-nav ul li { display: inline-block; background-color: #AAA; margin: 0 0.5rem 0.5rem 0; border-radius: 0.2rem;}
.wtm-tag-nav ul li.selected { background-color: #ef3c79;}
.wtm-tag-nav ul li a { display: block; height: 0.9rem; padding: 0.2rem 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF;}

/*默认单行列表*/
.wtm-default-list-tit { font-size: 0.7rem; line-height: 1rem; padding: 0.5rem;}
.wtm-default-list { overflow: hidden;}
.wtm-default-list li { position: relative; z-index: 1; display: block; clear: both; overflow: hidden; padding: 0.5rem 0; line-height: 1rem; border-top: solid 0.05rem #494a58; }
.wtm-default-list li:first-child { border-top: none; }
.wtm-default-list li a { display: block; overflow: hidden; font-size: 0.65rem; color: #000; }
.wtm-default-list li h4 { float: left; margin-left: 0.3rem; font-size: 0.7rem; line-height: 1rem; color: #fff; }
.wtm-default-list li h4 i { display: inline-block; vertical-align: top; margin-right: 0.2rem; width: 0.9rem; height: 0.9rem; opacity: 0.5; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; }
.wtm-default-list li h5 { font-weight:bolder; text-align: center; font-size: 0.6rem; line-height: 1rem; color: #ff1558 !important; }
.wtm-default-list li h6 { float: left; clear: both; margin-left: 0.3rem; font-size: 0.55rem; line-height: 1rem; color: #888;}
.wtm-default-list li span.num { float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.wtm-default-list li span.tip { position: absolute; z-index: 1; top: 50%; right: 1.5rem; height: 0.9rem; margin-top: -0.45rem; font-size: 0.6rem; line-height: 0.9rem; color: #333;}
.wtm-default-list li span.arrow-r { position: absolute; z-index: 1; top: 50%; right: 0.5rem; display: block; width: 0.6rem; height: 0.6rem; margin-top: -0.3rem; background-image: url(../images/arrow_right_b.png); background-repeat: 50% 50%; background-repeat: no-repeat; background-size: 90%; opacity: 0.65; }
.wtm-default-list li span.pics {float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.wtm-default-list li span.pics img { width: 1rem; height: 1rem;}



/*话费业务选择金额*/
.wtm-inp-con ul li .huafei-box { display: block;margin: 0 0 0 4rem; position: relative; z-index: 1;}
.huafei-box dl { display: block;}
.huafei-box dt { display: block; height: 0.9rem; padding: 0.5rem 0 0 0; font-size: 0.6rem; color: #888; line-height: 0.9rem;}
.huafei-box dd { display: block; font-size: 0; padding: 0 0 0.3rem 0;}
.huafei-box dd span.inp-balck { position: relative; z-index: 1; display: inline-block; height: 0.9rem; padding: 0.25rem 0.5rem; margin-top: 0.3rem; color: #888; line-height: 0.9rem; background: #F5F5F5; border: solid 0.05rem #EEE; border-radius: 0.15rem;}
.huafei-box dd span.inp-balck.add { padding-right: 1rem;}
.huafei-box dd span.inp-balck.add i { position: absolute; z-index: 1; right: 0.2rem; top: 0.25rem; display: block; width: 0.8rem; height: 0.9rem; background-image: url(../images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%;}
.huafei-box dd select { height: 0.9rem; font-size: 0.55rem; background-color: transparent; line-height: 0.9rem; border: 0 none; appearance: none; -webkit-appearance: none; /*for chrome*/}
.huafei-box dd a { display: inline-block; height: 0.8rem; padding: 0.25rem 0.5rem; margin-left: 0.2rem; margin-top: 0.3rem; font-size: 0.6rem; color: #888; line-height: 0.8rem; background: transparent; border: solid 0.05rem #6f6f73; border-radius: 0.15rem;width: 35%;}

.huafei-box dd a.current {border-color: #e9c665;background: url(../images/icon-order.png) no-repeat right bottom;color: #e9c665;font-weight: 600;}
.huafei-box dd .line { display: inline-block; vertical-align: top; width: 0.8rem; height: 0.9rem; margin: 0.5rem 0.2rem; background-image: url(../images/value_minus.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.5;}
.huafei-box dd .inp { width: 3rem; height: 0.9rem; text-align: center; border: none 0; font-size: 0.6rem; line-height: 0.9rem; background-color: transparent;} 
.huafei-box .bottom { padding: 1rem 0; background-color: #FFF;}
.huafei-box .huafei-co {font-size: 0.6rem;color: #444;}
.huafei-box em {padding-left: 1.5rem;font-size: 0.6rem;font-weight: 600;}


.wtm-inp-index { display: block; clear: both;margin-top: 0.3rem;}
.wtm-inp-index .form-btn {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   text-align: center;
}

.wtm-inp-index .form-btn .btn {
    display: inline-block;
    width: 80%;
    height: 1.5rem;
    padding: 0;
    font-size: 0.65rem;
    line-height: 1.5rem;
    text-align: center;
    color: #FFF !important;
    background: linear-gradient(to left, #f0e4ba, #e9c581) !important;
    border: none;
    border-radius: 10rem;
	font-weight: 700;
}


/*默认输入表单*/
.wtm-inp-con { display: block; clear: both;margin-top: 0.3rem;}
.wtm-inp-con .wtm-logo{ text-align: center; margin-top: 4rem;margin-bottom: 2rem;}
.wtm-inp-con .wtm-logo img{width: 30%;}
.wtm-inp-con ul { background: #494a58;border-radius: 10px;}
.wtm-inp-con ul li { position: relative; z-index: 1; display: block; min-height: 1.95rem; margin: 0.3rem; background-color: #494a58; border-bottom: solid #565660 0.05rem;}
.wtm-inp-con ul li:nth-last-child(1) { border-bottom: none 0; }
.wtm-inp-con ul li.upload-item { height: 2.55rem}
.wtm-inp-con ul li h4 { position: absolute; z-index: 1; top: 0; left: 0;font-size: 0.6rem; line-height: 1.95rem; color: #fff; text-align: right;}
.wtm-inp-con ul li h42 { position: absolute; z-index: 1; top: 0; left: 0; width: 3.5rem; font-size: 0.6rem; line-height: 1.95rem; color: #888; text-align: right;}

.wtm-inp-con ul li h46 { position: fixed; z-index: 1; left: 0; width: 4.3rem; font-size: 0.6rem; line-height: 1.95rem; color: #fff; text-align: right;}

.wtm-inp-con ul li .input-box { display: block; height: 1.95rem; margin: 0 0.5rem 0 4rem; position: relative; z-index: 1;color: #e9c665;font-weight: 600;}
.wtm-inp-con ul li.upload-item .input-box { height: 1.95rem; padding: 0.3rem 0;}
.wtm-inp-con ul li .input-box .inp {width: 100%;min-height: 0.95rem;padding: 0.5rem 0;border: 0 none;font-size: 0.6rem;line-height: 0.95rem;color:#fff;background-color: #8c141400;}
.wtm-inp-con ul li .input-box dd{width: 100%;
    min-height: 0.95rem;
    padding: 0.45rem 0;
    border: 0 none;
    font-size: 0.6rem;
    line-height: 0.95rem;
    color: #e9c665;
    outline: none;
    -webkit-appearance: none;}

.wtm-inp-con ul li .input-box .ink { width: 80%; min-height: 0.95rem; padding: 0.5rem 0; border: 0 none; font-size: 0.6rem; line-height: 0.95rem; color: #fff;background-color: transparent;}
.wtm-inp-con ul li .input-box em{color: #fff; line-height: 1.95rem; height: 1.95rem; font-size: 0.6rem;font-weight: 600;}


/*新增加的按日期搜索*/
.wtm-inp-con ul li .input-boxser {display: block;height: 1.95rem;margin: 0 0.1rem 0 0.2rem;position: relative;z-index: 1;}
.wtm-inp-con ul li .input-boxser .inkser {width: 80%;min-height: 0.95rem;border: 0 none;font-size: 0.6rem;line-height: 1.95rem;color: #000;}

.wtm-inp-con ul li .input-boxser .serbtn {
    display: inline-block;
    width: 80%;
    height: 1.4rem;
    padding: 0;
    margin: 0 5%;
    font-size: 0.65rem;
    line-height: 1.4rem;
    text-align: center;
    color: #FFF !important;
    background: #ff1558;
    border: none;
    border-radius: 0.2rem;
	float: right;
}


.wtm-inp-con ul li .input-box .saoma {display: flex;width: 1rem;height: 1rem;border-radius: .04rem;float: right;padding: 0.5rem 0;}
.wtm-inp-con ul li .input-box .tishi {position: absolute; top: 0.6rem;font-size: 0.6rem;margin-left: 0.5rem;}

.wtm-inp-con ul li .input-box .toAll {position: absolute;text-align: center;line-height: 0.8rem;margin-left: .5rem;width: 1.5rem;height: .8rem;background-color: #e9c665 !important;top: 0.6rem;font-size: 0.55rem;color: #fff;border-radius: 0.1rem;right: 0;}

.wtm-order-list ul li .toAll {
    position: absolute;
    text-align: center;
    line-height: 0.8rem;
    margin-left: .5rem;
    width: 1.5rem;
    height: .8rem;
    background-color: #00c087;
    font-size: 0.55rem;
    color: #fff;
    border-radius: 0.1rem;
}


.wtm-inp-con ul li .input-box .input-del { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: none; width: 0.975rem; height: 0.975rem; background-image: url(../images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4;}

.wtm-inp-con ul li .input-box .input-eye { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem;width: 0.975rem; height: 0.975rem;}
.wtm-inp-con ul li .input-box .input-eye img{width: 0.975rem; height: 0.975rem;}

.wtm-inp-con ul li .input-box.write .input-del { display: block;}
.wtm-inp-con ul li .input-box .checkbox { position: absolute; z-index: 1; top: 0.5rem; left: 0.5rem;}
.wtm-inp-con ul li .input-box .txt { margin: 0 0 0 1.5rem; font-size: 0.6rem; line-height: 1.95rem; color: #555;}
.wtm-inp-con ul li .input-box .note { position: absolute; z-index: 1; right: 0; top: 0.25rem; height: 1.6rem; text-align: right;}
.wtm-inp-con ul li .input-box .note em { display: block; vertical-align: top; font-size: 0.6rem; font-weight: 600; color: #36BC9B; line-height: 0.8rem;}
.wtm-inp-con ul li .input-box .note h6 { display: block; vertical-align: top; font-size: 0.55rem; color: #999; line-height: 0.8rem;}
.wtm-inp-con ul li .input-box .select { width: 95%; height: 1.95rem;  margin: 0; font-size: 0.55rem; background-color: transparent; line-height: 1.95rem; border: 0 none; appearance: none; -webkit-appearance: none; /*for chrome*/}
.wtm-inp-con ul li .input-box .arrow-down { position: absolute; z-index: 1; top: 0.5rem; right: 0; display: block; width:0.975rem; height: 0.975rem; background-image: url(../images/arrow_down_b.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 50%; opacity: 0.5;}
.wtm-inp-con .form-btn { margin-top: 1rem;}
.wtm-inp-con .form-btn .btn { display: inline-block; width: 90%; height: 1.6rem; padding: 0; margin: 0 5%; font-size: 0.68rem; line-height: 1.6rem; text-align: center; color: #FFF !important; background: #e9c665 !important; border: none; border-radius: 0.2rem; }
.wtm-inp-con ul li .txt-box { display: block; border: 0 none; color: #000; font-size: 0.6rem; line-height: 0.95rem; min-height: 0.95rem; padding: 0.5rem 0; min-width: 200px; margin: 0 0.5rem 0 4rem; position: relative; z-index: 1;}
.wtm-inp-con ul li .txt-box .checked {color: #ef3c79;font-weight: bolder;}
/*开关*/
.input-box label { display: inline-block !important; height: 1.95rem !important; padding: 0 !important; margin: 0!important; border: 0 !important; border-radius: 0 !important; font-size: 0.6rem !important; line-height: 1.95rem !important; color: #555 !important;}
.input-box label.checked { background-color: transparent !important; padding: 0 !important; color: #555 !important;}
.input-box label input[type="checkbox"] { display: none;}
.input-box label .power { position: relative; z-index: 1; display: inline-block; vertical-align: middle; width: 1.6rem; height: 0.9rem; margin: 0 0.2rem; border: solid 0.05rem #DDD; border-radius: 0.5rem; }
.input-box label .power i { position: absolute; z-index: 1; top: 0rem; left: 0rem; width: 0.9rem; height: 0.9rem; background-color: #FFF; border-radius: 100%; box-shadow: 0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);}
.input-box label.checked .power{ background-color: #48CFAE; border-color: #48CFAE;}
.input-box label.checked .power i { left: auto; right: 0; box-shadow: -0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);}


/*无数据信息为空提示*/
.wtm-norecord { position: absolute; z-index: -1; top: 50%; left: 50%; width: 10rem; height: 8.2rem; margin: -3rem 0 0 -5rem; text-align: center; font-size: 0; }
.wtm-norecord .norecord-ico { display: inline-block; width: 2.2rem; height: 2.2rem; padding: 0.4rem; margin: 0 auto; background-color: #DDD; border-radius: 100%; }
.wtm-norecord .norecord-ico i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; }
.wtm-norecord dl { height: 2.75rem; margin-top: 0.75rem; }
.wtm-norecord dl dt { display: block; height: 1rem; margin-bottom: 0.25rem; font-size: 0.6rem; line-height: 1rem; color: #333;}
.wtm-norecord dl dd { display: block; height: 1rem; margin-bottom: 0.5rem; font-size: 0.55rem; line-height: 1rem; color: #999; }
/*无数据提示图标*/
.wtm-norecord.search .norecord-ico i { background-image: url(../myimg/set_facebook.png);}
.wtm-norecord.cart .norecord-ico i { background-image: url(../images/new_b.png);}
.wtm-norecord.eval .norecord-ico i { background-image: url(../images/mcc_04_w.png);}
.wtm-norecord.talk .norecord-ico i { background-image: url(../images/talk_w.png);}
.wtm-norecord.order .norecord-ico i { background-image: url(../images/order_w.png);}
.wtm-norecord.refund .norecord-ico i { background-image: url(../images/mcc_05_w.png);}/*退款、退货*/
.wtm-norecord.address .norecord-ico i { background-image: url(../images/address_w.png);}
.wtm-norecord.favorite-store .norecord-ico i { background-image: url(../images/store_w.png);}
.wtm-norecord.favorite-goods .norecord-ico i { background-image: url(../images/favorite_w.png);}
.wtm-norecord.views .norecord-ico i { background-image: url(../images/goods-browse_w.png);}
.wtm-norecord.signin .norecord-ico i { background-image: url(../images/mcc_04_w.png);}/*签到*/
.wtm-norecord.pdre .norecord-ico i { background-image: url(../images/mcc_06_w.png);}/*余额*/
.wtm-norecord.recharge .norecord-ico i { background-image: url(../images/mcc_07_w.png)}/*充值卡*/
.wtm-norecord.voucher .norecord-ico i { background-image: url(../images/mcc_08_w.png);}/*代金券*/ 
.wtm-norecord.coupon .norecord-ico i { background-image: url(../images/icon_no_miner_tip1.png);}/*优惠券*/ 
.wtm-single-nav .area li { width: 33.33%;}

/*加减数量控件*/
.value-box { display: inline-block; float: right; font-size: 0; border: solid 0.05rem #CCC; border-radius: 0.2rem;}
.value-box span { display: inline-block; vertical-align: top; line-height: 0;}
.value-box span a { display: block; width: 0.4rem; height: 0.4rem; margin: 0.4rem; opacity: 0.65;}
.value-box span.add { background-color: #FAFAFA; border-radius: 0 0.2rem 0.2rem 0;}
.value-box span.minus { background-color: #FAFAFA; border-radius: 0.2rem 0 0 0.2rem;}
.value-box span.add a { background-image: url(../images/value_add.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%;}
.value-box span.minus a { background-image: url(../images/value_minus.png); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%;}
.value-box span .buy-num {width: 2.5rem; height: 1.2rem; padding: 0; font-size: 0.6rem; line-height: 1.3rem; text-align: center; border: solid #CCC; border-width: 0 0.05rem; border-radius: 0;}

.value-boxc { display: inline-block; float: right; font-size: 0; border: solid 0.05rem #CCC; border-radius: 0.2rem;}
.value-boxc span { display: inline-block; vertical-align: top; line-height: 0;}





.value-boxc span .buy-pass {height: 1.2rem; padding: 0; font-size: 0.6rem; line-height: 1.3rem; text-align: left; border: solid #CCC; border-width: 0 0rem; border-radius: 0;border-radius: 0.5rem;border-radius: 0.5rem;text-indent: .5rem;}

/*默认按钮样式*/
.btn { vertical-align: top; display: inline-block !important; height: 1.1rem; padding: 0 0.3rem; margin: 0 auto; font-size: 0.6rem; color: #555 !important; line-height: 1.1rem; text-align: center; background-color: #e9c665; border: solid 1px #e9c665; border-radius: 0.15rem }
.btn.key { border-color: #ef3c79; color: #ef3c79 !important; font-weight: 600;}
.btn-l { display: inline-block; width: 90%; margin: 0 5%; font-size: 0.8rem; line-height: 1.8rem; text-align: center; color: #FFF; background: #e9c665 !important; border-radius: 0.2rem; }
.btn-l:hover { color: #fff; background: #e9c665 !important; text-decoration: none; }


/*默认按钮样式*/
.newbtn { vertical-align: top; width: 66%;display: inline-block !important; height: 1.5rem; padding: 0 0.3rem; margin: 0 auto; font-size: 0.7rem; line-height: 1.5rem; text-align: center;  color: #fff; border-radius: 10.64rem;font-weight: 700;}
.newbtn.rech{background: #ff1558 !important;}
.newbtn.with{background: #f9ac00 !important;}
.newbtn-l:hover { color: #fff; background: #E32D6B; text-decoration: none; }



/*图片选择上传*/
.wtm-upload { display: inline-block; width: 1.94rem; height: 1.94rem; border: solid 0.05rem #EEE; border-radius: 0.1rem; vertical-align: top;}
.wtm-upload a { position: relative; z-index: 1; display: block; width: 100%; height: 100%;}
.wtm-upload span { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0;}
.wtm-upload .input-file { width: 100%; height: 100%; padding: 0; margin: 0; border: none 0; opacity:0; filter: alpha(opacity=0);}
.wtm-upload p { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent;}
.wtm-upload p i { display: block; width: 100%; height: 100%; background-image: url(../images/value_add.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.25;}
.wtm-upload .pic-thumb { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFFFFF; border-radius: 0.1rem;}
.wtm-upload .pic-thumb img { width: 95%; height: 95%; margin: 2.5%}
.wtm-upload .upload-loading { position: absolute; z-index: 4; left: 0; top: 0; bottom: 0; right: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); border-radius: 0.1rem;}
.wtm-upload .upload-loading i { display: block; width: 100%; height: 5%; margin: 93% 0 2% 0; background: #4FC0E8; animation: optionLoading 0.5s ease-in-out; -webkit-animation:optionLoading 1s ease-in-out;}
 @keyframes optionLoading {
from { width: 0%;}
to { width: 100%;}
}
@-webkit-keyframes optionLoading {
from { width: 0%;}
to {  width: 100%;}
}

/*页内固定块*/
.fix-block-r { width: 1.9rem; position: fixed; z-index: 5; right: 0.5rem; bottom: 2.5rem;}
.fix-block-r a { display: block; width: 1.95rem; height: 1.95rem; background: rgba(255,255,255,0.85); border-radius: 100%; border: solid 0.05rem #EEE;  }
.fix-block-r a i { width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%; opacity: 0.5;}
.fix-block-r a.gotop-btn { margin-top: 0.25rem;}
.fix-block-r a.gotop-btn i { background-image: url(../images/gotop_b.png);}
.fix-block-r a.browse-btn i { background-image: url(../images/goods_browse_b.png);}
.fix-block-r a.home-btn i { background-image: url("../images/home_b.png");}
.fix-block-r a.cart-btn i { background-image: url("../images/cart_ico.png");}
.fix-block-f a.cart-btn i { background-image: url("../images/cart_w.png");}
.fix-block-f a.cart-btn span sup {position:absolute; top:-8px; right:calc(50% - 25px);color:#F00; border-radius: 10px;padding: 3px 5px;background-color:#f00;color:#fff;line-height: 10px;font-size:10px;}


.fix-block-r a.browse-btn { margin-top: 0.25rem;}
.fix-block-r a.browse-btn i { background-image: url(../images/cart_ico.png);}
.fix-block-r a.browse-btn sup {
	position: absolute;
	top: 0px;
    right: calc(50% - 25px);
    color: #F00;
    border-radius: 10px;
    padding: 2px 5px;
    background-color: #f00;
    color: #fff;
    line-height: 12px;
    font-size: 12px;
}




.fix-block-f { width: 1.9rem; position: fixed; z-index: 999; right: 0.5rem; bottom: 2.5rem;}
.fix-block-f a { display: block; width: 1.95rem; height: 1.95rem; background: #242831; border-radius: 100%;border: solid 0.05rem #242831;}
.fix-block-f a i { width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%;}
.fix-block-f a.cart-btn i { background-image: url("../images/cart_w.png");}
.fix-block-f a.cart-btn span sup {position:absolute; top:-8px; right:calc(50% - 25px);color:#F00; border-radius: 10px;padding: 3px 5px;background-color:#f00;color:#fff;line-height: 10px;font-size:10px;}


/*页面整体下拉缓冲*/
.scroller-body { top: 0; bottom: 4rem; right: 0; left: 0; position: absolute; z-index: auto; }
.scroller-box {padding-bottom:2.8rem; }
.scroller-more { z-index: 179;}

/* loading */
/*下拉读取*/
.loading { text-align: center; display: block; padding: 1rem 0; font-size: 0.55rem; color: #666;}
.spinner { display: inline-block; vertical-align: middle; margin-right: 0.4em; font-size: 1em; width: 1em; height: 1em; text-align: left; border-radius: 50%; box-shadow: inset 0 0 0 .1em rgba(58, 168, 237, .3); }
.spinner i { position: absolute; clip: rect(0, 1em, 1em, .5em); width: 1em; height: 1em; animation: spinner-bbs-clipper 1s ease-in-out infinite; -webkit-animation: spinner-bbs-clipper 1s ease-in-out infinite; }
 @keyframes spinner-bbs-clipper {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-bbs-clipper {
 0% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}
}
.spinner i:after { position: absolute; clip: rect(0, 1em, 1em, .5em); width: 1em; height: 1em; content: ''; animation: spinner-bbs 1s ease-in-out infinite; -webkit-animation: spinner-bbs 1s ease-in-out infinite; border-radius: 50%; box-shadow: inset 0 0 0 .1em #3aa8ed; }
 @keyframes spinner-bbs {
 0% {
 transform: rotate(-180deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-bbs {
 0% {
 -webkit-transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}
}
/*异步读取*/
.pre-loading { background:rgba(248,248,248,0.95); position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0;}
.pre-block { text-align: center; position: absolute; z-index: 1; width: 7rem; height: 1rem; font-size: 0.55rem; color: #666; top: 50%; left: 50%; margin: -0.5rem 0 0 -3rem;}

.footnav { min-width:320px; background-color: rgba(254, 253, 252, 1); box-shadow: 1px 5px 15px rgba(50,50,50,0.3);border-top:1px solid #f6f6f9; bottom: 0; font-size: 1.1rem; height: 2.2rem; position: fixed; width: 100%; z-index: 6;}
.footnav ul { font-size: 0;}
.footnav ul li:first-child{padding-left: 0.3rem;}
.footnav ul li { vertical-align: top; display: inline-block; text-align: center; width: 19.5%; padding: 0.2rem 0 0.2rem 0;}

.footnav ul li a { display: block; position: relative;}
.footnav ul li a em { background-color: #ef3c79; width: 0.3rem; height: 0.3rem; border-radius: 100%; position: absolute; top: -0.15rem; right: 0.85rem;}
.footnav ul li i { vertical-align: top; display: inline-block; width: 1rem; height: 1rem; margin: 0 auto 0.1rem auto;}


i.home { background-image: url(../newimg/foot_ioc00_b.png); background-size: cover;}
i.categroy { background-image: url(../newimg/foot_ioc01_b.png); background-size: cover;}
i.search { background-image: url(../newimg/foot_ioc02_b.png); background-size: cover;}
i.cart { background-image: url(../newimg/foot_ioc03_b.png); background-size: cover;}
i.member { background-image: url(../newimg/foot_ioc04_b.png); background-size: cover;}

/*加红*/
i.home2 { background-image: url(../newimg/foot_ioc00_a.png); background-size: cover;}
i.categroy2 { background-image: url(../newimg/foot_ioc01_a.png); background-size:cover;}
i.search2 { background-image: url(../newimg/foot_ioc02_a.png); background-size:cover;}
i.cart2 { background-image: url(../newimg/foot_ioc03_a.png); background-size: cover;}
i.member2 { background-image: url(../newimg/foot_ioc04_a.png); background-size: cover;}

.footnav ul li p { font-size: 0.55rem; color: #888; line-height: 1rem; height: 1rem;}
.footnav ul li sup {position:absolute; top:-8px; right:calc(50% - 25px);color:#F00; border-radius: 10px;padding: 2px 5px;background-color:#f00;color:#fff;line-height: 10px;font-size:10px;}
.footnav ul li a.current p {color:#000;}

/*文章*/
.page-top { margin-top:2rem;}
.page-main { margin-top:4rem;}
#article-content { background: #343645; font-size: 0.6rem;min-width: 320px; margin: 0 auto; overflow: hidden;min-height: 100%;color: #fff;}
#article-content embed[type="application/x-shockwave-flash"] { display: none;}
#article-content p,
#article-content div,
#article-content table {width: 98% !important;}
#article-content img { width: 100% !important;}
.article_type {color: #d0d0d0; margin-bottom: 5px;  display: block;text-align: center; width:100%;font-size:0.8rem;font-weight:bold;}
.article-list {padding: 1px 0px 0px;background: #494a58;
  border-radius: 0.3rem;
  margin: 0.3rem;}
.article-list-item a{display: block;color: #d0d0d0; line-height: 1.6rem;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;width: 90%;}
.article-list-item{padding-right: 10px; padding-left:15px;  cursor:pointer;font-size: 0.6rem;position: relative;}

.article-list li {
   border-bottom: 1px solid #505160;
}

.article-list li:last-child {
  border-bottom: none;
}

.article-title {color: #d0d0d0; margin-top: 0.4rem; line-height: 32px; padding: 0.3rem; display: block;text-align: center; width:100%;font-size:0.7rem;font-weight:bold;}
.article-time {color: #d0d0d0; line-height: 32px; display: block;text-align: center; width:100%;font-size:0.56rem;border-bottom:1px solid #eee;}
.article-content { padding:0.3rem; line-height: 25px;}
.article-class { display: block; margin-top: 2.8rem; padding-left: 0.8rem;}
.article-class li { display: inline-block; background-color: #F8F8F8; border: solid 0.05rem #EEE; margin: 0 0.4rem 0.4rem 0;}
.article-class li a { display: block; padding: 0.2rem 0.5rem; font-size: 0.6rem; line-height: 1rem; color: #555;}
.article-class li { border-radius: 0.75rem;}
/*横向滚动导航*/
.wtm-nav-container { display: block; position: fixed; z-index: 2; top: 1.9rem; left: 0; right: 0;background:#fff;}
.wtm-scroll-nav{ display: block; width: 100%; height: 1.8rem; background: #fff; border-bottom: 0.05rem solid #eee; box-sizing: border-box; z-index: 10}
.wtm-scroll-nav .nav-content{float: left; display: block;position: absolute; height: 1.8rem; overflow:hidden;z-index: 2;-webkit-transform:translate3d(0,0,0);}
.wtm-scroll-nav .wa{width: 88%;}
.wtm-scroll-nav .wb{width: 98%;}
.wtm-scroll-nav .nav-content .nav{width:100%;height: 1.8rem;position: relative;white-space: nowrap;}
.wtm-scroll-nav .nav-content .nav li{height:100%;position: relative; box-sizing: border-box; text-align: center; line-height: 1.5rem; padding: 0 0.4rem;display: inline-block;}
.wtm-scroll-nav .nav-content .nav li .gc_active{font-size: 0.7rem;box-sizing: border-box; color: #232326; line-height: 1.73rem; display: block;}
.wtm-scroll-nav .nav-content .nav li.all-search{ color: #848689; font-size: 0.6rem; line-height: 1.6rem; font-weight: 600 }
.wtm-scroll-nav .nav-content .nav li.active .gc_active{ font-weight: bolder;border-bottom: 2px solid #F23030; color:#F23030 }
.wtm-scroll-nav .nav-arrow { display: block; width: 12%; float: right; box-sizing: border-box; z-index: 2;}
.wtm-scroll-nav .nav-arrow  a{ text-align: center; display: block; height: 1.6rem; border-left: 0.05rem solid #eaeaea; }
.wtm-scroll-nav .nav-arrow  a span{display: inline-block; width: 0.8rem; height: 0.8rem; margin:.6rem auto 0.45rem auto;}
.wtm-scroll-nav .nav-arrow  a .arrow-top{ background: url(../images/arrow_down_b.png) no-repeat; background-position: 50% 50%; background-size: 80% }
.wtm-scroll-nav .nav-arrow  a .arrow-down{ background: url(../images/arrow_down_b.png) no-repeat; background-position: 50% 50%; background-size: 80%; transform: rotate(180deg);}
.wtm-scroll-nav .nav-arrow .browse-list { background-image: url(../images/browse_list.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.wtm-scroll-nav .nav-arrow .browse-grid { background-image: url(../images/browse_grid.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}	
.goods-plus {color: #999; font-weight: normal; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; overflow: hidden;display: inline-block;}
/*Plus价*/
.goods-plus em { max-width: 60px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right; height: 16px; line-height: 16px; margin-right: 2px; font-size: 12px; vertical-align: middle;display: inline-block;}
.plus-ico { vertical-align: middle; width: 39px; height: 16px; overflow: hidden; background: url("../images/bg-price.png") no-repeat 0 -40px;display: inline-block;}


.footer {
  height: 3.1rem;
  width: 100%;
  overflow: hidden;
  background: url("../images/bg.png");
  background-size: 100% 100%;
  display: flex;
  align-items: flex-end;
  margin-top: .8rem;
  position: fixed;
  bottom: 0;
  z-index: 99;
}

.footer-tab {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  
  position: fixed;
}
.footer-tab .footer-tab_ {
}
.footer-tab .footer-tab_active {
}
.footer-tab_li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 6px;
  height: 2.4rem;
}

.footer-tab_li i {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  margin: 0 auto 0.1rem auto;
  display: block;
}


.footer-tab_li .footer-tab_label {
  color: #999999;
  margin-top: .2rem;
}

.footer-tab_li .current a{
  color: red;
}

.footer-tab_icon {
  width: 1rem;
  height: 1rem;
  margin: 0px auto;
}
.footer-tab_icon img {
  width: 100%;
  height: 100%;
}
.footer-tab_label {
  text-align: center;
  font-size: 0.6rem;
}

.foot-center {
  height: 3.2rem;
  text-align: center;
}

.foot-center i{
  width: 1.8rem;
  height: 1.8rem;
}

.foot-center .footer-tab_icon i{
  width: 1.8rem;
  height: 1.8rem;
}


.wtm-inp-con .form-btn .btnu { display: inline-block; width: 90%; height: 1.6rem; padding: 0; margin: 0 5%; font-size: 0.68rem; line-height: 1.6rem; text-align: center; color: #242321 !important; background: #bababd !important; border: none; border-radius: 0.2rem; }