@charset "utf-8";

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


/*多分辨率设定rem设定*/
html { font-size : 20px; }

/*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;}
body { font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; /*background-color: #f5f5f5;*/ background-color: #FFF; }
input { font-family: Arial, "Microsoft YaHei", 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;
}
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: #ED5564; background-color: #ED5564; }
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;}
/*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;}
.w20h li { width: 20%;}
.w33h li { width: 33.33%;}
.w50h li { width: 50%;}
.mt5 { margin-top: 0.5rem !important;}
.mt10 { margin-top: 1rem !important;}
.mt20 { margin-top: 2rem !important;}
.mt40 { margin-top: 4rem !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;}
.mr5 { margin-right: 0.5rem;}
.pr5 { padding-right: 0.5rem;}

.text-right { text-align: right;}
.text-left { text-align: left;}
.text-center { text-align: center;}

.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.7rem; line-height: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,0.15);}
.error-tips p { font-size: 0.7rem; line-height: 1rem; color: #333; }

/*操作提示弹出层*/
.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;}
.s-dialog-wrapper .s-dialog-close-btn{ position: absolute; right: -10px; top: -10px; width: 24px; height: 24px; background: #fff; border-radius: 12px; text-align: center; line-height: 20px; color: #ccc}
.s-dialog-wrapper img{ max-width: 100%;}
.s-dialog-content{ overflow: scroll;}
.s-dialog-content .dialog_video_msg{ display: none; padding-top:0.8rem;}

#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;}

/*默认顶部*/
header, 
.header { background: #F8F8F8; height: 1.95rem; position: absolute; z-index: 8; top: 0; left: 0; right: 0; bottom: auto; _border-bottom: solid 0.05rem #EEE; }
header.fixed { position: fixed; background: rgba(248,248,248,0.95); z-index: 9;}
.header-wrap { display: block; max-width: 320px; max-width: 640px; 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.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: 80%; height: 80%; margin: 10%; background-image: url(../images/home_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; opacity: 0.7; }
/*单一标题*/
.header-title { display: inline-block; margin: 0 auto; }
.header-title h1 { font-size: 0.8rem; line-height: 1.95rem; height: 1.95rem; }
/*模拟输入框*/
.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; display: inline-block; vertical-align: top; width: 1rem; height:1rem; margin: 0.2rem 0.1rem; background-image: url(../images/search_ico2.png); background-repeat: no-repeat; background-position: 90% 90%; background-size: 90%; opacity: 1; }
.header-inp .search-input { float: left; width: 6.5rem; height: 1rem; padding: 0.2rem 0; font-size: 0.7rem; line-height: 1rem; color: #BBB; vertical-align: top; border: none 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media(min-width: 414px){.header-inp .search-input{ width: 6.0rem;}}
.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 .header-search .header-inp{ float: right; top: 3px;}*/
/*顶部菜单*/
.top-fixed{ height: auto; width:100%; position: fixed; top: 0px; z-index: 100;}
.top-height{ height: 85px;}
.top-nav-wrap{ height:40px; max-width: 640px; margin: 0 auto; overflow:hidden;}
.top-nav{ height:50px; overflow-x:scroll; overflow-y:hidden; background: #fff;}
.top-nav ul{ width:100%;}
.top-nav li{ float:left; height:37px; line-height:36px;  width: 20%; text-align: center; overflow: hidden;}
.top-nav li a{ display: inline-block; width: 80%; box-sizing:border-box;}
.top-nav li.current{ }
.top-nav li.current a{ color: #383838; border-bottom:solid 3px #383838;}
.top-nav li a{ font-size: 0.7rem; color: #383838;}

.new_header{ box-sizing:border-box; width: 100%; height: 43px; padding:8px 15px; background: #fff; }
.new_header *{ box-sizing:border-box; color: #000;}
.new_header .header_left{ float: left; width: calc(100% - 34px); font-size: 0.6rem;}
.new_header .header_position{ float: left; min-width: 68px; padding: 3px 0 0 20px; line-height: 27px; margin-right: 10px; background: url(../images/position.png) 0px 6px no-repeat; background-size: 17px 17px;}
.new_header .header_search{ float: left; width: calc(100% - 78px);}
.new_header .header_search a{ display: block; width: 100%; height: 26px; border-radius: 15px; background: url(../images/search.png) 8px 5px no-repeat #e4e4e4; background-size: 16px 16px;}
.new_header .header_message{ float: right; width: 24px; padding-top:14px; margin-left: 10px; font-size: 12px; background: url(../images/message.png) 2px 0px no-repeat; background-size: 20px 14px;}


/*标题切换*/
.header-tab { display: inline-block; height: 1.4rem; margin: 0.275rem auto 0 auto; font-size: 0; border-radius: 0.2rem; }
.header-tab a { display: inline-block; height: 1.3rem; padding: 0 1rem; text-align: center; font-size: 0.68rem; color: #333; line-height: 1.3rem; border: solid 0.05rem #ED5564; }
.header-tab a:first-child { border-radius: 0.25rem 0 0 0.25rem; }
.header-tab a:last-child { border-radius: 0 0.25rem 0.25rem 0; }
.header-tab a.cur { color: #FFF; background-color: #ED5564; }

/*标题导航*/
.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: #333; }
.header-nav li.cur a { padding: 0.1rem 0.05rem 0 0.05rem; color: #ED5564; border-bottom: solid 0.1rem #ED5564; 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: #ED5564;}
.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: #ED5564; 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.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.search-btn { width: 2.5rem; height: 1.95rem; text-align: center; padding: 0; font-size: 0.7rem; 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;}

/*头部下拉菜单*/
.sxx-nav-layout { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; }
.sxx-nav-menu { display: block; position: absolute; top: 1.2rem; right: 0.2rem; width: 5rem; }
.sxx-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; }
.sxx-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; }
.sxx-nav-menu li { position: relative; z-index: 1; border-bottom: solid 0.05rem #999; }
.sxx-nav-menu li:last-child { border-bottom: none 0; }
.sxx-nav-menu li a { display: block; height: 0.9rem; padding: 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF; }
.sxx-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; }
.sxx-nav-menu li a i.message { background-image: url(../images/message_w.png); }
.sxx-nav-menu li a i.cart { background-image: url(../images/cart_w.png);}
.sxx-nav-menu li a i.home { background-image: url(../images/home_w.png);}
.sxx-nav-menu li a i.search { background-image: url(../images/search_w.png);}
.sxx-nav-menu li a i.categroy { background-image: url(../images/categroy_w.png);}
.sxx-nav-menu li a i.member { background-image: url(../images/member_w.png);}
.sxx-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: #ED5564; 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 { top: -0.05rem; right:  -0.05rem; width: 0.35rem; height: 0.35rem; background-color: #ED5564; border: solid 0.05rem #FFF; border-radius: 100%; }
.transparent .sxx-nav-menu .arrow { opacity: 0.55; }
.transparent .sxx-nav-menu ul { background: rgba(85,85,85,0.55); }
.transparent .sxx-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;
}
}
/*默认底部*/
footer { display: block; position: relative; z-index: 5;  left: 0; right: 0; width: 100%; padding-top: 0.5rem; }
.sxx-footer-wrap { position: relative; z-index: 5; bottom: 3.0rem; left: 0; right: 0; width: 100%; margin-top: 2.2rem; background-color: #F5F5F5; border-top: solid 1px #EEE; }
.sxx-footer-wrap .nav-text {background-color: #fff;  padding: 0.6rem 0; font-size: 0; text-align: center; border-bottom: solid 0.05rem #EEE; }
.sxx-footer-wrap .nav-text a { display: inline-block !important; width: 18%; height: 0.6rem; font-size: 0.6rem; line-height: 0.6rem; color: #555 !important; border-left: solid 0.05rem #EEE; }
.sxx-footer-wrap .nav-text a:first-child { border-left: 0; }
.sxx-footer-wrap .nav-pic { padding: 0.3rem 2rem; font-size: 0; text-align: center; border-bottom: solid 0.05rem #EEE; }
.sxx-footer-wrap .nav-pic a { display: inline-block !important; width: 33.33%; font-size: 0.45rem; color: #999 !important; text-align: center; }
.sxx-footer-wrap .nav-pic a.touch { color: #333 !important; }
.sxx-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%; }
.sxx-footer-wrap .nav-pic a.touch span { border-color: #555; }
.sxx-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;}
.sxx-footer-wrap .nav-pic a.app i { background-image: url(../images/foot_app.png);}
.sxx-footer-wrap .nav-pic a.touch i { background-image: url(../images/foot_touch.png); opacity: 0.8;}
.sxx-footer-wrap .nav-pic a.pc i { background-image: url(../images/foot_pc.png);}
.sxx-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) }
.sxx-footer-wrap .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 .sxx-footer-wrap { background-color: transparent; border: none; }

/*默认内容区域*/
.sxx-main-layout { display: block; margin-top: 2rem; background-color: #F5F5F5; }
.sxx-main-layout-a { display: block; position: absolute; 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;}

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


/*标签式导航*/
.sxx-tag-nav { background-color: #EEE; padding: 0.5rem 0.5rem 0 0.5rem;}
.sxx-tag-nav ul { font-size: 0; display: block;}
.sxx-tag-nav ul li { display: inline-block; background-color: #AAA; margin: 0 0.5rem 0.5rem 0; border-radius: 0.2rem;}
.sxx-tag-nav ul li.selected { background-color: #ED5564;}
.sxx-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;}


/*默认单行列表*/
.sxx-default-list-tit { font-size: 0.7rem; line-height: 1rem; padding: 0.5rem;}
.sxx-default-list { overflow: hidden; padding: 0 0 0 0.5rem; background-color: #FFF; border-top: solid 0.05rem #EEE; border-bottom: solid 0.05rem #EEE; }
.sxx-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 #EEE; }
.sxx-default-list li:first-child { border-top: none; }
.sxx-default-list li a { display: block; overflow: hidden; font-size: 0.65rem; color: #000; }
.sxx-default-list li h4 { float: left; margin-left: 0.3rem; font-size: 0.7rem; line-height: 1rem; color: #333; }
.sxx-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%; }
.sxx-default-list li h6 { float: left; clear: both; margin-left: 0.3rem; font-size: 0.55rem; line-height: 1rem; color: #888;}
.sxx-default-list li span.num { float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.sxx-default-list li span.tip { position: absolute; z-index: 1; top: 50%; right: 1.2rem; height: 0.9rem; margin-top: -0.4rem; font-size: 0.6rem; line-height: 0.9rem; color: #111;}
.sxx-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; }
.sxx-default-list li span.pics {float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.sxx-default-list li span.pics img { width: 1rem; height: 1rem;}

/*默认输入表单*/
.sxx-inp-con { display: block; clear: both;}
.sxx-inp-con ul { background: #FFF;}
.sxx-inp-con ul li { position: relative; z-index: 1; display: block; min-height: 1.95rem; margin-left: 0.5rem; background-color: #FFF; border-bottom: solid #EEE 0.05rem;}
.sxx-inp-con ul li:nth-last-child(1) { border-bottom: none 0; }
.sxx-inp-con ul li.upload-item { height: 2.55rem}
.sxx-inp-con ul li h4 { position: absolute; z-index: 1; top: 0; left: 0; width: 3rem; font-size: 0.6rem; line-height: 1.95rem; color: #444; text-align: right;}
.sxx-inp-con ul li .input-box { display: block; height: 1.95rem; margin: 0 0.5rem 0 3.5rem; position: relative; z-index: 1;}
.sxx-inp-con ul li.upload-item .input-box { height: 1.95rem; padding: 0.3rem 0;}
.sxx-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: #000;}
.sxx-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;}
.sxx-inp-con ul li .input-box.write .input-del { display: block;}
.sxx-inp-con ul li .input-box .checkbox { position: absolute; z-index: 1; top: 0.5rem; left: 0.5rem;}
.sxx-inp-con ul li .input-box .txt { margin: 0 0 0 1.5rem; font-size: 0.7rem; line-height: 1.95rem; color: #555;}
.sxx-inp-con ul li .input-box .note { position: absolute; z-index: 1; right: 0; top: 0.25rem; height: 1.6rem; text-align: right;}
.sxx-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;}
.sxx-inp-con ul li .input-box .note h6 { display: block; vertical-align: top; font-size: 0.55rem; color: #999; line-height: 0.8rem;}
.sxx-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*/}
.sxx-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;}
.sxx-inp-con .form-btn { margin-top: 1rem;}
.sxx-inp-con .form-btn .btn { display: inline-block; width: 90%; height: 1.8rem; padding: 0; margin: 0 5%; font-size: 0.8rem; line-height: 1.8rem; text-align: center; color: #888; background: #EEE; border: none; border-radius: 0.2rem; }
.sxx-inp-con .form-btn.ok .btn { color: #FFF !important; background: #ED5564;}
/*开关*/
.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.7rem !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);}


/*无数据信息为空提示*/
.sxx-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; }
.sxx-norecord .norecord-ico { display: inline-block; width: 2.2rem; height: 2.2rem; padding: 0.4rem; margin: 0 auto; background-color: #DDD; border-radius: 100%; }
.sxx-norecord .norecord-ico i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; }
.sxx-norecord dl { height: 2.75rem; margin-top: 0.75rem; }
.sxx-norecord dl dt { display: block; height: 1rem; margin-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.sxx-norecord dl dd { display: block; height: 1rem; margin-bottom: 0.5rem; font-size: 0.55rem; line-height: 1rem; color: #999; }
/*无数据提示图标*/
.sxx-norecord.search .norecord-ico i { background-image: url(../images/search_w.png);}
.sxx-norecord.cart .norecord-ico i { background-image: url(../images/cart_w.png);}
.sxx-norecord.eval .norecord-ico i { background-image: url(../images/mcc_04_w.png);}
.sxx-norecord.talk .norecord-ico i { background-image: url(../images/talk_w.png);}
.sxx-norecord.order .norecord-ico i { background-image: url(../images/order_w.png);}
.sxx-norecord.refund .norecord-ico i { background-image: url(../images/mcc_05_w.png);}/*退款、退货*/
.sxx-norecord.address .norecord-ico i { background-image: url(../images/address_w.png);}
.sxx-norecord.favorite-store .norecord-ico i { background-image: url(../images/store_w.png);}
.sxx-norecord.favorite-goods .norecord-ico i { background-image: url(../images/favorite_w.png);}
.sxx-norecord.views .norecord-ico i { background-image: url(../images/goods-browse_w.png);}
.sxx-norecord.signin .norecord-ico i { background-image: url(../images/mcc_04_w.png);}/*签到*/
.sxx-norecord.pdre .norecord-ico i { background-image: url(../images/mcc_06_w.png);}/*预存款*/
.sxx-norecord.recharge .norecord-ico i { background-image: url(../images/mcc_07_w.png)}/*充值卡*/
.sxx-norecord.voucher .norecord-ico i { background-image: url(../images/mcc_08_w.png);}/*代金券*/ 
.sxx-norecord.redpacket .norecord-ico i { background-image: url(../images/mcc_09_w.png);}/*红包*/ 
.sxx-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: 1.2rem; height: 1.2rem; padding: 0; font-size: 0.6rem; font-weight: lighter; line-height: 1.3rem; 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: #ED5564; color: #ED5564 !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: #ED5564; border-radius: 0.2rem; }

/*图片选择上传*/
.sxx-upload { display: inline-block; width: 1.94rem; height: 1.94rem; border: solid 0.05rem #EEE; border-radius: 0.1rem; vertical-align: top;}
.sxx-upload a { position: relative; z-index: 1; display: block; width: 100%; height: 100%;}
.sxx-upload span { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0;}
.sxx-upload .input-file { width: 100%; height: 100%; padding: 0; margin: 0; border: none 0; opacity:0; filter: alpha(opacity=0);}
.sxx-upload p { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent;}
.sxx-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;}
.sxx-upload .pic-thumb { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFFFFF; border-radius: 0.1rem;}
.sxx-upload .pic-thumb img { width: 95%; height: 95%; margin: 2.5%}
.sxx-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;}
.sxx-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);}

/*页面整体下拉缓冲*/
.scroller-body { top: 0; bottom: 60px; right: 0; left: 0; position: absolute; z-index: auto; }
.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-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;}

.footnav { min-width:320px; /*background:#080403;*/ background: #fff; bottom: 0; font-size: 0.28rem; height: 2.5rem; position: fixed; width: 100%; z-index: 6;}
.footnav ul { font-size: 0;}
.footnav ul li { vertical-align: top; display: inline-block; text-align: center; width: 20%; padding: 0.3rem 0 0.3rem 0;}
.footnav ul li a { display: block; position: relative;}
.footnav ul li a em { background-color: #ED5564; 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; opacity: 0.6;}
/*
.footnav ul li a.footnav-center{ position: absolute; width: 20%; height: 2.6rem; top:-1.0rem; border-radius: 50%; background: #080403;}
*/
i.home { background-image: url(../images/home_b.png); background-size: cover;}
i.categroy { background-image: url(../images/browse_list.png); background-size: cover;}
i.search { background-image: url(../images/search_ico.png); background-size: cover;}
i.cart { background-image: url(../images/cart_b.png); background-size: cover;}
i.member { background-image: url(../images/member_b.png); background-size: cover;}
i.hdcenter { background-image: url(../images/hd_ico.png); background-size: cover;}
.footnav ul li p { font-size: 0.55rem; color: #7a7a7a; line-height: 1rem; height: 1rem;}
.footnav ul li a.footnav-center i.zb{ background-image: url(../images/zb_ico.png); background-size: cover; }
/*
.footnav ul li a.footnav-center i.zb{ width: 1.7rem; height: 1.7rem; margin-top:0.6rem; background-image: url(../images/zb_ico.png); background-size: cover; opacity: 0.5;}
.footnav ul li a.footnav-center p{ margin-top: 1px; opacity: 0.9;}
*/

/*文章*/
#article-content { font-size: 0.7rem;  background:#fff;padding: 10px;min-width: 320px; min-height:320px; margin: 0 auto; overflow: hidden;}
.article_type { padding-top:30px; color: #6d6d6d;line-height: 40px;height: 40px;display: block;text-align: center; width:100%;font-size: 20px;font-weight:bold;}
.article-list { margin-top:1.95rem;}
.article-list, .article-class {padding: 1px 0px 0px;}
.article-list, .article-class {}
.article-list-item, .article-class-item {padding-right: 50px; padding-left:10px; border-bottom:1px dotted #ded6c9;}
.article-list-item a, .article-class-item a{display: block;color: #6d6d6d; line-height: 40px;}
.article-list-item, .article-class-item{cursor:pointer;font-size: 14px;position: relative;}
.article-title {color: #6d6d6d;line-height: 40px;height: 40px;display: block;text-align: center; width:100%;font-size: 20px;font-weight:bold; font-weight:bolder; text-align:center; font-size: 0.8rem; }

@charset "utf-8";#scroller,:not(input){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:none}#scroller ul,li,ol,ul{list-style:none}.new_header,.new_header *,.top-nav li a{box-sizing:border-box}html{font-size:20px;-ms-touch-action:none}@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}}body{font-family:Heiti,Heiti SC,DroidSans,DroidSansFallback,Arial,"Microsoft YaHei";background-color:#FFF}input{font-family:Arial,"Microsoft YaHei",sans-serif}a{text-decoration:none;-webkit-touch-callout:none}a,blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,iframe,img{border:0}:focus,button:focus,input:focus,select:focus,textarea:focus{outline:0}address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{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[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[type=checkbox]{position:relative;width:.75rem;height:.75rem;background-color:#F5F5F5;border:.05rem solid #CCC;-webkit-border-radius:50%;border-radius:50%;vertical-align:middle}input[type=checkbox]:checked{border-color:#ED5564;background-color:#ED5564}input[type=checkbox]:checked:after{content:'';position:absolute;left:.1rem;top:.14rem;width:.4rem;height:.2rem;border-left:.065rem solid #fff;border-bottom:.065rem solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}sup{vertical-align:text-top}sub{vertical-align:text-bottom}.header-inp .icon,.header-nav,.header-nav li,.header-r a{vertical-align:top}.hide{display:none!important}.show{display:block!important}.clearfix{zoom:1}.clearfix:after{display:block;clear:both;content:'\20'}.posr{position:relative!important}.posa{position:absolute;z-index:auto}.error-tips,.posf,.s-dialog-mask{position:fixed}.w20h li{width:20%}.w33h li{width:33.33%}.w50h li{width:50%}.mt5{margin-top:.5rem!important}.mt10{margin-top:1rem!important}.mt20{margin-top:2rem!important}.mt40{margin-top:4rem!important}.mr2{margin-right:.2rem}.mb5{margin-bottom:.5rem!important}.mb20{margin-bottom:2rem!important}.mb-20{margin-bottom:-2rem!important}.mb25{margin-bottom:2.5rem!important}.pl5{padding-left:.5rem}.pb5{padding-bottom:.5rem}.bgc-t{background-color:transparent!important}.mr5{margin-right:.5rem}.pr5{padding-right:.5rem}.text-right{text-align:right}.text-left{text-align:left}.error-tips,.s-dialog-btn-wapper a,.s-dialog-content,.text-center{text-align:center}.opera-tips{color:#D9434E;font-size:14px}.error-tips,.error-tips p{font-size:.7rem;line-height:1rem;color:#333}.error-tips{display:none;background-color:rgba(255,255,255,.95);border:.05rem solid #CCC;padding:.8rem .6rem;border-radius:.2rem;z-index:9999;top:40%;left:25%;right:25%;box-shadow:0 0 1rem rgba(0,0,0,.15)}.s-dialog-mask{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,.75)}.s-dialog-wrapper{position:fixed;z-index:9999;max-width:12rem;min-width:10rem;border-radius:.2rem}.s-dialog-skin-block,.s-dialog-skin-green,.s-dialog-skin-red{background-color:rgba(255,255,255,.9);border:.05rem solid #000}.s-dialog-content{padding:.8rem .6rem;font-size:.75rem;line-height:.9rem;overflow:scroll}.s-dialog-skin-block .s-dialog-content,.s-dialog-skin-green .s-dialog-content,.s-dialog-skin-red .s-dialog-content{color:#000}.s-dialog-content h6{display:block;font-size:.55rem;line-height:.9rem;color:#333}.s-dialog-btn-wapper{display:block;padding:.6rem 0;border-top:solid .05rem rgba(0,0,0,.15);font-size:0}.s-dialog-btn-wapper a{display:inline-block;width:49%;font-size:.7rem;font-weight:600;line-height:.9rem;color:#0080FF}.s-dialog-btn-wapper a:last-child{border-left:solid .05rem rgba(0,0,0,.15)}.s-dialog-skin-block .s-dialog-btn-wapper a{color:#0080FF}.s-dialog-wrapper .s-dialog-close-btn{position:absolute;right:-10px;top:-10px;width:24px;height:24px;background:#fff;border-radius:12px;text-align:center;line-height:20px;color:#ccc}.s-dialog-wrapper img{max-width:100%}.s-dialog-content .dialog_video_msg{display:none;padding-top:.8rem}#scroller{position:absolute;z-index:1;width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}#scroller ul{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}.header,.header-l,header{height:1.95rem;top:0;left:0}.fixed-Width{min-width:320px;max-width:640px;margin:0 auto}.header,header{background:#F8F8F8;position:absolute;z-index:8;right:0;bottom:auto}header.fixed{position:fixed;background:rgba(248,248,248,.95);z-index:9}.header-l a i.back,.header-l a i.close,.header-l a i.set{background-repeat:no-repeat;background-size:100%}.header-wrap{display:block;max-width:320px;max-width:640px;margin:0 auto;text-align:center}.header-l{display:block;width:1.95rem;position:absolute}.header-l a{position:relative;z-index:1;display:inline-block;width:1rem;height:1rem;padding:.4775rem}.header-l a i{display:block;width:100%;height:100%}.header-l a i.back,.header-l a i.close,.header-l a i.home{width:80%;height:80%;margin:10%;background-position:50% 50%}.header-l a i.back{background-image:url(../images/arrow_left_b.png);opacity:.75}.header-l a i.close{background-image:url(../images/close_window.png);opacity:.75}.header-l a i.set{background-image:url(../images/set_b.png);background-position:50% 50%;opacity:.65}.header-inp .icon,.header-l a i.home{background-size:90%;background-repeat:no-repeat}.header-l a i.home{background-image:url(../images/home_b.png);opacity:.7}.header-title{display:inline-block;margin:0 auto}.header-title h1{font-size:.8rem;line-height:1.95rem;height:1.95rem}.header-inp{position:relative;display:block;height:1.4rem;border:.05rem solid #DEDEDE;border-radius:.2rem;margin:.275rem 2.5rem 0 2rem;background-color:#FFF;text-align:left}.header-inp .icon{float:left;display:inline-block;width:1rem;height:1rem;margin:.2rem .1rem;background-image:url(../images/search_ico2.png);background-position:90% 90%;opacity:1}.header-inp .search-input{float:left;width:6.5rem;height:1rem;padding:.2rem 0;font-size:.7rem;line-height:1rem;color:#BBB;vertical-align:top;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:414px){.header-inp .search-input{width:6rem}}.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:.2}.top-fixed,.top-nav ul{width:100%}.header-inp.write .search-input{color:#111}.header-inp.write .input-del{display:block}.top-fixed{height:auto;position:fixed;top:0;z-index:100}.top-height{height:85px}.top-nav-wrap{height:40px;max-width:640px;margin:0 auto;overflow:hidden}.top-nav{height:50px;overflow-x:scroll;overflow-y:hidden;background:#fff}.top-nav li{float:left;height:37px;line-height:36px;width:20%;text-align:center;overflow:hidden}.top-nav li a{display:inline-block;width:80%;font-size:.7rem;color:#383838}.top-nav li.current a{color:#383838;border-bottom:solid 3px #383838}.new_header{width:100%;height:43px;padding:8px 15px;background:#fff}.new_header *{color:#000}.new_header .header_left{float:left;width:calc(100% - 34px);font-size:.6rem}.new_header .header_position{float:left;min-width:68px;padding:3px 0 0 20px;line-height:27px;margin-right:10px;background:url(../images/position.png) 0 6px no-repeat;background-size:17px 17px}.new_header .header_search{float:left;width:calc(100% - 78px)}.new_header .header_search a{display:block;width:100%;height:26px;border-radius:15px;background:url(../images/search.png) 8px 5px no-repeat #e4e4e4;background-size:16px 16px}.header-nav,.header-nav li,.header-nav li a,.header-tab,.header-tab a{display:inline-block}.new_header .header_message{float:right;width:24px;padding-top:14px;margin-left:10px;font-size:12px;background:url(../images/message.png) 2px 0 no-repeat;background-size:20px 14px}.header-r a i.more,.header-r a i.refresh{background-repeat:no-repeat;background-position:50% 50%}.header-tab{height:1.4rem;margin:.275rem auto 0;font-size:0;border-radius:.2rem}.header-tab a{height:1.3rem;padding:0 1rem;text-align:center;font-size:.68rem;color:#333;line-height:1.3rem;border:.05rem solid #ED5564}.header-tab a:first-child{border-radius:.25rem 0 0 .25rem}.header-tab a:last-child{border-radius:0 .25rem .25rem 0}.header-tab a.cur{color:#FFF;background-color:#ED5564}.header-nav{margin:0 auto;font-size:0;white-space:nowrap}.header-nav li{text-align:center;height:1.95rem}.header-nav li a{padding:.1rem .25rem;margin:0 .5rem;font-size:.7rem;line-height:1.825rem;color:#333}.header-nav li.cur a{padding:.1rem .05rem 0;color:#ED5564;border-bottom:solid .1rem #ED5564;font-size:.8rem;font-weight:600}.header-r{position:absolute;z-index:1;top:0;right:0;font-size:0;text-align:right}.header-r a,.header-r a.text{position:relative;display:inline-block;height:.95rem;z-index:1}.header-r a.text{white-space:nowrap;width:1.6rem;padding:.6rem .7rem .4rem 0;font-size:.7rem;line-height:.975rem;color:#ED5564}.header-r a{width:.95rem;padding:.5rem}.header-r a i{display:block;width:100%;height:100%}.header-r a sup{display:none;position:absolute;z-index:1;top:.3rem;right:.3rem;width:.36rem;height:.36rem;background-color:#ED5564;border-radius:100%}.header-r a i.more{background-image:url(../images/more_b.png);background-size:100%;opacity:.65}.header-r a i.refresh{background-image:url(../images/reload_b.png);background-size:85%;opacity:.6}.header-r a i.add,.header-r a i.save{background-size:80%;opacity:.65;background-repeat:no-repeat;background-position:50% 50%}.header-r a i.add{background-image:url(../images/value_add.png)}.header-r a i.save{background-image:url(../images/save_b.png)}.header-r a.search-btn{width:2.5rem;height:1.95rem;text-align:center;padding:0;font-size:.7rem;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:.7}.sxx-nav-layout{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent}.sxx-nav-menu{display:block;position:absolute;top:1.2rem;right:.2rem;width:5rem}.sxx-nav-menu .arrow{display:block;float:right;width:0;height:0;margin-right:.4rem;font-size:0;line-height:0;border-width:.4rem;border-color:transparent transparent rgba(85,85,85,.95);border-style:dashed dashed solid}.sxx-nav-menu ul{display:block;clear:both;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');background:rgba(85,85,85,.95);border-radius:.2rem}.sxx-nav-menu li a i,.transparent .header-l a i.set,.transparent .header-r a i.more{background-position:50% 50%;background-repeat:no-repeat;background-size:100%}.sxx-nav-menu li{position:relative;z-index:1;border-bottom:solid .05rem #999}.sxx-nav-menu li:last-child{border-bottom:none 0}.sxx-nav-menu li a{display:block;height:.9rem;padding:.5rem;font-size:.6rem;line-height:.9rem;color:#FFF}.sxx-nav-menu li a i{display:inline-block;width:.72rem;height:.72rem;vertical-align:middle;margin-right:.3rem}.sxx-nav-menu li a i.message{background-image:url(../images/message_w.png)}.sxx-nav-menu li a i.cart{background-image:url(../images/cart_w.png)}.sxx-nav-menu li a i.home{background-image:url(../images/home_w.png)}.sxx-nav-menu li a i.search{background-image:url(../images/search_w.png)}.sxx-nav-menu li a i.categroy{background-image:url(../images/categroy_w.png)}.sxx-nav-menu li a i.member{background-image:url(../images/member_w.png)}.sxx-nav-menu li sup{display:none;position:absolute;z-index:1;top:.5rem;right:.5rem;width:.36rem;height:.36rem;background-color:#ED5564;border-radius:100%}.transparent{background-color:transparent;border-bottom:none}.transparent .header-l a i.set{background-image:url(../images/set_w.png);opacity:1}.transparent .header-nav,.transparent .header-title{display:none}.transparent .header-r a i.more{background-image:url(../images/more_w.png);opacity:1}.transparent .header-r a sup{top:-.05rem;right:-.05rem;width:.35rem;height:.35rem;background-color:#ED5564;border:.05rem solid #FFF;border-radius:100%}.sxx-footer-wrap,footer{position:relative;z-index:5;width:100%;right:0;left:0}.transparent .sxx-nav-menu .arrow{opacity:.55}.transparent .sxx-nav-menu ul{background:rgba(85,85,85,.55)}.transparent .sxx-nav-menu ul li{border-bottom-color:#CCC}header.posf{animation:headerFixed .5s ease-in-out;-webkit-animation:headerFixed .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}}footer{display:block;padding-top:.5rem}.sxx-footer-wrap{bottom:3rem;margin-top:2.2rem;background-color:#F5F5F5;border-top:solid 1px #EEE}.sxx-footer-wrap .nav-text{background-color:#fff;padding:.6rem 0;font-size:0;text-align:center;border-bottom:solid .05rem #EEE}.sxx-footer-wrap .nav-text a{display:inline-block!important;width:18%;height:.6rem;font-size:.6rem;line-height:.6rem;color:#555!important;border-left:solid .05rem #EEE}.sxx-footer-wrap .nav-text a:first-child{border-left:0}.sxx-footer-wrap .nav-pic{padding:.3rem 2rem;font-size:0;text-align:center;border-bottom:solid .05rem #EEE}.sxx-footer-wrap .nav-pic a{display:inline-block!important;width:33.33%;font-size:.45rem;color:#999!important;text-align:center}.sxx-footer-wrap .nav-pic a.touch{color:#333!important}.sxx-footer-wrap .nav-pic a span{display:inline-block;width:1.2rem;height:1.2rem;margin:0 auto;padding:.15rem;border:1px solid #CCC;border-radius:100%}.sxx-footer-wrap .nav-pic a.touch span{border-color:#555}.sxx-footer-wrap .nav-pic a i{display:block;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:80%;opacity:.4}.sxx-footer-wrap .nav-pic a.app i{background-image:url(../images/foot_app.png)}.sxx-footer-wrap .nav-pic a.touch i{background-image:url(../images/foot_touch.png);opacity:.8}.sxx-footer-wrap .nav-pic a.pc i{background-image:url(../images/foot_pc.png)}.sxx-footer-wrap .copyright{height:1.6rem;font-size:.45rem;line-height:1.6rem;color:#555;text-align:center;text-shadow:1px 1px 0 rgba(255,255,255,1)}.sxx-footer-wrap .copyright a{display:inline-block!important;margin:0 .05rem;font-size:.45rem;font-weight:600;color:#555}footer.bottom .nav-pic,footer.bottom .nav-text{display:none}footer.bottom .sxx-footer-wrap{background-color:transparent;border:none}.sxx-main-layout{display:block;margin-top:2rem;background-color:#F5F5F5}.sxx-main-layout-a{display:block;position:absolute;top:4rem;right:0;left:0;bottom:0;overflow:hidden;z-index:1}.special-tips{display:block;padding:.4rem 5%}.special-tips p{font-size:.55rem;line-height:.7rem;padding:.2rem .4rem;background:#AAA;color:#FFF;border-radius:.5rem}.sxx-single-nav{display:block;width:98%;height:1.95rem;padding:0 1%;background:#FFF;border-bottom:solid .05rem #EEE}.sxx-default-list li h4 i,.sxx-single-nav ul li a i{background-position:50% 50%;background-repeat:no-repeat}.sxx-single-nav ul{display:block;font-size:0;white-space:nowrap;overflow:visible!important}.sxx-single-nav ul li{display:inline-block;vertical-align:top;text-align:center;height:1.95rem;padding:0!important}.sxx-single-nav ul li a{display:inline-block;padding:.1rem .05rem;font-size:.6rem;line-height:1.85rem;color:#333}.sxx-single-nav ul li a i{display:inline-block;width:1rem;height:1rem;vertical-align:middle;margin-right:.1rem;background-size:70%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:1}.sxx-single-nav ul li.selected a{padding:.1rem .05rem 0;color:#ED5564;border-bottom:solid .1rem #ED5564!important}.sxx-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}.sxx-single-nav.fixed{background-color:rgba(248,248,248,.95);position:fixed;z-index:3;top:2rem;left:0;right:0}.sxx-tag-nav{background-color:#EEE;padding:.5rem .5rem 0}.sxx-tag-nav ul{font-size:0;display:block}.sxx-tag-nav ul li{display:inline-block;background-color:#AAA;margin:0 .5rem .5rem 0;border-radius:.2rem}.sxx-tag-nav ul li.selected{background-color:#ED5564}.sxx-tag-nav ul li a{display:block;height:.9rem;padding:.2rem .5rem;font-size:.6rem;line-height:.9rem;color:#FFF}.sxx-default-list-tit{font-size:.7rem;line-height:1rem;padding:.5rem}.sxx-default-list{overflow:hidden;padding:0 0 0 .5rem;background-color:#FFF;border-top:solid .05rem #EEE;border-bottom:solid .05rem #EEE}.sxx-default-list li{position:relative;z-index:1;display:block;clear:both;overflow:hidden;padding:.5rem 0;line-height:1rem;border-top:solid .05rem #EEE}.sxx-default-list li:first-child{border-top:none}.sxx-default-list li a{display:block;overflow:hidden;font-size:.65rem;color:#000}.sxx-default-list li h4{float:left;margin-left:.3rem;font-size:.7rem;line-height:1rem;color:#333}.sxx-default-list li h4 i{display:inline-block;vertical-align:top;margin-right:.2rem;width:.9rem;height:.9rem;opacity:.5;background-size:80%}.sxx-default-list li h6{float:left;clear:both;margin-left:.3rem;font-size:.55rem;line-height:1rem;color:#888}.sxx-default-list li span.num{float:right;margin-right:1.2rem;font-size:.6rem;line-height:1rem}.sxx-default-list li span.tip{position:absolute;z-index:1;top:50%;right:1.2rem;height:.9rem;margin-top:-.4rem;font-size:.6rem;line-height:.9rem;color:#111}.sxx-default-list li span.arrow-r{position:absolute;z-index:1;top:50%;right:.5rem;display:block;width:.6rem;height:.6rem;margin-top:-.3rem;background-image:url(../images/arrow_right_b.png);background-repeat:no-repeat;background-size:90%;opacity:.65}.sxx-default-list li span.pics{float:right;margin-right:1.2rem;font-size:.6rem;line-height:1rem}.sxx-default-list li span.pics img{width:1rem;height:1rem}.sxx-inp-con{display:block;clear:both}.sxx-inp-con ul{background:#FFF}.sxx-inp-con ul li{position:relative;z-index:1;display:block;min-height:1.95rem;margin-left:.5rem;background-color:#FFF;border-bottom:solid #EEE .05rem}.sxx-inp-con ul li:nth-last-child(1){border-bottom:none 0}.sxx-inp-con ul li.upload-item{height:2.55rem}.sxx-inp-con ul li h4{position:absolute;z-index:1;top:0;left:0;width:3rem;font-size:.6rem;line-height:1.95rem;color:#444;text-align:right}.sxx-inp-con ul li .input-box{display:block;height:1.95rem;margin:0 .5rem 0 3.5rem;position:relative;z-index:1}.sxx-inp-con ul li.upload-item .input-box{height:1.95rem;padding:.3rem 0}.sxx-inp-con ul li .input-box .inp{width:100%;min-height:.95rem;padding:.5rem 0;border:0;font-size:.6rem;line-height:.95rem;color:#000}.sxx-inp-con ul li .input-box .input-del{position:absolute;z-index:1;top:.5rem;right:.5rem;display:none;width:.975rem;height:.975rem;background-image:url(../images/cancel_b.png);background-repeat:no-repeat;background-position:50% 50%;background-size:60%;opacity:.4}.sxx-inp-con ul li .input-box.write .input-del{display:block}.sxx-inp-con ul li .input-box .checkbox{position:absolute;z-index:1;top:.5rem;left:.5rem}.sxx-inp-con ul li .input-box .txt{margin:0 0 0 1.5rem;font-size:.7rem;line-height:1.95rem;color:#555}.sxx-inp-con ul li .input-box .note{position:absolute;z-index:1;right:0;top:.25rem;height:1.6rem;text-align:right}.sxx-inp-con ul li .input-box .note em{display:block;vertical-align:top;font-size:.6rem;font-weight:600;color:#36BC9B;line-height:.8rem}.sxx-inp-con ul li .input-box .note h6{display:block;vertical-align:top;font-size:.55rem;color:#999;line-height:.8rem}.sxx-inp-con ul li .input-box .select{width:95%;height:1.95rem;margin:0;font-size:.55rem;background-color:transparent;line-height:1.95rem;border:0;appearance:none;-webkit-appearance:none}.sxx-inp-con ul li .input-box .arrow-down{position:absolute;z-index:1;top:.5rem;right:0;display:block;width:.975rem;height:.975rem;background-image:url(../images/arrow_down_b.png);background-repeat:50% 50%;background-size:50%;opacity:.5}.sxx-inp-con .form-btn{margin-top:1rem}.sxx-inp-con .form-btn .btn{display:inline-block;width:90%;height:1.8rem;padding:0;margin:0 5%;font-size:.8rem;line-height:1.8rem;text-align:center;color:#888;background:#EEE;border:none;border-radius:.2rem}.sxx-inp-con .form-btn.ok .btn{color:#FFF!important;background:#ED5564}.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:.7rem!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:.9rem;margin:0 .2rem;border:.05rem solid #DDD;border-radius:.5rem}.btn,.sxx-upload,.value-box span{vertical-align:top}.input-box label .power i{position:absolute;z-index:1;top:0;left:0;width:.9rem;height:.9rem;background-color:#FFF;border-radius:100%;box-shadow:.05rem .1rem .25rem rgba(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:-.05rem .1rem .25rem rgba(0,0,0,.3)}.sxx-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}.sxx-norecord .norecord-ico{display:inline-block;width:2.2rem;height:2.2rem;padding:.4rem;margin:0 auto;background-color:#DDD;border-radius:100%}.sxx-norecord .norecord-ico i{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:80%}.value-box span.add a,.value-box span.minus a{background-repeat:50% 50%;background-size:100%}.sxx-norecord dl{height:2.75rem;margin-top:.75rem}.sxx-norecord dl dd,.sxx-norecord dl dt{display:block;height:1rem;line-height:1rem}.sxx-norecord dl dt{margin-bottom:.25rem;font-size:.75rem}.sxx-norecord dl dd{margin-bottom:.5rem;font-size:.55rem;color:#999}.sxx-norecord.search .norecord-ico i{background-image:url(../images/search_w.png)}.sxx-norecord.cart .norecord-ico i{background-image:url(../images/cart_w.png)}.sxx-norecord.eval .norecord-ico i{background-image:url(../images/mcc_04_w.png)}.sxx-norecord.talk .norecord-ico i{background-image:url(../images/talk_w.png)}.sxx-norecord.order .norecord-ico i{background-image:url(../images/order_w.png)}.sxx-norecord.refund .norecord-ico i{background-image:url(../images/mcc_05_w.png)}.sxx-norecord.address .norecord-ico i{background-image:url(../images/address_w.png)}.sxx-norecord.favorite-store .norecord-ico i{background-image:url(../images/store_w.png)}.sxx-norecord.favorite-goods .norecord-ico i{background-image:url(../images/favorite_w.png)}.sxx-norecord.views .norecord-ico i{background-image:url(../images/goods-browse_w.png)}.sxx-norecord.signin .norecord-ico i{background-image:url(../images/mcc_04_w.png)}.sxx-norecord.pdre .norecord-ico i{background-image:url(../images/mcc_06_w.png)}.sxx-norecord.recharge .norecord-ico i{background-image:url(../images/mcc_07_w.png)}.sxx-norecord.voucher .norecord-ico i{background-image:url(../images/mcc_08_w.png)}.sxx-norecord.redpacket .norecord-ico i{background-image:url(../images/mcc_09_w.png)}.sxx-single-nav .area li{width:33.33%}.value-box{display:inline-block;float:right;font-size:0;border:.05rem solid #CCC;border-radius:.2rem}.btn,.value-box span .buy-num{font-size:.6rem;text-align:center}.value-box span{display:inline-block;line-height:0}.value-box span a{display:block;width:.4rem;height:.4rem;margin:.4rem;opacity:.65}.value-box span.add{background-color:#FAFAFA;border-radius:0 .2rem .2rem 0}.value-box span.minus{background-color:#FAFAFA;border-radius:.2rem 0 0 .2rem}.value-box span.add a{background-image:url(../images/value_add.png)}.value-box span.minus a{background-image:url(../images/value_minus.png)}.value-box span .buy-num{width:1.2rem;height:1.2rem;padding:0;font-weight:lighter;line-height:1.3rem;border:solid #CCC;border-width:0 .05rem;border-radius:0}.btn{display:inline-block!important;height:1.1rem;padding:0 .3rem;margin:0 auto;color:#555!important;line-height:1.1rem;background-color:#FFF;border:1px solid #CCC;border-radius:.15rem}.btn-l,.sxx-upload{display:inline-block}.btn.key{border-color:#ED5564;color:#ED5564!important;font-weight:600}.btn-l{width:90%;margin:0 5%;font-size:.8rem;line-height:1.8rem;text-align:center;color:#FFF;background:#ED5564;border-radius:.2rem}.sxx-upload{width:1.94rem;height:1.94rem;border:.05rem solid #EEE;border-radius:.1rem}.sxx-upload a{position:relative;z-index:1;display:block;width:100%;height:100%}.sxx-upload span{position:absolute;z-index:3;left:0;top:0;bottom:0;right:0}.sxx-upload .input-file{width:100%;height:100%;padding:0;margin:0;border:0;opacity:0;filter:alpha(opacity=0)}.sxx-upload .pic-thumb,.sxx-upload .upload-loading{position:absolute;bottom:0;right:0;border-radius:.1rem;top:0;left:0}.sxx-upload p{position:absolute;z-index:1;left:0;top:0;bottom:0;right:0;background-color:transparent}.sxx-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:.25}.sxx-upload .pic-thumb{z-index:2;background-color:#FFF}.sxx-upload .pic-thumb img{width:95%;height:95%;margin:2.5%}.sxx-upload .upload-loading{z-index:4;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,.25)}.sxx-upload .upload-loading i{display:block;width:100%;height:5%;margin:93% 0 2%;background:#4FC0E8;animation:optionLoading .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:.5rem;bottom:2.5rem}.fix-block-r a{display:block;width:1.95rem;height:1.95rem;background:rgba(255,255,255,.85);border-radius:100%;border:.05rem solid #EEE}.fix-block-r a i{width:100%;height:100%;display:block;background-position:50% 50%;background-repeat:no-repeat;background-size:60%;opacity:.5}.spinner,.spinner i,.spinner i:after{width:1em;height:1em}.fix-block-r a.gotop-btn{margin-top:.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)}.scroller-body{top:0;bottom:60px;right:0;left:0;position:absolute;z-index:auto}.scroller-more{z-index:179}.loading{text-align:center;display:block;padding:1rem 0;font-size:.55rem;color:#666}.spinner{display:inline-block;vertical-align:middle;margin-right:.4em;font-size: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);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(0)}100%{transform:rotate(180deg)}}@-webkit-keyframes spinner-circle-clipper{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(180deg)}}.spinner i:after{position:absolute;clip:rect(0,1em,1em,.5em);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,.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:.55rem;color:#666;top:50%;left:50%;margin:-.5rem 0 0 -3rem}.footnav{min-width:320px;background:#fff;bottom:0;font-size:.28rem;height:2.5rem;position:fixed;width:100%;z-index:6}i.cart,i.categroy,i.hdcenter,i.home,i.member,i.search{background-size:cover}.footnav ul{font-size:0}.footnav ul li{vertical-align:top;display:inline-block;text-align:center;width:20%;padding:.3rem 0}.footnav ul li a{display:block;position:relative}.footnav ul li a em{background-color:#ED5564;width:.3rem;height:.3rem;border-radius:100%;position:absolute;top:-.15rem;right:.85rem}.footnav ul li i{vertical-align:top;display:inline-block;width:1rem;height:1rem;margin:0 auto .1rem;opacity:.6}i.home{background-image:url(../images/home_b.png)}i.categroy{background-image:url(../images/browse_list.png)}i.search{background-image:url(../images/search_ico.png)}i.cart{background-image:url(../images/cart_b.png)}i.member{background-image:url(../images/member_b.png)}i.hdcenter{background-image:url(../images/hd_ico.png)}.footnav ul li p{font-size:.55rem;color:#7a7a7a;line-height:1rem;height:1rem}.article-title,.article_type{color:#6d6d6d;line-height:40px;height:40px;display:block;width:100%;font-weight:700;text-align:center}.footnav ul li a.footnav-center i.zb{background-image:url(../images/zb_ico.png);background-size:cover}#article-content{font-size:.7rem;background:#fff;padding:10px;min-width:320px;min-height:320px;margin:0 auto;overflow:hidden}.article_type{padding-top:30px;font-size:20px}.article-list{margin-top:1.95rem}.article-class,.article-list{padding:1px 0 0}.article-class-item,.article-list-item{padding-right:50px;padding-left:10px;border-bottom:1px dotted #ded6c9;cursor:pointer;font-size:14px;position:relative}.article-class-item a,.article-list-item a{display:block;color:#6d6d6d;line-height:40px}.article-title{font-weight:bolder;font-size:.8rem}

/* 拼团 */
.fontHe {
 font-family: "Hevitica";
}
.mb60 {
 margin-bottom: 60px;
}
/* 文本超过出现省略号 */
.text-over {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.sales-num {
 color: #032ab3;
}
.goods-info-box {
 margin-bottom: 10px;
 padding: 10px 15px;
 background-color: #fff;
 color: #666;
 line-height: 20px;
}
.goods-info-box .goods-name {
 font-size: 14px;
 color: #333;
}
.goods-info-box .sub-info {
 display: flex;
 justify-content: space-between;
 margin: 5px auto 8px;
 font-size: 14px;
}
.spell-prices {
 margin: 8px auto;
 font-size: 13px;
 color: #666;
}
.spell-prices .spell-price {
 padding: 0 5px;
 color: #fa0404;
 font-size: 20px;
}
.spell-prices .spell-price::before {
 content: "￥";
 font-size: 12px;
}
.spell-prices .spell-old-price {
 font-size: 15px;
 text-decoration: line-through;
}

.goods-info-box .no-arrord {
 color: #fa0404;
 font-size: 15px;
}

/*.goods-pic {
 overflow: hidden;
 padding: 15px 0;
 background-color: #fff;
 border-bottom: 1px solid #ddd;
 max-height: 400px;
}
.goods-pic img {
 display: block;
 max-width: 100%;
 height: auto;
 margin: 0 auto;
}*/
.rush-goods {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 padding: 5px 15px;
 background-color: #fc6b6b;
 color: #fff;
 font-size: 12px;
}
.rush-goods .fontHe {
 font-size: 15px;
}
.rush-price {
 margin-bottom: 10px;
 font-size: 12px;
 color: #999;
}
.rush-price .price-num {
 color: #fa0404;
}
.rush-price .old-num {
 margin-left: 5px;
 font-size: 15px;
 color: #999;
 text-decoration: line-through;
}
.rush-progress {
 padding: 10px 15px;
 margin: 0 -15px;
}

.spell-box {
 margin-bottom: 10px;
 background-color: #fff;
}
.spell-title {
 display: flex;
 justify-content: space-between;
 padding: 13px 15px;
 font-size: 13px;
 color: #333;
}
.spell-title .more-spell {
 color: #999;
 font-size: 12px;
 padding-right: 18px;
 background: url('../images/spell_right.png') right center / 14px 14px no-repeat;
}

.spell-list {
 padding: 10px 15px;
}
.spell-list li {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
 width: 100%;
 margin-bottom: 10px;
}
.spell-list li:last-child {
 margin-bottom: 0;
}
.spell-list .spell-people {
 display: flex;
 align-items: center;
 font-size: 13px;
 color: #333;
}
.spell-list .spell-people .avatar {
 display: block;
 margin-right: 10px;
 width: 40px;
 height: 40px;
 border-radius: 50%;
}
.spell-list .spell-progress {
 display: flex;
 align-items: center;
}
.spell-list .spell-progress .sp-title {
 font-size: 12px;
}
.spell-list .spell-progress .sp-title span {
 color: #fa0404;
}
.spell-list .spell-progress .remaining-time {
 font-size: 10px;
 color: #999;
}
.join-spell {
 display: block;
 margin-left: 10px;
 width: 70px;
 height: 30px;
 line-height: 30px;
 background-color: #fa0404;
 color: #fff;
 font-size: 15px;
 text-align: center;
 border-radius: 4px;
}
.current-spelling-modal {
 position: fixed;top: 0;left: 0;z-index: 19;
 width: 100%; height: 100%;
 background-color: rgba(0,0,0,.4);
 display: flex; justify-content: center;
 align-items: center;
}
.spelling-list {
 width: 76%;
 margin: auto;
 background-color: #fff;
}
.spelling-title {
 position: relative;
 width: 100%;
 height: 44px;
 line-height: 44px;
 background: url('../images/spell_close.png') right 10px center / 20px 20px no-repeat;
 background-color: #eee;
 text-align: center;
 font-size: 14px;
}

.spelling-main {
 overflow-y: scroll;
 width: 100%;
 max-height: 386px;
}
.spelling-main li {
 display: flex;
 justify-content: space-between;
 padding: 10px 5px;
 flex-wrap: wrap;
}
.spelling-main .spelling-left {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}
.spelling-main .spelling-left .avatar {
 display: block;
 width: 40px;
 height: 40px;
 border-radius: 50%;
}
.spelling-main .spelling-left .info {
 margin-left: 10px;
 font-size: 12px;
 color: #999;
 line-height: 18px;
}
.spelling-main .spelling-left .info .nickname {
 margin-right: 5px;
 font-size: 13px;
 color: #333;
}
.spelling-main .spelling-left .info .time {
 font-size: 10px;
}
.spelling-tips {
 width: 100%;
 height: 40px;
 line-height: 40px;
 font-size: 14px;
 color: #999;
 text-align: center;
}

.spell-store-txt {
 width: 100%;
 background-color: #fff;
 margin-bottom: 10px;
}
.spell-store-txt .txt-title {
 padding: 12px 15px;
 font-size: 14px;
 color: #999;
 border-bottom: 1px solid #ddd;
}

.spell-store-txt li {
 margin-bottom: 5px;
}

.spell-store-txt .txt-name {
 color: #999;
}
.spell-store-txt .store-txt {
 display: flex;
 justify-content: space-between;
 align-items: center;
 background: url('../images/spell_right.png') right 15px center / 18px 18px no-repeat;
 padding: 10px 15px;
}
.spell-store-txt .store-txt .store-logo {
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
}
.spell-store-txt .store-txt .store-logo img {
 display: block;
 width: 40px;
 height: 40px;
}
.spell-store-txt .store-txt .store-name {
 font-size: 15px;
 color: #333;
 line-height: 18px;
}
.spell-store-txt .store-txt .store-name .lingquan {
 padding: 1px 3px;
 border: 1px solid #fa0404;
 font-size: 13px;
 color: #fa0404;
 border-radius: 3px;
}

.delivery-info {
 padding: 0 15px 10px 15px;
 font-size: 13px;
 line-height: 18px;
 color: #666;
}
.delivery-info dt {
 color: #032ab3;
}
.spell-tabs {
 background-color: #fff;
}
.spell-spec {
 padding: 10px 15px;
}
.spell-spec ul {
 width: 100%;
}
.spell-spec li {
 margin-bottom: 5px;
 font-size: 13px;
 color: #666;
 line-height: 18px;
}

.spell-tabs-navs {
 display: flex;
 flex-wrap: wrap;
 height: 44px;
 line-height: 44px;
 padding: 0 15px;
 font-size: 14px;
 color: #666;
 border-bottom: 1px solid #ddd;
}
.spell-tabs-navs li {
 border-bottom: .04rem solid transparent;
 width: 60px;
 margin-right: 30px;
 height: 44px;
 text-align: center;
}
.spell-tabs-navs li:last-child {
 margin-right: 0;
}
.spell-tabs-navs .active {
 border-color: #032ab3;
 color: #032ab3;
}
.goods-content {
 padding: 10px 15px;
 font-size: 14px;
 color: #666;
 line-height: 20px;
}
.fixed-bottom {
 position: fixed;
 z-index: 99;
 bottom: 0;
 left: 0;
 width: 100%;
}

.join-spell-modal {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 19;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: rgba(0, 0, 0, 0.4);
}

.join-spell-modal .join-spell-contnet {
 background-color: #fff;
 width: 76%;
}
.join-spell-modal .join-spell-title {
 height: 40px;
 text-align: center;
 line-height: 40px;
 font-size: 15px;
 color: #666;
 background-color: #eee;
}
.join-spell-modal .ask-spell {
 font-size: 14px;
 color: #999;
 line-height: 18px;
 text-align: left;
 padding: 15px;
}
.join-spell-modal .ask-spell span {
 padding: 0 5px;
 color: #fa0404;
}
.spell-people-avatar {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-top: 20px;
 padding: 0 15px 15px;
}
.spell-people-avatar .avatar-span {
 position: relative;
 display: block;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 margin-right: 15px;
}
.spell-people-avatar .avatar-span img {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: 50%;
}
.spell-people-avatar .show-tuanzhang {
 position: absolute;
 z-index: 2;
 top: -10px;
 left: 10px;
 padding: 1px 3px;
 background-color: #fa0404;
 color: #fff;
 font-size: 10px;
 border-radius: 3px;
 text-align: center;
}
.spell-people-avatar .weizhi {
 border: 1px dashed #ddd;
 color: #999;
 line-height: 40px;
}
.join-spell-footer {
 display: flex;
 height: 44px;
 margin-top: 15px;
 line-height: 44px;
}
.join-spell-footer .join-btn {
 display: block;
 width: 50%;
 height: 100%;
 background-color: #fa0404;
 font-size: 15px;
 color: #fff;
 text-align: center;

}
.join-spell-footer .confirm {
 background-color: #00b13c;
}

/* 拼团详情 */
.spell-detail {
 width: 100%;
}
.spell-detail-title {
 padding: 10px 15px;
 font-size: 14px;
 color: #666;
 border-bottom: 1px solid #ddd;
 background-color: #fff;
}
.spell-detail-avater {
 display: inline-block;
 width: 26px; height: 26px;
 margin-right: 10px;
 vertical-align: middle;
}
.spell-detail-content {
 display: flex;
 flex-wrap: wrap;
 padding: 15px;
 margin-bottom: 10px;
 background-color: #fff;
}
.spell-detail-content .spell-detail-left {
 width: 80px;height: 80px; margin-right: 10px;
}
.spell-detail-content .spell-detail-left img{
 display: block;width: 100%;height: 100%;
}
.spell-detail-content .spell-detail-right {
 width: calc(100% - 90px);
}

.spell-detail-right .spell-detail-desc {
 overflow: hidden;
 font-size: 14px;
 color: #333;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding-top: 6px;
 line-height: 1.5
}
.spell-detail-right .spell-detail-desc .more-buy {
 color: #26b458;
 padding: 2px;
 border: 1px solid #26b458;
 border-radius: 2px;
}
.spell-detail-right .spell-detail-price {
 display: flex; justify-content: space-between;
 margin-top: 15px;
}
.self-spell {
 background-color: #fff;
}
.self-spell .self-spell-title {
 padding: 10px 15px;
 font-size: 13px;
 color: #333;
 text-align: center;
 border-bottom: 1px solid #ddd;
}
.self-spell .self-spell-title .surplus {
 color: #26b458;
}
.self-spell .self-people {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 padding: 20px 15px;
}

.share-btns {
 margin-top: 30px;
 padding: 0 15px;
}
.share-btns .share-btn {
 display: block;
 height: 40px;
 line-height: 40px;
 border-radius: 4px;
 text-align: center;
 border: 1px solid transparent;
 margin-bottom: 10px;
 font-size: 15px;
}
.share-btns .invite {
 background-color: #ff0400;
 color: #fff;
 border-color: #ff0400;
}
.share-btns .more {
 background-color: #fff;
 color: #ff0400;
 border-color: #ff0400;
}

/* 登录注册 common  begin */
.login-box {
 width: 80%; margin: 0 auto; padding-top: 65px;
}
.login-box  .login-logo img {
 display: block; max-width: 100%; height: auto; margin: 0 auto;
}
.login-content {
 widows: 100%;
}
.login-tabs {
 display: flex; justify-content: space-between; margin-top: 40px;font-size: 15px;
 line-height: 1.5;
}
.login-tabs li {
 padding: 5px 0; border-bottom: 2px solid transparent;
}
.login-tabs .active {
 border-color: #e60013; color: #e60013;
}
.login-content-box {
 margin-top: 20px;
}
.login-content-list {
 position: relative; border-bottom: 1px solid #eee;
}
.login-content-list input {
 display: block; width: 100%; padding: 10px 0;
 font-size: 13px; color: #999;border: none;outline: none;
}
.login-code-list input {padding-right: 80px; width: calc(100% - 80px);}
.login-code-list .send-code {
 position: absolute;right: 0; top: 50%;transform: translateY(-50%); font-size: 13px; color: #e60013;
}
.login-action {
 margin-top: 30px;
}
.login-action .login-btn {
 display: block;width: 100%;height: 50px;line-height: 50px;
 font-size: 15px; color: #fff; background-color: #e60013; text-align: center;border-radius: 4px;
 outline: none; border: none;
}
.login-action .action-something {
 display: flex; justify-content: space-between; flex-wrap: wrap;
 margin-top: 10px; font-size: 13px; color: #999; line-height: 1.5;
}
.login-action .action-something a {color: #999;}
.login-action .action-something .link-register {color: #e60013;}
.other-login {
 margin-top: 50px; font-size: 13px; color: #666;line-height: 1.5;
}
.other-login .other-title {margin-bottom: 15px; text-align: center;}

.other-login .other-mode {
 margin: 10px auto;
 text-align: center;
}
.other-login .other-mode > a {
 overflow: hidden; display: inline-block; width: 50px; height: 50px; border-radius: 50%; margin: 0 10px 10px 0;
}
.other-login .other-mode > a:last-child {margin-right: 0;}
.other-login .other-mode > a img {display: block; width: 100%; height: 100%;}
.agree-xieyi {
 margin-top: 10px;font-size: 12px; line-height: 18px;
}
.agree-xieyi > input[type="checkbox"] {display: none;}
.agree-xieyi  .agree-cricle {
 display: inline-block; margin-right: 5px; vertical-align: top; width: 16px; height: 16px; border: 1px solid #ddd; border-radius: 50%;
}
.agree-xieyi  .agree-cricle.active {
 background: url(../images/agree_icon.png) center center / 16px 16px no-repeat;
 border-color: transparent;
}
.agree-xieyi .link-xieyi {color: #e60013;}
.is-account {
 margin-top: 10px; font-size: 13px; color: #666;text-align: center;
}
.is-account .link-login {color: #e60013;}
/* 登录注册 common  end */

/* 宝家康 登录注册 */
.login-content-bjk .login-tabs .active {border-color: #00a066; color: #00a066;}
.login-content-bjk .login-action .login-btn { background-color: #00a066;}
.login-content-bjk .login-code-list .send-code,
.login-content-bjk .login-action .action-something .link-register,
.login-content-bjk .agree-xieyi .link-xieyi,
.login-content-bjk .is-account .link-login { color: #00a066;}
.login-content-bjk .agree-xieyi .agree-cricle.active {background: url(../images/agree_icon_bjk.png) center center / 16px 16px no-repeat;}
.area-number-list > input {padding-left: 75px; width: calc(100% - 75px);}
.area-number-list .area-number-select {
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background:#fafdfe;
 height:20px;
 min-width:60px;
 max-width: 70px;
 line-height:20px;
 border:1px solid transparent;
 border-right-color: #ddd;
 font-size: 18px;
 color: #000;
 font-family: "Helvetica";
 letter-spacing: 1px;
 appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
}

.store i.icon { display: inline-block; width: 0.8rem; height: 0.9rem; margin: 0 0.3rem 0 0.1rem; vertical-align: top; background-image: url(../images/store_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%;}
/* 增加导航 2019.5.17 */
.xin-nav-wrap {
 position: relative;
 width: 100%;
 background-color: #fff;
}
.xin-nav-box {
 display: flex; border-bottom: 1px solid #ddd;
 padding: 0 15px;
}
.xin-nav-box .xin-nav-item {
 width: calc(100% - 30px);
}
.xin-nav-item .xin-nav-ul {
 display: flex; flex-wrap: wrap; width: 100%; height: 38px; line-height: 38px;
}
.xin-nav-item .xin-nav-ul > li {
 width: calc(100% / 5);
 border-bottom: 1px solid transparent;
 font-size: 14px;
 text-align: center;
}
.xin-nav-item .xin-nav-ul > li a {
 overflow: hidden;
 display: block;
 color: #666;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.xin-nav-item .xin-nav-ul > .active {
 border-color: #00a73c;
}
.xin-nav-item .xin-nav-ul > .active a {color: #00a73c; }
.xin-nav-box .xin-nav-action {
 display: block; width: 30px; height: 38px;
 background: url('../images/xin_down.png') center  center / 20px 20px no-repeat;
}
.xin-nav-more {
 position: absolute;
 left: 0;
 z-index: 49;
 width: 100%;
}
.xin-nav-more .xin-nav-more-ul {
 display: flex; flex-wrap: wrap;
}
.xin-nav-more .xin-nav-more-ul > li {
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 width: 25%; text-align: center; padding: 15px 0; font-size: 12px; color: #999;
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 box-sizing: border-box;
}
.xin-nav-more .xin-nav-more-ul > li:nth-child(4n) {
 border-right: 0;
}
.xin-nav-more .xin-nav-more-ul > li a {color: #999;}

/* 宝家康增加易推小蜜+vip权益tab ， 全局在app打开按钮  2019.05.23 */

/* 个人中心 易推小蜜 + vip */
.yitui-vip {
	/*position: absolute; left: 0; bottom: 0; */
    width: 100%;
    box-sizing: border-box;
	display: flex; flex-wrap: wrap;
}
.yitui-vip .ytp-btn {
    box-sizing: border-box;
    display: block;
    width: 50%; height: 44px; line-height: 44px;
	background-color: rgba(0,0,0,.68); font-size: 14px; color: #d9b55f; text-align: center;
}
.yitui-vip .ytp-icon {
	display: inline-block; padding-left: 26px;
}
.yitui-vip .ytp-icon.down {
 background: url(../images/ytp_down.png) left center / 20px 20px no-repeat;
}
.yitui-vip .ytp-icon.vip {
 background: url(../images/ytp_vip.png) left center / 20px 20px no-repeat;
}
.yitui-vip .ytp-btn:first-child {
	border-right: 1px solid #999;
}

/* 全局 APP 打开 */
.open-app {
	position: fixed;
	z-index: 19;
	right: 0;
	top: 60px;
	background-color: #ec5a5a; font-size: 12px; color: #fff;
	height: 32px; line-height: 32px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	padding: 0 16px;
}
.open-app.default-position {
	bottom: 5rem; top: auto;
}
.open-app a {
	color: #fff;
}

/* 首页广告弹窗 modal */
.red-packet-modal {
	position: fixed; z-index: 109; top: 0; left: 0;
	width: 100%; height: 100%; background-color: rgba(0,0,0,.56); 
	display: flex; justify-content: center; align-items: center;
}
.red-packet-box {
	position: relative;	width: 80%; max-width: 90%;
}
.red-packet-box .close-packet {
	position: absolute; z-index: 9; right: 20px; top: 20px; font-size: 18px;
	color: #fff; width: 30px; text-align: center;
}
.red-packet-box .link-packet {
	display: block;
}
.red-packet-box .link-packet > img {
	display: block; max-width: 100%; height: auto; margin: 0 auto;
}