@charset "utf-8";

/* ================================ */
/* 格式化样式标签、基础类型样式			*/

/* Author:			Hanbing 		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		Jun-08-2015		*/
/* Retrofit Date:	Jun-06-2016		*/
/* ================================ */


/*多分辨率设定rem设定*/
html { font-size : 20px;}
div, span, a, header { -webkit-tap-highlight-color: rgba(255,255,255,0); }
/*Note3*/
@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}


html { -ms-touch-action: none; -webkit-text-size-adjust: 100%; background-color: #f0f2f5 !important;}
body { font-family:"PingHei", "Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica", "Arial", "Verdana", "sans-serif"; background-color: #f0f2f5 !important; }
input { font-family:"PingHei", "Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica", "Arial", "Verdana", "sans-serif"; }
a { text-decoration: none;  -webkit-touch-callout: 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: 1px solid; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #BEBFBE}
input:-moz-placeholder, textarea:-moz-placeholder { color:#BEBFBE}
input::-moz-placeholder, textarea::-moz-placeholder { color:#BEBFBE}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#BEBFBE}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; outline:none; }  

em, i { font-style: normal; }
li { list-style: none; }
input[type="checkbox"] { position: relative; width: 0.82rem; height: 0.82rem; background-color: #FFF; border: 0.05rem solid #A8A8A8; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="checkbox"]:checked { border-color: #F23030; background-color: #F23030; }
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;}


/*重新定义工具类样式*/
.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; }
.inner-left{left:-100%;}

.fl{ float: left !important }
.fr{float: right !important }

.relative{position: relative !important}
.absolute{position:absolute !important}
.fixed{position: fixed !important}

.w20h li{width: 20% !important}
.w33h li{width: 33% !important}
.w40h li{width: 40% !important}
.w50h li{width: 50% !important}
.w49h li{width: 49% !important}

/*Copyright: www.Bizpower.com*/
.mt-20{margin-top: -2rem !important}
.mt0{margin-top: 0 !important}
.mt5{margin-top: 0.5rem !important}
.mt10{margin-top: 1rem !important}
.mt20{margin-top: 2rem !important}
.mt22{margin-top: 2.2rem !important}
.mt40{margin-top: 4rem !important}
.ml-20{margin-left: -2rem !important}
.ml0{margin-left: 0 !important}
.ml5{margin-left: 0.5rem !important}
.ml10{margin-left: 1rem !important}
.ml20{margin-left: 2rem !important}
.ml40{margin-left: 4rem !important}
.mr-20{margin-right: -2rem !important}
.mr0{margin-right: 0 !important}
.mr5{margin-right: 0.5rem !important}
.mr10{margin-right: 1rem !important}
.mr20{margin-right: 2rem !important}
.mr40{margin-right: 4rem !important}
.mb-20{margin-bottom: -2rem !important}
.mb0{margin-bottom: 0 !important}
.mb5{margin-bottom: 0.5rem !important}
.mb10{margin-bottom: 1rem !important}
.mb20{margin-bottom: 2rem !important}
.mb22{margin-bottom: 2.2rem !important}
.mb40{margin-bottom: 4rem !important}

.pt-20{padding-top: -2rem !important}
.pt0{padding-top: 0 !important}
.pt5{padding-top: 0.5rem !important}
.pt10{padding-top: 1rem !important}
.pt20{padding-top: 2rem !important}
.pt40{padding-top: 4rem !important}
.pl-20{padding-left: -2rem !important}
.pl0{padding-left: 0 !important}
.pl5{padding-left: 0.5rem !important}
.pl10{padding-left: 1rem !important}
.pl20{padding-left: 2rem !important}
.pl40{padding-left: 4rem !important}
.pr-20{padding-right: -2rem !important}
.pr0{padding-right: 0 !important}
.pr5{padding-right: 0.5rem !important}
.pr10{padding-right: 1rem !important}
.pr20{padding-right: 2rem !important}
.pr40{padding-right: 4rem !important}
.pb-20{padding-bottom: -2rem !important}
.pb0{padding-bottom: 0 !important}
.pb5{padding-bottom: 0.5rem !important}
.pb10{padding-bottom: 1rem !important}
.pb20{padding-bottom: 2rem !important}
.pb40{padding-bottom: 4rem !important}

.bt0{border-top: 0 !important}
.bl0{border-left: 0 !important}
.br0{border-right: 0 !important}
.bb0{border-bottom: 0 !important}

.bgc-t{background: transparent !important}
.bgc-w{background: #fff !important}
.bgc-b{background: #232326 !important}

.w20{width: 20% !important}

.w40{width: 40% !important}
.w50{width: 50% !important}
.w100{width: 100% !important}

.lt{text-decoration: line-through;}
.ta-l{text-align: left !important }
.ta-c{text-align: center !important }
.ta-r{text-align: right !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: #232326; 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: #232326; }

/*定位高度*/
.top20{top:2rem !important;}
.top40{top:4rem !important;}


/*文字高亮*/
.highlight{color:#FF6D02 !important;}

/*按钮颜色*/
.pink-btn{background: #fd7e89 !important}
.red-btn{background: #f23030 !important}
.grey-btn{background: #999999 !important}
.dark-btn{background: #7c7c7c !important}
.yellow-btn{background: #f4b54d !important}
.golden-btn{background:#d97908 !important;}
.brown-btn{background:#644624 !important;} 
.apricot-btn{background:#f4b54d !important;} 
.orange-btn{background:#fe7e0d !important; }



/*金钱格式化*/
.m-color{color: #f23030 !important}
.m-weight{font-weight:600 !important}
.m-line-through{text-decoration: line-through !important; color:#848689 !important;}

.y48 .yuan{font-size: 0.48rem; font-family: Verdana, Tahoma !important;}
.y52 .yuan{font-size: 0.52rem; font-family: Verdana, Tahoma !important;}
.y56 .yuan{font-size: 0.56rem; font-family: Verdana, Tahoma !important;}
.y60 .yuan{font-size: 0.6rem;  font-family: Verdana, Tahoma !important;}
.y64 .yuan{font-size: 0.64rem; font-family: Verdana, Tahoma !important;}
.y68 .yuan{font-size: 0.68rem; font-family: Verdana, Tahoma !important;}
.y72 .yuan{font-size: 0.72rem; font-family: Verdana, Tahoma !important;}
.y76 .yuan{font-size: 0.76rem; font-family: Verdana, Tahoma !important;}
.y80 .yuan{font-size: 0.80rem; font-family: Verdana, Tahoma !important;}

.m48 .integer{font-size: 0.48rem}
.m52 .integer{font-size: 0.52rem}
.m56 .integer{font-size: 0.56rem}
.m60 .integer{font-size: 0.6rem}
.m64 .integer{font-size: 0.64rem}
.m68 .integer{font-size: 0.68rem}
.m72 .integer{font-size: 0.72rem}
.m76 .integer{font-size: 0.76rem}
.m80 .integer{font-size: 0.80rem}
.m90 .integer{font-size: 0.90rem}
.m96 .integer{font-size: 0.96rem}
.m130 .integer{font-size: 1.3rem}

.p48 .pointer{font-size: 0.48rem}
.p52 .pointer{font-size: 0.52rem}
.p56 .pointer{font-size: 0.56rem}
.p60 .pointer{font-size: 0.6rem}
.p64 .pointer{font-size: 0.64rem}
.p68 .pointer{font-size: 0.68rem}
.p72 .pointer{font-size: 0.72rem}
.p76 .pointer{font-size: 0.76rem}
.p80 .pointer{font-size: 0.80rem}
.p90 .pointer{font-size: 0.90rem}

.d48 .decimal{font-size: 0.48rem}
.d52 .decimal{font-size: 0.52rem}
.d56 .decimal{font-size: 0.56rem}
.d60 .decimal{font-size: 0.6rem}
.d64 .decimal{font-size: 0.64rem}
.d68 .decimal{font-size: 0.68rem}
.d72 .decimal{font-size: 0.72rem}
.d76 .decimal{font-size: 0.76rem}
.d80 .decimal{font-size: 0.80rem}
.d90 .decimal{font-size: 0.90rem}

/*公用的透明块（算高度）*/
.transparent{ display: block; width: 100%; height: 2rem; background:transparent; }

/*操作提示弹出层*/
.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; width:12rem; margin-top: -2rem; border-radius: 0.2rem;}
.s-dialog-skin-green { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #232326;}
.s-dialog-skin-block { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #232326;}
.s-dialog-skin-red { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #232326;}
.s-dialog-content { padding: 0.8rem 0.6rem; text-align: center; font-size: 0.65rem!important; line-height: 1rem;}
.s-dialog-content-confirm { padding: 0.8rem 0.6rem; text-align: center; font-size: 0.65rem; line-height: 1rem;}
.s-dialog-skin-green .s-dialog-content { color: #232326;}
.s-dialog-skin-red .s-dialog-content { color: #232326;}
.s-dialog-skin-block .s-dialog-content { color: #232326;}
.s-dialog-content h6 { display: block; font-size: 0.55rem; line-height: 0.9rem; color: #232326;}
.s-dialog-content .content {font-size: 0.6rem; line-height: 1rem;}
.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.6rem; 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-black .s-dialog-btn-wapper a { color: #0080FF;}
.s-dialog-skin-black{margin-top: -1rem !important; margin-left:-6rem !important; background: #fff}
.s-dialog-skin-black .s-dialog-content{height: 1rem; }

/*提示框带按钮的*/
.s-dialog-skin-pouper{margin-top: -3rem !important; margin-left:-6rem !important; background: #fff; width: 12rem !important}
.s-dialog-skin-pouper .s-dialog-content { min-height: 1rem;}
.s-dialog-skin-pouper .s-dialog-btn-wapper{padding-bottom:0.6rem;}

/*提示框两行字*/
.s-dialog-skin-blue{margin-top: -3rem !important; margin-left:-5rem !important; background: #fff; width: 10rem !important}
.s-dialog-skin-blue .s-dialog-content{height: 1.6rem; }
.s-dialog-skin-blue .s-dialog-btn-wapper{padding-bottom:0.6rem;}
.s-dialog-skin-blue .s-dialog-btn-wapper { margin:0 auto; text-align: center;  }
.s-dialog-skin-blue .s-dialog-btn-wapper a{border-left: 0px !important}

/*提示框三行字*/
.s-dialog-skin-white{margin-top: -3rem !important; margin-left:-5rem !important; background: #fff; width: 10rem !important}
.s-dialog-skin-white .s-dialog-content{height: 2.6rem; }
.s-dialog-skin-white .s-dialog-btn-wapper{padding-bottom:0.6rem;}
.s-dialog-skin-white .s-dialog-btn-wapper { margin:0 auto; text-align: center;  }
.s-dialog-skin-white .s-dialog-btn-wapper a{border-left: 0px !important}

/*微信弹出框*/
.s-dialog-skin-pink{margin-top: -7rem !important; margin-left:-6rem !important; background: #fff; width: 12rem !important}
.s-dialog-skin-pink .s-dialog-content{height: 12rem;}
.s-dialog-skin-pink .content-wrap{ height: auto;margin-top: 0.3rem }
.s-dialog-skin-pink .content-wrap img{ width: 100%; height: auto; }

/*黑色提示框带图标*/
.s-dialog-skin-special{width: 60%;  background: rgba(0,0,0,0.75)}
.s-dialog-skin-special .s-dialog-content{padding:0.5rem 0.8rem;min-height: 0.9rem; font-size: 0.7rem; line-height: 0.9rem; color: #fff; height: auto; overflow: hidden; text-align: center;}

#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: 640px;*/
    margin: 0 auto;
    z-index: 9;
}

/*默认底部*/
footer { display: block; position: relative; z-index: 1; bottom: 0; left: 0; right: 0; top: auto; width: 100%; margin-top: 0.5rem; }
.nctouch-footer-wrap { background-color: #FFF; border-top: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-text { padding: 0.6rem 0; font-size: 0; text-align: center; border-bottom: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-text a { display: inline-block !important; width: 24%; height: 0.6rem; font-size: 0.6rem; line-height: 0.6rem; color: #555 !important; border-left: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-text a:first-child { border-left: 0; }
.nctouch-footer-wrap .nav-pic { padding: 0.3rem 2rem; font-size: 0; text-align: center; border-bottom: solid 0.05rem #EEE; }
.nctouch-footer-wrap .nav-pic a { display: inline-block !important; width: 33.33%; font-size: 0.45rem; color: #999 !important; text-align: center; }
.nctouch-footer-wrap .nav-pic a.touch { color: #232326 !important; }
.nctouch-footer-wrap .nav-pic a span { display: inline-block; width: 1.2rem; height: 1.2rem; margin: 0 auto; padding: 0.15rem; border: solid #CCC 1px; border-radius: 100%; }
.nctouch-footer-wrap .nav-pic a.touch span { border-color: #555; }
.nctouch-footer-wrap .nav-pic a i { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; opacity: 0.4;}
.nctouch-footer-wrap .nav-pic a.app i { background-image: url(../images/foot_app.png);}
.nctouch-footer-wrap .nav-pic a.touch i { background-image: url(../images/foot_touch.png); opacity: 0.8;}
.nctouch-footer-wrap .nav-pic a.pc i { background-image: url(../images/foot_pc.png);}
.nctouch-footer-wrap .copyright { height: 1.6rem; font-size: 0.45rem; line-height: 1.6rem; color: #555; text-align: center; text-shadow: 1px 1px 0 rgba(255,255,255,1) }
.nctouch-footer-wrap .copyright a { display: inline-block!important; margin: 0 0.05rem; font-size: 0.45rem; font-weight: 600; color: #555; }

/*底部固定下方*/
footer.bottom { position: fixed; z-index: -1; bottom: 0;}
footer.bottom .nav-text, 
footer.bottom .nav-pic { display: none; }
footer.bottom .nctouch-footer-wrap { background-color: transparent; border: none; }

/*默认内容区域*/
.nctouch-main-layout { display: block; margin-top: 2rem; background-color: #f0f2f5; height: 100%;width: 100%}
.nctouch-main-layout-a { display: block; position: absolute; top: 4rem; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: 1; background: #FFF}
.nctouch-main-layout-a img{width: 100%; height: 100%}
.nctouch-main-layout2 { display: block; background-color: #f0f2f5; height: 100%;width: 100%;}


/*特别提示*/
.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;}

/*单行导航*/
.nctouch-single-nav { display: block; width: 98%; height: 1.95rem; padding: 0 1%; background: #FFF; border-bottom: solid 0.05rem #EEE; position: relative; z-index: 1 }
.nctouch-single-nav ul { display: block; font-size: 0; white-space: nowrap; overflow: visible !important;}
.nctouch-single-nav ul li { display: inline-block; vertical-align: top; text-align: center; height: 1.95rem; padding: 0!important;}
.nctouch-single-nav .area li { width: 33.33%;}
.nctouch-single-nav ul li a { display: inline-block; padding: 0.1rem 0.05rem; font-size: 0.6rem; line-height: 1.85rem; color: #232326; }
.nctouch-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;}
.nctouch-single-nav ul li.selected a { padding: 0.1rem 0.05rem 0 0.05rem; color: #F23030; border-bottom: solid 0.1rem #F23030!important; }
.nctouch-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;}
.nctouch-single-nav.fixed { background-color: rgba(255,255,255,1); position: fixed; z-index: 3; top: 2rem; left: 0; right: 0;}


/*标签式导航*/
.nctouch-tag-nav { background-color: #FFF; height:2rem; border-bottom: solid 0.05rem #EEE; position: relative; z-index: 2}
.nctouch-tag-nav ul { display: block; width: 100%;}
.nctouch-tag-nav ul li { float: left; text-align: center; width: 18%;}
.nctouch-tag-nav ul li:nth-child(1) { width: 28%;}
.nctouch-tag-nav ul li a { display: block; height: 1.5rem; padding: 0.25rem;}
.nctouch-tag-nav ul li a span { display: block; height: 0.8rem; font-size: 0.52rem; line-height: 0.8rem; color: #232326;}
.nctouch-tag-nav ul li a i { display: block; height: 0.5rem; font-size: 0.4rem; line-height: 0.5rem; color: #232326; margin-top:0.15rem;}
.nctouch-tag-nav ul li.selected a span,
.nctouch-tag-nav ul li.selected a i { color: #f23030}

/*默认单行列表Copyright: www.Bizpower.com*/
.nctouch-default-list-tit { font-size: 0.56rem; line-height: 0.8rem; padding: 0.5rem 0.4rem; text-align: left; color: #7f7f7f}
.nctouch-default-list { overflow: hidden; background-color: #FFF;}
.nctouch-default-list li { position: relative; z-index: 1; display: block; clear: both; overflow: hidden; padding: 0.4rem 0; margin-left: 0.4rem; border-bottom: solid 0.05rem #e3e5e9; }
.nctouch-default-list li:last-child { border-bottom:0; }
.nctouch-default-list li a { display: block; overflow: hidden; font-size: 0.6rem; color: #232326; }
.nctouch-default-list li h4 { float: left; font-size: 0.6rem; line-height: 1.2rem; color: #232326; overflow: hidden; width: 40%; text-align: left; }
.nctouch-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%; }
.nctouch-default-list li h6 { float: left; clear: both; font-size: 0.52rem; line-height: 0.8rem; color: #888;}
.nctouch-default-list li span.num { float: right; margin-right: 0.76rem; font-size: 0.6rem; line-height: 1.25rem;}
.nctouch-default-list li span.tip { position: absolute; z-index: 1; top: 50%; right: 1.2rem; height: 0.9rem; margin-top: -0.45rem; font-size: 0.6rem; line-height: 0.9rem; color: #232326;}
.nctouch-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; }
.nctouch-default-list li span.pics {float: right; margin-right: 0.76rem; font-size: 0.6rem; line-height: 1.25rem; margin-top:0.125rem;}
.nctouch-default-list li span.pics img { width: 1.25rem; height: 1.25rem;}
.nctouch-default-list li.supplementary h4{margin-top:0.4rem;}


/*投诉详情*/
.trading-dialogue{background: #fff;max-height: 5rem;overflow-wrap: break-word; overflow-y: scroll; word-break: normal; font-size: 0.6rem; line-height: 1rem; margin-right: 0.76rem;display: block;padding: 0.2rem}
.trading-dialogue p{word-break: break-all;word-wrap: break-word;}
.dialogue .con-text{display:block; margin-top:0.5rem;padding:0.4rem 2%; width: 92%;height: 1rem; border:0.05rem solid #e3e5e9; border-radius: 0.2rem; line-height: 1rem; font-size: 0.6rem; color: #232326;resize:none; word-break:break-all; word-wrap: break-word;}
.dialogue .goto-talk{margin-top: 0.5rem; display: block; width: 4rem; height: 1.2rem; border-radius: 0.2rem; background: #fff; color: #666; text-align: center; font-size: 0.6rem; line-height: 1.2rem; float: right; margin-right: 0.6rem; border:0.05rem solid #ccc;}
.dialogue p{width: 100%; overflow: hidden; line-height: 0.9rem; font-size: 0.6rem; color: #666; text-indent: 0.1rem }

/*默认输入表单*/
.nctouch-inp-con { display: block; clear: both;}
.nctouch-inp-con ul { background: #FFF;}
.nctouch-inp-con ul li { position: relative; z-index: 1; display: block; min-height: 1.95rem; padding-left: 0.4rem; background-color: #FFF; border-bottom: solid #EEE 0.05rem;}
.nctouch-inp-con ul li.upload-item { height: 2.55rem}
.nctouch-inp-con ul li h4 { position: absolute; z-index: 1; top: 0; left: 0.4rem; width: 3.6rem; font-size: 0.6rem; line-height: 1.95rem; color: #444; text-align: right;}
.nctouch-inp-con ul li .input-box { display: block; height: 1.95rem; margin: 0 1.5rem 0 4rem; position: relative; z-index: 1;}
.nctouch-inp-con ul li.upload-item .input-box { height: 1.95rem; padding: 0.3rem 0;}
.nctouch-inp-con ul li .input-box .inp { width: 100%; min-height: 0.95rem;position:absolute; top:50%; margin-top:-0.475rem; border: 0 none; font-size: 0.6rem; line-height: 0.95rem; color: #232326;}
.nctouch-inp-con ul li .input-box .inp-new { top: 0;}
.nctouch-inp-con ul li .input-box .input-del { position: absolute; z-index: 1; top: 0.5rem; right: -1.1rem; 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;}
.nctouch-inp-con ul li .input-box.write .input-del { display: block;}
.nctouch-inp-con ul li .input-box .input-del1 { position: absolute; z-index: 1; top: 0.5rem; right: -1.1rem; 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;}
.nctouch-inp-con ul li .input-box.write .input-del1 { display: block;}
.nctouch-inp-con ul li .input-box .checkbox { position: absolute; z-index: 1; top: 0.5rem; left: 0.5rem;}
.nctouch-inp-con ul li .input-box .txt { margin: 0 0 0 1.5rem; font-size: 0.6rem; line-height: 1.95rem; color: #555;}
.nctouch-inp-con ul li .input-box .note { position: absolute; z-index: 1; right: 0; top: 0.25rem; height: 1.6rem; text-align: right;}
.nctouch-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;}
.nctouch-inp-con ul li .input-box .note h6 { display: block; vertical-align: top; font-size: 0.55rem; color: #848689; line-height: 0.8rem;}
.nctouch-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*/}
.nctouch-inp-con ul li .input-box .arrow-down { position: absolute; z-index: 1; top: 0.5rem; right: -1.3rem; 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;}
.nctouch-inp-con .form-btn { margin-top: 1rem;}
.nctouch-inp-con .form-btn .btn { display: inline-block; width: 90%; height: 1.8rem; padding: 0; margin: 0 5%; font-size: 0.72rem; line-height: 1.8rem; text-align: center; color: #232323; background: #E4E6E9; border: none; border-radius: 0.2rem; }
.nctouch-inp-con .form-btn.ok .btn { color: #FFF !important; background: #f23030;}

.nctouch-inp-con2 { display: block; clear: both;}
.nctouch-inp-con2 ul { background: #FFF;}
.nctouch-inp-con2 ul li { position: relative; z-index: 1; display: block; min-height: 1.95rem; padding-left: 0.4rem; background-color: #FFF; border-bottom: solid #EEE 0.05rem;}
.nctouch-inp-con2 ul li.upload-item { height: 2.55rem}
.nctouch-inp-con2 ul li h4 { position: absolute; z-index: 1; top: 0; left: 0.4rem; width: 3.6rem; font-size: 0.6rem; line-height: 1.95rem; color: #444; text-align: right;}
.nctouch-inp-con2 ul li .input-box { display: block; height: 1.95rem; margin: 0 0rem 0 4rem; position: relative; z-index: 1;}
.nctouch-inp-con2 ul li.upload-item .input-box { height: 1.95rem; padding: 0.3rem 0;}
.nctouch-inp-con2 ul li .input-box .inp { width: 100%; min-height: 0.95rem;position:absolute; top:50%; margin-top:-0.475rem; border: 0 none; font-size: 0.6rem; line-height: 0.95rem; color: #232326;}
.nctouch-inp-con2 ul li .input-box .inp-new { top: 0;}
.nctouch-inp-con2 ul li .input-box .input-del { position: absolute; z-index: 1; top: 0.5rem; right: -1.1rem; 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;}
.nctouch-inp-con2 ul li .input-box.write .input-del { display: block;}
.nctouch-inp-con2 ul li .input-box .input-del1 { position: absolute; z-index: 1; top: 0.5rem; right: -1.1rem; 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;}
.nctouch-inp-con2 ul li .input-box.write .input-del1 { display: block;}
.nctouch-inp-con2 ul li .input-box .checkbox { position: absolute; z-index: 1; top: 0.5rem; left: 0.5rem;}
.nctouch-inp-con2 ul li .input-box .txt { margin: 0 0 0 1.5rem; font-size: 0.6rem; line-height: 1.95rem; color: #555;}
.nctouch-inp-con2 ul li .input-box .note { position: absolute; z-index: 1; right: 0; top: 0.25rem; height: 1.6rem; text-align: right;}
.nctouch-inp-con2 ul li .input-box .note em { display: block; vertical-align: top; font-size: 0.6rem; font-weight: 600; color: #36BC9B; line-height: 0.8rem;}
.nctouch-inp-con2 ul li .input-box .note h6 { display: block; vertical-align: top; font-size: 0.55rem; color: #848689; line-height: 0.8rem;}
.nctouch-inp-con2 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*/}
.nctouch-inp-con2 ul li .input-box .arrow-down { position: absolute; z-index: 1; top: 0.5rem; right: -1.3rem; 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;}
.nctouch-inp-con2 .form-btn { margin-top: 1rem;}
.nctouch-inp-con2 .form-btn .btn { display: inline-block; width: 90%; height: 1.8rem; padding: 0; margin: 0 5%; font-size: 0.72rem; line-height: 1.8rem; text-align: center; color: #232323; background: #E4E6E9; border: none; border-radius: 0.2rem; }
.nctouch-inp-con2 .form-btn.ok .btn { color: #FFF !important; background: #f23030;}


/*开关*/
.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 i { position: relative; display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.2rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle;}
.input-box label.checked i { border-color: #48CFAE; background-color: #48CFAE; }
.input-box label.checked i:after { content: ''; position: absolute; left: 0.1rem; top: 0.175rem; 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); }
.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 {
    display: block;
    width: 2.04rem;
    height: 1.25rem;
    background: url(../images/noswitch.png) no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    right:0;
    top:0.35rem;
    z-index: 2;
}
.input-box label.checked .power{background: url(../images/switch.png) no-repeat; background-position: 50% 50%; background-size: cover;}



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

/*默认按钮样式*/
.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: #FFF; border: solid 1px #CCC; border-radius: 0.15rem }
.btn.key { border-color: #F23030; color: #F23030 !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: #F23030; border-radius: 0.2rem; }
.btn-2 { display: inline-block; width: 89%; margin: 0 5%; font-size: 0.8rem; line-height: 1.7rem; text-align: center; color: #555; background: #FFF; border-radius: 0.2rem;border: solid 1px #CCC }
/*图片选择上传*/
.nctouch-upload { display: inline-block; width: 1.94rem; height: 1.94rem; border: solid 0.05rem #EEE; border-radius: 0.1rem; vertical-align: top;}
.nctouch-upload a { position: relative; z-index: 1; display: block; width: 100%; height: 100%;}
.nctouch-upload span { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0;}
.nctouch-upload .input-file { width: 100%; height: 100%; padding: 0; margin: 0; border: none 0; opacity:0; filter: alpha(opacity=0);}
.nctouch-upload p { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent;}
.nctouch-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;}
.nctouch-upload .pic-thumb { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFFFFF; border-radius: 0.1rem;}
.nctouch-upload .pic-thumb img { width: 95%; height: 95%; margin: 2.5%}
.nctouch-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;}
.nctouch-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: 10; right: 0.5rem; bottom: 2.5rem;}
.fix-block-r a { display: block; width: 1.5rem; height: 1.5rem; 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.goods-pc-info i { background-image: url(../images/goods_pc_info.png); background-size: 80%;}

/*页面整体下拉缓冲*/
.scroller-body { top: 0; bottom: 60px; right: 0; left: 0; position: absolute; z-index: auto; }
.scroller-more { z-index: 0;}

/* loading */
/*下拉读取*/
.loading{ text-align: center; display: block; padding: 0.6rem 0; font-size: 0.55rem; color: #666;}
.list-loading { text-align: center; display: block; padding: 0.6rem 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-circle-clipper 1s ease-in-out infinite; -webkit-animation: spinner-circle-clipper 1s ease-in-out infinite; }
 @keyframes spinner-circle-clipper {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle-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-circle 1s ease-in-out infinite; -webkit-animation: spinner-circle 1s ease-in-out infinite; border-radius: 50%; box-shadow: inset 0 0 0 .1em #3aa8ed; }
 @keyframes spinner-circle {
 0% {
 transform: rotate(-180deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle {
 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: 6rem; height: 1rem; font-size: 0.55rem; color: #666; top: 50%; left: 50%; margin: -0.5rem 0 0 -3rem;}
/*Copyright: bizpower*/




/*店铺券*/
.coupon_container{ top:1.95rem}
.coupon_list{ background: #f5f5f5;border:none}
.nctouch-default-list li.qq_coupon{padding-right: 0.5rem; border-top:0px; padding-bottom:0;}
.nctouch-default-list li .bg_coupon{background:#f3504e; background-image: url(../images/coupon_btn.png);background-repeat: repeat-x;background-position:0.2rem 2.8rem; background-size:1.2rem; border-radius: 0.5rem 0.5rem 0 0;}
.nctouch-default-list li .bg_coupon .coupon_price{display:inline-block; font-size: 1.5rem; line-height: 2rem; color: #fff; font-family: "arial";  vertical-align: top; margin:0.5rem 0.3rem 0 0.6rem;}
.nctouch-default-list li .bg_coupon dl{ padding:0.5rem 0; display: inline-block;}
.nctouch-default-list li .bg_coupon dl dt,.nctouch-default-list li .bg_coupon dl dd{width: 10rem; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.nctouch-default-list li .bg_coupon dl dt,.nctouch-default-list li .bg_coupon dl .coupon_rule{font-size: 0.6rem; line-height: 1rem; color: #fff;}
.nctouch-default-list li .bg_coupon .coupon_btn{background: #fff; width: 2.2rem; height: 2.2rem; display: inline-block; position:absolute; right:1.5rem; top:0.9rem; border-radius: 50%;}
.nctouch-default-list li .bg_coupon .coupon_btn span{ display: block; width: 1.6rem; padding-top:0.3rem; margin:auto; font-size: 0.6rem; line-height: 0.8rem; color: #f3504e; text-align: center; font-weight: 600;}
.nctouch-default-list li .coupon_date{padding-top:0.2rem; font-size: 0.52rem; line-height: 1rem; color: #666; padding-left: 0.6rem; background: #fff; height: 1.1rem; box-shadow: 0 1px 5px rgba(0,0,0,0.05); border-radius: 0 0 0.5rem 0.5rem;}
.nctouch-default-list li.used .bg_coupon{background:#bbb; background-image: url(../images/coupon_btn1.png);background-repeat: repeat-x;background-position:0.2rem 2.8rem; background-size:1.2rem; border-radius: 0.5rem 0.5rem 0 0;}
.nctouch-default-list li.used .bg_coupon .coupon_btn span{color: #848689; width: 2rem; padding-top:0.7rem;}

/*wap弹出框样式*/
.s-dialog-skin-red{margin-left: -6rem !important; margin-top: 0 !important; margin-top: -9rem !important;}
.s-dialog-title{text-align: center !important; padding-bottom: 0.4rem;}
.s-dialog-content{ max-height: 16rem; overflow: hidden;}
.nctouch-sel-list{margin-top: 0px;}
.nctouch-sel-list label:last-child{border-bottom: 0px;}
.s-dialog-btn-wapper{padding-bottom: 0rem;}
.nctouch-sel-list label{height: auto;}
.s-dialog-btn-cancel{border-left: 0px !important;}
.content-wrap{ height: 13.5rem; overflow: hidden; }

/*wap店铺装修幻灯片圆点*/
.swipe-wrap-index { position: absolute; bottom: 0.4rem; width: 100%; text-align: center; left: 0}
.swipe-wrap-index li { display: inline-block; width: 0.3rem; height:0.3rem; background-color: rgba(255,255,255,0.5); border-radius: 0.2rem; }
.swipe-wrap-index li.cur{ background: #FFF}


/*bycj -- 分享*/
.wpt-share .dialog{position:fixed;top:100%;z-index:1999;width:100%;color:#424242;background-color:#EFEFF4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wpt-share .dialog .tip{line-height:50px;border-radius:8px;text-align:center;}
.wpt-share .dialog .tip .msg{font-size:14px;}
.wpt-share .dialog .btns{width:90%;overflow:hidden;margin:0 5% 20px;}
.wpt-share .dialog .btns .btn-share{position:relative;/*width:25%;*/ width:33%;float:left;font-size:12px;text-align:center;padding:60px 0 20px;text-decoration:none;color: #373737;}
.wpt-share .dialog .btns .btn-share .icon{position:absolute;top:0;left:50%;width:48px;height:48px;margin-left:-25.5px;background-size:48px;background-repeat:no-repeat; background: url(../images/shareicons-pc.png);}
.wpt-share .dialog .btn-cancel{width:93%;color:#FFF;height:48px;font-size:16px;margin:16px auto;line-height:48px;border-radius:4px;text-align:center;background-color:#858C96;cursor:pointer;}
.wpt-share .dialog .btns.isPc .btn-share .icon.share-icon-tqq{background-position: 0 -144px !important; }
.wpt-share .dialog .btns.isPc .btn-share .icon.share-icon-tsina{ background-position: 0 -96px !important;}
.wpt-share .dialog .btns.isPc .btn-share .icon.share-icon-qzone { background-position: 0 -192px !important;}
.wpt-share .dialog .btns.isPc .btn-share .icon.share-icon-tieba { background-position: 0 -240px !important;}
.wpt-share .dialog .btns.isPc .btn-share .icon.share-icon-douban { background-position: 0 -288px !important;}
.wpt-share .dialog .btns.isPc .btn-share .icon.share-icon-qr { background-position: 0 -384px !important;}
.wpt-share .dialog .btns.isPc .btn-share .icon.share-icon-guide { background-position: 0 -432px !important;}

/*bycj-- 二维码名片 */
.wptMask{position:fixed;height:100%;top:0;left:0;width:100%;background-color:#232326;z-index:998;opacity:0.1;}
.wpt-imgCode{position:fixed;top:0;bottom:0;text-align:center;width:100%;z-index:1999;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wpt-imgCode img{display:inline-block;position:absolute;top:50%;left:50%;width:80%;max-width:340px;border-radius:5px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.wpt-imgCode .QRclosed{ background: url(../images/share-close.png) no-repeat;
    background-size: 50% 50%;
    width: 4rem;
    height: 4rem;
    position: absolute;
    z-index: 2000;
    border: none;
    display: inline-block; }
.flip-up{-webkit-animation:flipUp 0.3s ease-out;animation:flipUp 0.3s ease-out;opacity:1!important;visibility:visible!important;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@-webkit-keyframes flipUp{
	0%{-webkit-transform:translateY(100%);opacity:0;}
	90%{-webkit-transform:translateY(0);opacity:1;}
}
@keyframes flipUp{
	0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;}
	90%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
.flip-down{-webkit-animation:flipDown 0.3s ease-out;animation:flipDown 0.3s ease-out;opacity:1!important;visibility:visible!important;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@-webkit-keyframes flipDown{
	0%{-webkit-transform:translateY(0);opacity:1;}
	100%{-webkit-transform:translateY(100%);opacity:0;}
}
@keyframes flipDown{
	0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
	100%{-webkit-transform:translateY(100%);opacity:0;}
}
/*bycj --css 实现的 loading Copyright: www.BIZPOWER.com*/
.loadingWaverMask {position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 998; opacity: 0 }
.loadingWaverMask2{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 997; background-color:#ffffff;margin-top:0rem;}
.loadingWaver{z-index:999;position:fixed;top:50%;left:50%;width:20px;height:20px;overflow:hidden; background:url(../images/timg.gif) no-repeat; background-size: cover;}
.share-guide-modal{position:fixed;right:0;top:0;z-index:19999;}
.share-guide-modal img{width:260px;height:180px;}

/*初始化页面时的loading 遮罩*/
.loading-mask{margin-top:2rem;}

/* 无数据 显示 Copyright: BIZPOWER*/
.detail-pos{display: block; position: relative; top:0rem; left: 0; right: 0; bottom: 0; width: 100%}
.detail-pos p{font-size: 0.6rem !important}
.no-data-bg{display: block;width: 100%; min-height: 12rem;background: #fff; position: absolute;top:0; right: 0; left: 0; bottom: 0}
.no-data{position: absolute; top:50%; left: 50%; margin-left:-5rem; margin-top:-3.2rem; z-index: 1; width: 10rem}
.no-data .no-img{ width: 5.2rem; height: 5.2rem; margin:0 auto 0.3rem;}
.no-data p{ text-align: center; width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.6rem; color: #848689; margin-top: 0.5rem;}

.no-data .no-img.groups{ background:url(../images/no_data_a.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
/*.no-data .no-img.packet{background:url(../images/no_data_b.png) no-repeat;  background-position: 50% 50%; background-size:cover;}*/
.no-data .no-img.packet{width:5.5455rem;height:4.4545rem;background: url(../images/no_coupon.png) no-repeat;background-position: 50% 50%; background-size:cover;}
.no-data .no-img.exchange{background:url(../images/no_data_c.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
.no-data .no-img.cart{background:url(../images/no_data_d.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
.no-data .no-img.address{background:url(../images/no_data_e.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
.no-data .no-img.talk{background:url(../images/no_data_g.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
.no-data .no-img.order{background:url(../images/no_data_f.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
.no-data .no-img.shop{background:url(../images/no_data_h.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
.no-data .no-img.error{background:url(../images/no_data_i.png) no-repeat;  background-position: 50% 50%; background-size:cover;}
.no-goods-data{position: absolute; top:50%; left: 50%; transform:translate(-50%,-50%); z-index: 1; width: 10rem}
.no-goods-data .no-goods.exchange{width:100%;height:10rem;background:url(../images/goods-empty.png) no-repeat;  background-position: 50% 50%; background-size:contain;}
.no-goods-data p{ text-align: center; width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.8rem; color: #848689;}
.no-goods-data .goods-empty-view{margin-top:2rem}
.no-goods-data .goods-empty-view p+p{margin-top:0.3rem}
.no-goods-data p.tip{ text-align: center; width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.8rem; color: #222; }
.no-goods-data .goods-empty-view .back-home-btn{
    border-radius: 2rem;
    width: 6rem;
    height: 2rem;
    border: 1.5px solid #EF4034;
    color:#EF4034;
    background:#fff;
    display:flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 0 auto;
    margin-top:1rem;
}
/*新版头部*/
header, .header { background: #FFF; height: 2rem; position: absolute; z-index: 12; top: 0; left: 0; right: 0; bottom: auto; border-bottom: solid 1px #EEE; }
.header-wrap { display: block; min-width: 320px; max-width: 640px; height: 2rem; margin: 0 auto; text-align: center;}
.header-l {display: block; width: 1.35rem; height: 1.95rem; position: absolute; top: 0; left: 0.3rem;}
.header-l a {position: relative; z-index: 1; display: inline-block; width: 0.85rem; height: 0.85rem; padding:0.55rem 0.5rem 0.55rem 0.1rem;}
.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.4; }
.header-l a i.home { background-image: url(../images/bar_01.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 90%;}
.header-l a.text { position: relative; z-index: 1; display: inline-block; white-space: nowrap; width: 1.6rem; height: 0.95rem; padding: 0.5rem 0rem 0.5rem 0; font-size: 0.64rem; line-height: 0.975rem; color: #333;}
.header-r { position: absolute; z-index: 1; top: 0; right: 0.4rem; font-size: 0; text-align: right; }
.header-r a { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 0.85rem; height: 0.85rem; padding: 0.55rem 0.1rem 0.55rem 0.5rem; }
.header-right{color: #000;font-size: .6rem; position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 2rem !important; height: 0.85rem; }
.header-r a i { display: block; width: 100%; height: 100%; }
.header-r a sup { display: none; position: absolute; z-index: 1; top: 0.4rem; right: 0.05rem; width: 0.25rem; height: 0.25rem; background-color: #f23030; border-radius: 100%; }
.header-r a.search-btn { width: 2rem; height: 1.95rem; text-align: right; padding: 0; font-size: 0.6rem; line-height: 1.95rem; color: #232326; }
.header-r a.edit-btn{ width: 2rem; height: 1.95rem; text-align: right; padding: 0; font-size: 0.56rem; line-height: 1.95rem; color: #888; }
.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.5; }
.header-r a i.share { background-image: url(../images/share.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 85%; opacity: 0.5;}
.header-r a i.search { background-image: url(../images/search_ico.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 85%; opacity: 0.5;}
.header-r a i.setup { background-image: url(../images/setup.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 85%; opacity: 0.5;}
.header-r a.text { position: relative; z-index: 1; display: inline-block; white-space: nowrap; width: 1.6rem; height: 0.95rem; padding: 0.5rem 0rem 0.5rem 0; font-size: 0.64rem; line-height: 0.975rem; color: #F23030;}
.header-r a i.browse_grid { background-image: url(../images/browse_grid.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.header-r a i.browse_list { background-image: url(../images/browse_list.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}

.header-r a.category-bar{ display: inline-block; width: 2rem ;height: 2rem; margin:0; padding:0; }
.header-r a.category-bar .category{ width: 0.7rem; height: 0.7rem; margin: 0.35rem auto 0.05rem auto; background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; opacity: 0.5; background-image: url(../images/category_b.png); }
.header-r a.category-bar .text{ display: block; font-size: 0.45rem; line-height: 0.8rem; text-align: center; color: #333;}

.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.25rem; font-size: 0.6rem; line-height: 1.825rem; color: #232326; }
.header-nav li.cur a { padding: 0.1rem 0.15rem 0 0.15rem; color: #f23030; border-bottom: solid 0.1rem #f23030; font-size: 0.68rem;}

/*单一标题*/
.header-title{ display: inline-block; margin: 0 auto; }
.header-title h1{ font-size: 0.68rem; line-height: 1.95rem; height: 1.95rem; color: #333333; }

/*图片标题*/
.header-thumb{display: block; width: 3.6rem; height: 1.2rem;  margin:0.25rem auto;}
.discover{background: url(../images/find.png) no-repeat; background-size: cover; background-position: 50% 50%;}
.coupon-center{background: url(../images/coupon_center.png) no-repeat; background-size: cover; background-position: 50% 50%;}
.seckill{background: url(../images/seckill.png) no-repeat; background-size: 100%; background-position: 100% 100%;}

/*头部下拉菜单*/
.nctouch-nav-layout { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; }
.nctouch-nav-menu { display: block; position: absolute; top: 1.65rem; right: 0.4rem; width: 6rem; }
.nctouch-nav-menu .arrow { display: block; float: right; width: 0; height: 0; margin-right: 0.45rem; font-size: 0; line-height: 0; border-width: 0.35rem; border-color: transparent transparent rgba(10,10,10,0.75) transparent; border-style: dashed dashed solid dashed; }
.nctouch-nav-menu ul { display: block; clear: both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');background: rgba(10,10,10,0.75); border-radius: 0.2rem; }
.nctouch-nav-menu li { position: relative; z-index: 1; border-bottom: solid 0.05rem #525558;margin:0 0.4rem; }
.nctouch-nav-menu li:last-child { border-bottom: none 0; }
.nctouch-nav-menu li a { display: block; height: 0.8rem; padding: 0.425rem; font-size: 0.6rem; line-height: 0.8rem; color: #FFF; }
.nctouch-nav-menu li a i { display: inline-block; width: 0.6rem; height: 0.6rem; vertical-align: middle; margin-right: 0.6rem; margin-top:-0.1rem; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; }
.nctouch-nav-menu li a i.message { background-image: url(../images/message_w.png); }
.nctouch-nav-menu li a i.message-other { background-image: url(../images/message_w.png); }
.nctouch-nav-menu li a i.cart { background-image: url(../images/cart_w.png);}
.nctouch-nav-menu li a i.home { background-image: url(../images/home_w.png);}
.nctouch-nav-menu li a i.search { background-image: url(../images/search_w.png);}
.nctouch-nav-menu li a i.categroy { background-image: url(../images/categroy_w.png);}
.nctouch-nav-menu li a i.member { background-image: url(../images/member_w.png);}
.nctouch-nav-menu li sup { display: none; position: absolute; z-index: 1; top: 0.35rem; left: 1.05rem; width: 0.2rem; height: 0.2rem; background-color: #f23030; border-radius: 100%; border:0.05rem solid #fff;font-size: 0 }
/**
  ___   _
 | _ ) (_)  ___  _ __   ___  __ __ __  ___   _ _
 | _ \ | | |_ / | '_ \ / _ \ \ V  V / / -_) | '_|
 |___/ |_| /__| | .__/ \___/  \_/\_/  \___| |_|
                |_|
*/
/*头部带搜索*/
.header-inp { position: relative; display: block; height: 1.3rem; border-radius: 0.8rem; margin: 0.35rem 2rem; background-color: #F0F2F5; text-align: left; }
.header-inp .header-select { float: left; width: 2rem; height: 0.8rem; text-align: center; padding: 0.25rem; font-size: 0.6rem; line-height: 0.8rem; color: #232323}
.header-inp .header-select .icon {display: inline-block; vertical-align: top; width: 0.4rem; height:0.4rem; margin: 0.2rem 0 0.2rem 0.2rem; background-image: url(../images/store-down.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.5; }
.header-inp .search-icon { float: left; width: 0.6rem; height: 0.6rem; margin: 0.35rem; background-image: url(../images/search_ico.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.5; }
.header-inp .search-input { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; left: 1.3rem; width: 10rem;height: 0.8rem; padding: 0.25rem 0; font-size: 0.64rem; line-height: 0.8rem; color: #BBB; vertical-align: top; background-color: transparent; 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: #232326;}

.header-inp.write .input-del { display: block;}

/*头部店铺&&商品切换*/
.nctouch-nav-select-menu { display: none; position: absolute; top: 1.2rem; left:-1.9rem; width: 6rem; }
.nctouch-nav-select-menu .arrow { display: block; float: right; width: 0; height: 0; margin-right: 2.65rem; font-size: 0; line-height: 0; border-width: 0.35rem; border-color: transparent transparent rgba(10,10,10,0.75) transparent; border-style: dashed dashed solid dashed; }
.nctouch-nav-select-menu ul { display: block; clear: both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');background: rgba(10,10,10,0.75); border-radius: 0.2rem;}
.nctouch-nav-select-menu li {position: relative; z-index: 1; border-bottom: solid 0.05rem #525558;margin:0 0.4rem;  }
.nctouch-nav-select-menu li:last-child { border-bottom: none 0; }
.nctouch-nav-select-menu li a {display: block; height: 0.8rem; padding: 0.425rem; font-size: 0.6rem; line-height: 0.8rem; color: #FFF;}
.nctouch-nav-select-menu li a i { display: inline-block; width: 0.6rem; height: 0.6rem; vertical-align: middle; margin-right: 0.6rem; margin-top:-0.1rem; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; }
.nctouch-nav-select-menu li a i.goods-select { background-image: url(../images/goods_w.png);}
.nctouch-nav-select-menu li a i.store-select { background-image: url(../images/store_secelt_w.png);}


/*透明头部*/
.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 { top: -0.05rem; right:  -0.05rem; width: 0.35rem; height: 0.35rem; background-color: #f23030; border: solid 0.05rem #FFF; border-radius: 100%; }
.transparent .nctouch-nav-menu .arrow { opacity: 0.55; }
.transparent .nctouch-nav-menu ul { background: rgba(85,85,85,0.55); }
.transparent .nctouch-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;
		}
	}

/*底部固定栏*/

.bottom-bar-pannel{position: fixed; left: 0; right: 0;bottom: 0; font-size: 0; height: 2rem; box-sizing: border-box; border-top: 0.05rem solid #e9ebee; background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);z-index: 9999 }
.bottom-bar-pannel ul{overflow: hidden; height: 100%; position: relative;}
.bottom-bar-pannel ul li{float: left; width: 20%; text-align: center; height: 100%; line-height: 2rem; font-size: 0.4rem; position: relative;}
.bottom-bar-pannel ul li a{display: block; width: 100%; height: 2rem}
.bottom-bar-pannel ul li .bar-img{ display: inline-block; height: 100% }
.bottom-bar-pannel ul li i{ width: 0.8rem; height: 0.8rem; display: block; margin: 0.25rem auto 0.05rem auto; position: relative;padding-top: 0.05rem}
.bottom-bar-pannel ul li p{display: block; text-align: center; width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.48rem; color:#232326;}
.bottom-bar-pannel ul li sup{ width: 0.28rem; height: 0.28rem; border-radius: 100%; background:#f23030; display: block; position:absolute; top:0.25rem; right: 0.95rem}
.bottom-bar-pannel ul li .number { position: absolute; top:0.1rem; right: 0.7rem; display: block; min-width: 0.5rem; height: 0.5rem; padding: 0 0.1rem; text-align: center; border-radius: 0.25rem; background: #f23030; font-size: 0.4rem; line-height: 0.53rem; color: #fff;}
.bottom-bar-pannel ul li.selected p{color: #f23030}
.bottom-bar-pannel ul.tab4 li{width:25%;float: left; text-align: center; height: 100%; line-height: 2rem; font-size: 0.4rem; position: relative;}
/*Copyright: bizpower*/
.bottom-bar-pannel ul li i.index{background: url(../images/bar_01.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li i.classify{background: url(../images/bar_02.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li i.find{background: url(../images/zb.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li i.cart{background: url(../images/bar_04.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li i.user{background: url(../images/bar_05.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li i.find_discover{background: url(../images/bar_11.png) no-repeat 50% 50%; background-size: 98%;}
.bottom-bar-pannel ul li.selected i.index{background: url(../images/bar_06.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li.selected i.classify{background: url(../images/bar_07.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li.selected i.find{background: url(../images/zb_select.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li.selected i.cart{background: url(../images/bar_09.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li.selected i.user{background: url(../images/bar_10.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li.selected i.find_discover{background: url(../images/bar_12.png) no-repeat 50% 50%; background-size: 98%;}
.bottom-bar-pannel ul li.selected .find {width: 0.8rem; height: 0.8rem; display: block; margin: 0.25rem auto 0.05rem auto; position: relative;padding-top: 0.05rem}
.bottom-bar-pannel ul li.selected .find i{width: 0.8rem; height: 0.8rem; padding:0;margin:0;display: block; position: relative;background: url(../images/zb_select.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel .find-loading{animation: spin 800ms infinite linear;}
@keyframes spin {0%{transform: rotate(360deg); }100%{transform: rotate(0deg);}}
/*更多精选*/
.bottom-bar-pannel ul li i.more{background: url(../images/yg-more.png) no-repeat 50% 50%; background-size: 100%;}
.bottom-bar-pannel ul li.selected i.more{background: url(../images/yz-more.png) no-repeat 50% 50%; background-size: 100%;}

/*切换卡式导航*/
.switch-card-nav{display: block; width: 100%; height: 2rem; background: #fff; box-shadow: 0 0.05rem 0 rgba(0,0,0,0.05);position: relative; z-index: 10} 
.switch-card-nav ul{display: block; font-size: 0; white-space: nowrap; overflow: visible !important;}
.switch-card-nav ul li{display: inline-block; vertical-align: top; text-align: center; height: 2rem;}
.switch-card-nav ul li a{display: inline-block; padding:0.1rem 0.05rem; font-size: 0.6rem; line-height: 1.85rem; color: #232326}
.switch-card-nav ul li.selected a{padding: 0.1rem 0.05rem 0; border-bottom:0.1rem solid #f23030; color: #f23030}
.switch-card-nav.fixed { background-color: rgba(255,255,255,0.95); position: fixed; z-index: 3; top: 2rem; left: 0; right: 0;}

/*地址选择公用样式*/
.city-options{display: block; width: 100%; height: 15rem; overflow: hidden; position:relative;}
.city-options .city-content{display: block; width: 100%; min-height: 15rem;overflow: hidden;}
.city-options .city-content .city-select{display: block; padding:0 0.4rem; box-sizing: border-box; border-bottom:0.05rem solid #eee; overflow: hidden;}
.city-options .city-content .city-select dd{ float: left; max-width: 4rem; padding:0.3rem 0.1rem; margin-right:1rem; font-size: 0.52rem; color: #232326; line-height: 0.8rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.city-options .city-content .city-select dd.select{border-bottom:0.1rem solid #f23030; color: #f23030}
.city-options .city-content ul{ overflow: hidden; height: 13.5rem; margin-left: 0.5rem }
.city-options .city-content ul li{ width: 100%; height: 13.5rem; overflow: hidden;position: relative;float: left}
.city-options .city-content ul li .city-item-scroll{ width: 100%; height: 13.5rem; overflow: hidden; }
.city-options .city-content ul li .city-item{display: block;}
.city-options .city-content ul li .city-item a{ padding:0.3rem 0; display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.city-options .city-content ul li .city-item a h4{font-size: 0.52rem; color: #232326; margin-right: 0.5rem; float: left; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.city-options .city-content ul li a.checked h4{color: #f23030}
.city-options .city-content ul li a.checked i{width: 0.64rem; height: 0.64rem; float: left; background: url(../images/ok.png) no-repeat; background-size: cover; background-position:50% 50%; vertical-align: middle; margin-top: 0.15rem}

/*错误提示小黄条*/
.goods-detail-foot-error {position: fixed; z-index: 2; left: 0; right: 0; bottom: 2rem; height: 1rem; padding: 0.25rem 0; text-align: center; background-color: rgba(255,204,0,0.85); border-top: solid 0.05rem #EEE; font-size: 0.6rem; }

/* bycj -- 横屏提示信息*/
.landscape {
    position: fixed;
    z-index: 19831219;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffd40a;
    font-size: 0.3rem;
    background: #32373b;
}
.landscape img {
    margin-top: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: landscape 1.5s infinite;
    animation: landscape 1.5s infinite;
}
@-webkit-keyframes landscape {
    0% {
        -webkit-transform: rotate(-90deg);
    }
    30% {
        -webkit-transform: rotate(0deg);
    }
    70% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-90deg);
    }
}
@keyframes landscape {
    0% {
        transform: rotate(-90deg);
    }
    30% {
        transform: rotate(0deg);
    }
    70% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}
/*!*!*分享赚按钮 red-btn *!*!*/
/*.share_btn {*/
    /*background: url("../images/share_btn.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*加入购物车颜色 yellow-btn*!*!*/
/*.add_car_btn{*/
    /*background: url("../images/add_car_btn.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*立即购买 red-btn*!*!*/
/*.now_btn{*/
    /*background: url("../images/now_buy.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*原价购买按钮 yellow-btn*!*!*/
/*.old_price{*/
    /*background: url("../images/ori_price.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*定金支付*!*!*/
/*.de_pay_btn{*/
    /*background: url("../images/de_pay.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/

/*!*!*砍一刀 red-btn*!*!*/
/*.cut_btn{*/
    /*background: url("../images/cut_btn.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*到货通知 red-btn*!*!*/
/*.arrival_notice_btn{*/
    /*background: url("../images/arrival_notice_btn.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*灰按钮*!*!*/
/*.gray_btn{*/
    /*background: url("../images/gray_btn.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*单独购买 pink-btn*!*!*/
/*.single_btn{*/
    /*background: url("../images/single_btn.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*!*三人团按钮 *!*!*/
/*.san_group_btn{*/
    /*background: url("../images/san_group_btn.png") no-repeat;*/
    /*background-position: 50% 50%;*/
    /*background-size: cover;*/
/*}*/
/*!*加入购物车按钮 无货 *!*!*/
/*.add_no_btn{*/
    /*background-color: #DADADA;*/
/*}*/
/*!*立即购买按钮 无货 *!*!*/
/*.add_nobuy_btn{*/
    /*background-color: #C6C6C6;*/
/*}*/

/*引导下载*/
#guide_download{

    height:2rem !important;
   /* position: absolute !important;*/
    z-index: 10 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    background-color: #eeeef4 !important;
    border-bottom: 1px solid #eeeef4 !important;
}

.guide-content{

    height: 2rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
}
.iconImg{
    width: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.img-wrap{

    height: 32px !important;
    width: 32px !important;
}

.img-wrap img{

    width: 100% !important;
    height: 100% !important;
}

.top-title{

    width: 54%;
    margin-top: 1px !important;
    color: #222 !important;
    font-size:0.65rem !important;
    font-family: PingFangSC-Regular;
}

.top-title .subtitle{

    font-weight: 500;
    text-align: left !important;
    font-family: PingFangSC-Regular !important;
    font-size: 0.5rem !important;
}

.top-title p{

    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 0.9rem;
    text-align: left;
}

.subtitle{

    color: #999999 !important;
}

.downbtn{

    width: auto !important;
    height: 2rem !important;
}

.fixedDownApp{

    position: fixed !important;
    width: 4rem !important;
    right: 0px !important;
    height: 33px !important;
    background-color: #F23030;
    font-size: 15px;
    line-height: 33px;
    color: #ffffff;
    text-align: center;
    padding-right: 1px;
    border-top-left-radius: 16.5px;
    border-bottom-left-radius: 16.5px;
    z-index:1000;
    top: 50%;
    margin:-2rem 0 0 13.25px;
    opacity: 0;
}

.fixedDownApp2{

    position: fixed !important;
    width: 4rem !important;
    right: 0px !important;
    height: 35px !important;
    border-top-left-radius: 17.5px;
    border-bottom-left-radius: 17.5px;
    z-index: 999;
    top: 50%;
    margin:-2rem 0 0 13.25px;
}

.fixedBackHome{

    position: fixed !important;
    width: 3rem !important;
    right: 0px !important;
    height: 35px !important;
    border-top-left-radius: 17.5px;
    border-bottom-left-radius: 17.5px;
    z-index: 19;
    top: 85%;
    margin:-2rem 0 0 13.25px;
}


.fixedDownApp2 img {

    width: 100% !important;
    height: auto !important;
}

.hideHead {

    width: 2.5% !important;
    height: 10px !important;
    margin-left: .5rem !important;
}

#call-app {

    position: absolute;
    width: 25%;
    right: 0;
    top: 0;
    height: 2rem;
    line-height: 2rem;
    background-color: #F23030;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    opacity: 0;
}

#headerDownAppBg {

    position: absolute;
    width: 25%;
    height: 2rem;
    top: 0;
    right: 0;
    text-align: center;
}

#headerDownAppBg img{

    width: auto !important;
    height: 100%;
    margin: 0 auto;
}

.confirm-modal{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.6);
    transition: all .3s;
    z-index: 999;
    /*visibility: hidden;*/
}

.confirm-modal.hide{
    opacity: 0;
    display: none;
}
.confirm-modal .confirm-content{
    width: 80vw;
    height: 40vw;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 10px #999;
}
.confirm-content .title{
    flex: 1;
    display:flex;
    align-items: center;
    justify-content: center;
}
.confirm-content .btns{
    height: 50px;
    position: relative;
    font-weight: 500;
}
.btns .left-btn,.btns .right-btn{
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btns .right-btn{
    background: #F23030;
    color:white;
}
.btns::before{
    content: '';
    height: 1px;
    transform: scaleY(.5);
    width: 100%;
    background: lightgrey;
    top: 0;
    position: absolute;
}
.btns::after{
    content:'';
    width: 1px;
    height: 100%;
    transform: scaleX(.5);
    background: lightgrey;
    left: 50%;
    top: 0;
    position: absolute;
}