@charset "utf-8";
@media screen and (min-width: 320px) { html{ font-size:42px; }}
@media screen and (min-width: 360px) { html{ font-size:48px; }}
@media screen and (min-width: 375px) { html{ font-size:50px; }}
@media screen and (min-width: 400px) { html{ font-size:54px; }}
@media screen and (min-width: 414px) { html{ font-size:56px; }}
@media screen and (min-width: 440px) { html{ font-size:58px; }}
@media screen and (min-width: 480px) { html{ font-size:64px; }}
@media screen and (min-width: 520px) { html{ font-size:70px; }}
@media screen and (min-width: 560px) { html{ font-size:74px; }}
@media screen and (min-width: 600px) { html{ font-size:80px; }}
@media screen and (min-width: 640px) { html{ font-size:86px; }}
@media screen and (min-width: 680px) { html{ font-size:90px; }}
@media screen and (min-width: 720px) { html{ font-size:96px; }}
@media screen and (min-width: 750px) { html{ font-size:100px; }}
@media screen and (min-width: 768px) { html{ font-size:102px; }}
body{ line-height:normal; margin: 0; font-size: .24rem; color: #555;-webkit-tap-highlight-color:transparent;}
body,html{ min-height: 100%; }
body,input,button,textarea,select,option,label{ font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",\5B8B\4F53,\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,sans-self; color: #333; }
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; /*font-size:.24rem; font-weight: normal; vertical-align: baseline;*/ background: transparent; font-style: normal; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
input,button,textarea,select,option{ margin: 0; padding: 0; outline: none; border: 0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0); border-radius: 0; }
nav,ul,ol{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;color: #555;text-decoration: none; }
img {border: none;max-width: 100%;max-height: 100%;height: auto;vertical-align: middle;}
ins{ background:#ff9; color:#000; text-decoration:none; }
mark{ background:#ff9; color:#000; font-style:italic; font-weight:bold; }
del{ text-decoration:line-through; }
abbr[title],dfn[title]{ border-bottom: 1px dotted; cursor:help; }
table{ border-collapse:collapse; border-spacing:0; }
hr{ display:block; height:1px; border:0; margin: .1rem 0; padding: 0; }
input,select{ vertical-align:middle; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
.fl { float: left; }
.fr { float: right; }
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.fx1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.hide { display: none!important; }
/* scroll style */
::-webkit-scrollbar { height: 0.06rem; }
::-webkit-scrollbar-thumb { background: #f4f4f4; }
/* pop style */
.h5pop-main{ width:5.8rem; max-height: 70%; padding-top: 0.2rem; background: #fff; background: #fff; border-radius: 0.2rem; position: fixed; z-index: 999999; top: 50%; left: 50%; text-align: center; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }
.h5pop-mask{ width: 100%; height: 100%; background: rgba(0,0,0,.7); position: fixed; z-index: 999998; top: 0; left: 0; }
.h5pop-close{ width: .34rem; height: .36rem;  position: absolute; top: .24rem; right: .44rem; background: url('../../images/new-close-icon.png') no-repeat center center; background-size: .34rem .36rem;}
.h5pop-content{ padding: 0 .48rem 0.4rem; /*min-height: 1rem;*/ text-align: center; max-height: 4rem; font-size: 0.28rem; overflow-y:auto; color: #888; line-height: 1.6; }
.h5tips-title {display: block; width: 100%; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; padding: 0; text-align: center; font-size: 0.38rem; color:#333; font-weight: normal;font-weight: bold;}
.h5tips-txt{ display: block; width: 100%; line-height: 160%; padding: 0.2rem 0; text-align: center; }
.h5tips-txt img{ max-width: 200px; vertical-align: top; }
.h5pop-footer{ text-align: right;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;	display: flex; justify-content: center;padding: 0rem 0.3rem; padding-bottom: 0.4rem;}
.h5pop-confirm,.h5pop-cancel{ display: inline-block; height:0.88rem; line-height: 0.88rem; font-size: 0.28rem; cursor: pointer; outline: none; width: 45%;border-radius: 0.8rem;border: 1px solid #eee;  border-top:solid 0.01rem #E5E5E5;-webkit-appearance: none;appearance: none;margin:0 0.1rem; text-decoration: none; text-align: center; }
.h5pop-confirm{ background-color:#FF0000; background: linear-gradient(84deg, #FF4444 0%, #FF0000 100%);color: #fff; }
.h5pop-cancel{  color: #666666; }
.h5pop-confirm.brown { background: linear-gradient( 270deg, #692B06 0%, #984B13 100%); }
/* 测试代码 */
#aspenLoadingWrap { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99099090; }
#aspenLoading { min-width: 1.6rem; height: 1.6rem; background: rgba(0, 0, 0, 0.5); border-radius: 0.1rem; position: fixed; top: 50%; left: 50%; z-index: 99999; text-align: center; color: #fff; box-sizing: border-box; padding: 0.1rem 0.2rem; font-size: 0.22rem; text-align: center; line-height: 1.4rem; transform: translate(-50%,-50%); }
#aspenLoading.txt { line-height: normal;}
#aspenLoading .icon{ display: inline-block; height: 0.6rem; width: 0.6rem; position: relative; margin: 0.2rem auto; vertical-align: middle; }
#aspenLoading .icon  i{ display: inline-block; height: 0.16rem; width: 0.08rem; background:#fff; border-radius: 0.04rem; -webkit-animation: stretchdelay 2s infinite ease-in-out; animation:stretchdelay 2s infinite ease-in-out; position: absolute; transform-origin:50% 50%;}
#aspenLoading .icon .subele1 { -webkit-animation-delay: -1.75s; animation-delay: -1.75s; transform:rotate(0deg); left: 0.3rem; top: 0; margin-left: -0.04rem; }
#aspenLoading .icon .subele2 { -webkit-animation-delay: -1.75s; animation-delay: -1.75s; transform:rotate(45deg); right: 0.1rem; top: 0.06rem;  }
#aspenLoading .icon .subele3 { -webkit-animation-delay: -1.5s; animation-delay: -1.5s; transform:rotate(90deg); right: 0.04rem; top: 0.3rem; margin-top: -0.08rem; }
#aspenLoading .icon .subele4{ -webkit-animation-delay: -1.25s; animation-delay: -1.25s; transform:rotate(135deg); right: 0.1rem; bottom: 0.06rem; }
#aspenLoading .icon .subele5 {-webkit-animation-delay: -1s; animation-delay: -1s; transform:rotate(180deg); left: 0.3rem; bottom: 0; margin-left: -0.04rem; }
#aspenLoading .icon .subele6 {-webkit-animation-delay: -0.75s; animation-delay: -0.75s; transform:rotate(225deg); left: 0.1rem; bottom: 0.06rem; }
#aspenLoading .icon .subele7 {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; transform:rotate(270deg); left: 0.04rem; top: 0.3rem; margin-top: -0.08rem; }
#aspenLoading .icon .subele8 {-webkit-animation-delay: -0.25s; animation-delay: -0.25s; transform:rotate(315deg); left: 0.1rem; top: 0.06rem; }
#systemTips{ min-width: 30%; line-height: 150%; padding: .2rem; box-sizing: border-box; background: rgba(0, 0, 0, 0.9);/* border: 1px solid #ff901a; box-shadow: 0 0 20px 1px #ccc;*/ border-radius: 0.1rem; position: fixed; z-index: 99999999; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: .28rem; text-align: center; color: #fff; }
@-webkit-keyframes stretchdelay{
    /* 0%, 40%, 100% { -webkit-transform: scaleY(0.4)} */
    20%{-webkit-transform:scaleY(1.0)}
    /* 0%, 40%, 100% { opacity: 0.1;} */
    20%{opacity: 1;}
}
@keyframes stretchdelay{
    /* 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } */
    /* 20%{ transform: scaleY(1.0); -webkit-transform:scaleY(1.0); } */
    0%, 40%, 100% { opacity: 0.1;}
    20%{opacity: 1;}
}
.loading {display: block; width: 100%;padding: .4rem 0;text-align: center;font-size: .28rem;color: #999;}
/* 挽留弹窗*/
.detain-mask { width: 100%; height: 100%; background: rgba(0,0,0,.7); position: fixed; z-index: 999998; top: 0; left: 0; }
.detain-main {width: 5.6rem; min-height: 3rem; max-height: 70%; background: #fff;border-radius: 0.1rem; position: fixed; z-index: 999; top: 50%; left: 50%; margin-left: -2.8rem; transform: translateY(-70%); padding-bottom: 1.08rem; box-sizing: border-box; overflow:hidden;}
.detain-foot { display: flex; height:1.08rem; position: absolute; bottom: 0; left: 0; right: 0; }
.detain-confirm,.detain-cancel{ flex: 1; background-color: #fff; height:1.08rem; line-height: 1.08rem; font-size: 0.32rem; appearance: none; text-align: center; border-top: solid 0.01rem #D8D8D8; }
.detain-confirm{ color:#EA1E37; border-left: solid 0.01rem #D8D8D8; }
.detain-cancel{ color: #999; }
.detian-pic img { width: 100%; }
/* */
.body-grey {background-color: #f2f2f2;}
.header { display: flex; width:100%; height: 0.86rem; line-height: 0.86rem; background: #fff; font-size:0.36rem; max-width:768px; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:100; border-bottom: solid 1px #f0f0f0; }
.header h2 { width:100%; margin: 0 .8rem; font-size: 0.36rem; color:#333; text-align: center; font-weight: normal; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
.header h2 a {color:#333; }
.header .i-back { display: none; width: 0.22rem; height: 0.22rem; border-style: solid; border-color: #666; border-width: 0.03rem 0.03rem 0 0;transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); position: absolute; left: 0.31rem; top: 0.31rem; }
.header .text { position: absolute; left: 0.2rem; top:0; z-index: 2; }
.header .icon-xiaoxi { position: absolute; right: 0.2rem; top:0; z-index: 2; font-size: 0.44rem; }
.header .i-wnews { margin-top:-0.22rem; position: absolute; right: 0.2rem; top:50%; z-index: 2; }
.header .manage-addr{ display: block; width: 1.2rem; height: .86rem; line-height: .86rem; position: absolute; z-index: 11; top: 0; right: 10px; color: #333; text-align: center; }
.footer {height:1rem; width:100%; max-width:768px; margin:0 auto; position:fixed; bottom:0; left:0; right:0; z-index:101; }
.main { /*padding-top: 0.86rem;*/ max-width:768px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
/* .auth { padding-top: 0.92rem; max-width:768px; margin: 0.92rem auto 0; } */
.content { max-width:768px; margin-bottom: 1rem; margin-left: auto; margin-right: auto; }
.mthead { margin-top: 0.86rem;}
.menu { background:#fff; display: flex; box-shadow: #ccc 0 0 0.2rem; }
.menu li { height: 1rem; flex: 1; text-align: center; color:#000; }
.menu li a { display: block; height: 0.9rem; padding-top: 0.1rem; color:#000; }
.menu li.on a { color:#FF2121; }
.menu li.on .i-menu.ihome { background-position: 0 -0.4rem; }
.menu li.on .i-menu.iclassify { background-position: -0.4rem -0.4rem; }
.menu li.on .i-menu.iwallet { background-position: -0.8rem -0.4rem; }
.menu li.on .i-menu.iuser { background-position: -1.2rem -0.4rem; }
.menu li .iconfont { display: block; margin-bottom: 0.05rem; color: #999; font-size: 0.4rem; }
.menu li.on .iconfont { color: #FF2121; font-size: 0.4rem; }
/* public link style */
.wal-public-links{ display: block; padding-right: .3rem; box-sizing: border-box; }
.wal-public-links:after{ width: .18rem; height: .18rem; content: ""; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: .2rem; top: 37%; }
/*----------- iconfont ---------------*/
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1488422159134'); /* IE9*/
  src: url('../font/iconfont.eot?t=1488422159134#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1488422159134') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1488422159134') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1488422159134#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-daishouhuo:before { content: "\e61e"; }
.icon-daiqianyue:before { content: "\e61f"; }
.icon-daizhifu:before { content: "\e620"; }
.icon-aiqiyi:before { content: "\e621"; }
.icon-dididachequan:before { content: "\e622"; }
.icon-fanhui:before { content: "\e623"; }
.icon-guanbi:before { content: "\e624"; }
.icon-huafeichongzhi:before { content: "\e625"; }
.icon-jiantou:before { content: "\e626"; }
.icon-jiayouqia:before { content: "\e627"; }
.icon-jingdongEqia:before { content: "\e628"; }
.icon-suishoujie:before { content: "\e629"; }
.icon-weixuanzhong:before { content: "\e62a"; }
.icon-tengxunQbi:before { content: "\e62b"; }
.icon-wodezhangdan:before { content: "\e62c"; }
.icon-xuanzhong:before { content: "\e62d"; }
.icon-xiaoxi:before { content: "\e62e"; }
.icon-daipingjia:before { content: "\e62f"; }
.icon-dizhi:before { content: "\e630"; }
.icon-like:before { content: "\e631"; }
.icon-like_fill:before { content: "\e632"; }
.icon-biaoqianlan-0:before { content: "\e633"; }
.icon-biaoqianlan-1:before { content: "\e634"; }
.icon-biaoqianlan-2:before { content: "\e635"; }
.icon-biaoqianlan-3:before { content: "\e636"; }
.icon-biaoqianlan-4:before { content: "\e637"; }
.icon-biaoqianlan-5:before { content: "\e638"; }
.icon-biaoqianlan-6:before { content: "\e639"; }
.icon-biaoqianlan-7:before { content: "\e63a"; }
.i-goldorg { display: inline-block; width: 0.52rem; height: 0.38rem; background-image: url(../../images/i-goldorg.png); background-repeat: no-repeat; background-size: 1.04rem 0.38rem; background-position: 0 0; margin: 0 auto; padding: 0; }
/* footer */
.web-footer{ display: flex; max-width: 768px; width: 100%; height: 1rem; background: #fff; position: fixed; z-index: 9999; bottom: 0; left: 50%; transform: translateX(-50%); border-top: 1px solid #f4f4f4; overflow: hidden; }
.web-footer a{ display: inline-block; flex: 1; height: 1rem; padding: .2rem 0;  text-align: center; }
.web-footer a em,.web-footer a i{ display: block; padding: 0.02rem 0; font-size: .32rem; color: #999; }
.web-footer a em{ font-size: .24rem; }
.web-footer a:hover i,.web-footer a.cur i,.web-footer a:hover em,.web-footer a.cur em{ color: #FF2121; }
.web-footer a:hover i,.web-footer a.cur i {background-position: -0.52rem 0;}
/* head seacrh */
.head-search{ position: fixed; z-index: 10000; top: 0; left: 0; right: 0;width: 100%; max-width: 768px; margin: 0 auto; height: .7rem; background: none; padding: 0 60px; box-sizing: border-box;transform: translateY(0); }
.head-search.show {transform: translateY(0); animation: searchShow 0.2s;}
.head-search.hide {transform: translateY(-100%); animation: searchHide 0.2s;}
@keyframes searchShow { from {transform: translateY(-100%);}to {transform: translateY(0);} }
@keyframes searchHide { from {transform: translateY(0);}to {transform: translateY(-100%);} }
.head-search .city-name,.head-download-app,.search-inpt{ vertical-align: top; }
.head-search .city-name{ width: 60px; height: .6rem; line-height: .6rem; position: absolute; z-index: 12; top: .1rem; left: 0; font-size: .3rem; color: #fff; text-align: center; padding: 0 6px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.head-download-app{ display: block; width: 54px; height: .6rem; line-height: .6rem; position: absolute; z-index: 13333; top: .1rem; right: 6px; border-radius: .1rem; background: none; color: #fff; text-align: center; font-size: .2rem; cursor: pointer; }
.search-inpt{ display: block; width: 96%; height: .5rem; line-height: .5rem; margin-top: .1rem; padding: 0 1%; border-radius: .25rem; background: rgba(255,255,255,.8); text-align: center; vertical-align: middle; box-sizing: content-box; }
.search-inpt em{ display: inline-block; height: .5rem; line-height: .5rem; padding: 0 0.05rem; vertical-align: top; }
.search-inpt i{ display: inline-block; height: .34rem; line-height: .34rem; padding: 0.08rem 0.05rem; vertical-align: top; }
.search-inpt i img{ max-height: 100%; vertical-align: middle; }
.search-inpt em{ color: #999; font-size: .24rem; font-weight: 300; }
.head-search.add-scroll-style{ background: #fff; border-bottom: 1px solid #eee; }
.head-search.add-scroll-style .city-name,.head-search.add-scroll-style .head-download-app{ color: #333; }
.head-search.add-scroll-style .search-inpt{ background: #f1f1f1; }
/* 活动标签 */
.act-price { display: inline-block; width: 0.78rem; height: 0.28rem; line-height: 0.28rem; font-weight: normal; text-align: center; border: solid 1px #FF2121; border-radius: 0.14rem; font-size: 0.2rem; color: #FF2121; margin: 0 0.1rem; vertical-align: middle; }
.act-price.mr0 { margin-right: 0;}
.pro-act-tag { display: block; height: 0.32rem; margin-top: 0.1rem; overflow: hidden; white-space: nowrap; }
.pro-act-tag i { display: inline-block; height: 0.3rem; line-height: 0.32rem; font-size: 0.22rem; padding: 0 0.1rem; border-radius: 0.1rem; color: #fff; text-align: center; vertical-align: top; margin-right: 0.1rem; }
.pro-act-tag i.zj { background: linear-gradient(84deg, #FF4444 0%, #FF0000 100%); }
.pro-act-tag i.mx { background: linear-gradient(84deg, #FF4444 0%, #FF0000 100%); }
.pro-act-tag i.mj { height: 0.28rem; line-height: 0.3rem; background: #fff; color: #FF2121; border: solid 0.01rem #FF2121; }
/* 为你推荐 */
.recom-tit { background: url(../../images/rom-bg.png) no-repeat; background-size: 2.3rem 0.48rem; background-position: center center; font-size: 0.32rem; color: #21242D; line-height: 1rem; text-align: center;}
.recom-tit em { display: inline-block; padding: 0 0.2rem; position: relative;}
.recom-list { padding: 0 0.1rem;} 
.recom-list a { display: block; background-color: #fff; float: left; width: 47%; height: 5.5rem; margin: 0 1.5% 0.2rem; box-sizing: border-box; position: relative; border-radius: 0.1rem; overflow: hidden;  }
.recom-list p { padding: 0.15rem; color: #999; line-height: 1.4;}
.recom-img{ display: block; padding: .2rem; width: 100%; height: 3.4rem; line-height: 3.4rem; box-sizing: border-box; }
.recom-img img { width: 100%; height: 100%; vertical-align: top; }
.recom-name { display: block; font-weight: normal; font-size: 0.28rem; line-height: 0.36rem; height: 0.72rem; color: #000; margin-bottom: 0.1rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.recom-name i { display: inline-block; height: .36rem; line-height: .36rem; vertical-align: top; background: #FF2121; text-align: center; border-radius: .36rem; padding: 0 0.1rem; margin-right: .1rem; font-size: .24rem; color: #fff; }
.recom-price { color: #FF2121; font-size: 0.32rem; vertical-align: middle;}
.recom-price.vip { color: #CFA057; }
.recom-price-vip { background: url(../../images/sicon/tag-vip.png) no-repeat; background-position: right center; background-size: 0.48rem auto; padding-right: 0.5rem; font-size: 0.26rem; color: #CFA057; vertical-align: middle; }
.recom-list del { font-size: 0.24rem; color: #999; vertical-align: middle; }
.listImg {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    width: 0.72rem;
    height: 0.72rem;
    z-index: 999;
}
.listImg img {
    width: 100%!important;
    height: 100%;
    vertical-align:top;
}
@font-face{
    font-family: 'JuiceNO1-Regular';
    src : url('../font/JuiceNO1-Regular.otf');
}