@CHARSET "UTF-8";

/**
这块样式的作用在于专题页面的所有样式背景都用的rem 需要根据页面的大小动态设置html的font-size
但是用js的自动根据屏幕大小设置html字体大小的插件和jquery有冲突，所以需要去掉jquery
，去掉jquery头部的动画就不能用了，然后所有头部和底部需要重新设置样式进行覆盖
*/
*{font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; }
/*默认顶部*/
header, 
.header { background: #F8F8F8; height: 44.85px; position: absolute; z-index: 8; top: 0; left: 0; right: 0; bottom: auto; border-bottom: solid 1px #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: 44.85px; height: 44.85px; position: absolute; top: 0; left: 0; }
.header-l a { position: relative; z-index: 1; display: inline-block; width:20px; height:20px; padding: 11.9333px; }
.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: 18.4px; line-height: 44.85px; height: 44.85px;color:#333;font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; }

/*标题导航*/
.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: 39px; }
.header-nav li a { display: inline-block; padding: 2px 5px; margin: 0 10px; font-size: 14px; line-height: 36.5px; color: #333; }
.header-nav li.cur a { padding: 2px 1px 0 1px; color: #ED5564; border-bottom: solid 2px #ED5564; font-size: 16px; 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: 32px; height: 19px; padding: 12px 14px 8px 0; font-size: 14px; line-height: 19.5px; color: #ED5564;}
.header-r a { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 19px; height: 19px; padding: 10px 10px; }
.header-r a i { display: block; width: 100%; height: 100%; }
.header-r a sup { display: none; position: absolute; z-index: 1; top: 6px; right: 6px; width: 7.2px; height: 7.2px; 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: 50px; height: 39px; text-align: center; padding: 0; font-size: 14px; line-height: 39px; color: #333; }
.header-r a.msg-log { width: 49px; height: 39px;  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;}
/*头部下拉菜单*/
.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: 24px; right: 4px; width: 100px; }
.nctouch-nav-menu .arrow { display: block; float: right; width: 0; height: 0; margin-right: 8px; font-size: 0; line-height: 0; border-width: 8px; border-color: transparent transparent rgba(85,85,85,0.95) 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(85,85,85,0.95); border-radius: 4px; }
.nctouch-nav-menu li { position: relative; z-index: 1; border-bottom: solid 1px #999; }
.nctouch-nav-menu li:last-child { border-bottom: none 0; }
.nctouch-nav-menu li a { display: block; height: 18px; padding: 10px; font-size: 12px; line-height: 18px; color: #FFF; }
.nctouch-nav-menu li a i { display: inline-block; width: 14.399999999999999px; height: 14.399999999999999px; vertical-align: middle; margin-right: 6px; 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.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: 10px; right: 10px; width: 7.199999999999999px; height: 7.199999999999999px; 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: -1px; right:  -1px; width: 7px; height: 7px; background-color: #ED5564; border: solid 1px #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; }
/*默认底部*/
footer {background:#fff; display: block; position: relative; z-index: 1; bottom: 0; left: 0; right: 0; top: auto; width: 100%; border-top: 1px solid #eee; }
.nctouch-footer-wrap { background-color: #FFF; border-top: solid 1px #EEE; }
.nctouch-footer-wrap .nav-text { padding: 12px 0; font-size: 0; text-align: center; border-bottom: solid 1px #EEE; }
.nctouch-footer-wrap .nav-text a { display: inline-block !important; width: 24%; height: 12px; font-size: 12px; line-height: 12px; color: #555 !important; border-left: solid 1px #EEE; }
.nctouch-footer-wrap .nav-text a:first-child { border-left: 0; }
.nctouch-footer-wrap .nav-pic {display:none; padding: 6px 40px; font-size: 0; text-align: center; border-bottom: solid 1px #EEE; }
.nctouch-footer-wrap .nav-pic a { display: inline-block !important; width: 33.33%; font-size: 9px; color: #999 !important; text-align: center; }
.nctouch-footer-wrap .nav-pic a.touch { color: #333 !important; }
.nctouch-footer-wrap .nav-pic a span { display: inline-block; width: 24px; height: 24px; margin: 0 auto; padding: 3px; 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: 32px; font-size: 9px; line-height: 32px; color: #555; text-align: center; text-shadow: 1px 1px 0 rgba(255,255,255,1); margin-bottom:80px }
.nctouch-footer-wrap .copyright a { display: inline-block!important; margin: 0 1px; font-size: 9px; font-weight: 600; color: #555; }
.nctouch-footer-wrap .nav-link { height: 2rem;}
.nctouch-footer-wrap .nav-link a { font-size: 12px;
color: #555;
width: 50%;
float: left;
text-align: center;
line-height: 50px;
height: 50px; }
.nctouch-footer-wrap .nav-link a:first-child{text-align:right;}
.nctouch-footer-wrap .nav-link a:last-child{text-align:left;}
.nctouch-footer-wrap .nav-link a .split{text-align:left;font-size: 12px; color:#EEE}
/*底部固定下方*/
footer.bottom { z-index:1; bottom: 0;}
footer.bottom .nav-text, 
footer.bottom .nav-pic {  }
footer.bottom .nctouch-footer-wrap { background-color: transparent; border: none; }

.footnav { min-width:320px;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555'); background: rgba(85,85,85,0.95); padding-bottom:4px;bottom: 0; font-size: 5.6000000000000005px; height: 44px; 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: 4px 0 4px 0;}
.footnav ul li a { display: block; position: relative;}
.footnav ul li a em { background-color: #ED5564; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: -3px; right: 17px;}
.footnav ul li i { vertical-align: top; display: inline-block; width: 20px; height: 20px; margin: 0 auto 2px auto; opacity: 0.5;}
i.home { background-image: url(../images/home_w.png); background-size: cover;}
i.categroy { background-image: url(../images/browse_list_w.png); background-size: cover;}
i.search { background-image: url(../images/search_w.png); background-size: cover;}
i.cart { background-image: url(../images/cart_w.png); background-size: cover;}
i.member { background-image: url(../images/member_w.png); background-size: cover;}
.footnav ul li p { font-size: 11px; color: #fff; line-height: 20px; height: 20px;}
.nctouch-main-layout{margin-top:44.85px;}
.show {
    display: block !important;
}
/*页内固定块*/
.fix-block-r { width: 47.5px; position: fixed; z-index: 5; right: 0.5rem; bottom: 100px;}
.fix-block-r a { display: block; width: 48.75px; height:48.75px; 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: 6.25px;}
.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);}
.hide {
    display: none !important;
}