@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:#666;}
img {vertical-align:middle;border:0;}
input,button,select,textarea{outline:0}
em{font-style:normal;}
body {overflow:auto; background:#f7f7f7; font-family:"Microsoft yahei"; color:#666; font-size:14px; padding-bottom:80px;}

/*商城头部*/
.wap_xfg_header{/*position:fixed;*/ color:#fff; height:45px; width:100%; top:0; z-index:99; background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%); }
.wap_xfg_header>div{display:inline-block; height:45px; line-height:45px; vertical-align:top;}
.wap_xfg_header .left{width:45px; font-size:20px; text-align:center;}
.wap_xfg_header .right{width:45px; font-size:20px; text-align:center;}
.wap_xfg_header .seachbox{width: calc(100% - 100px);}
.wap_xfg_header .seachbox .seach{position:relative; color:#fff; height:30px; line-height:30px; border-radius:15px; margin:7.5px 10px 0 10px; padding:0px 15px; background-color:rgba(255, 255, 255, 0.3);}
.wap_xfg_header .seachbox .seach img{height:17px; position:relative; vertical-align:middle;}
.wap_xfg_header .seachbox .seach .fenge{margin:0 3px;}
.wap_xfg_header .seachbox .seach i.fa-search{font-size:14px;}
.wap_xfg_header .seachbox .seach i#search-img-btn{position:absolute; top:0; right:0px; padding:3px 10px 0 0; font-size:25px;}
.wap_xfg_header .seachbox .seach .moren{font-size:14px;}

.wap_xfg_header .seachbox .top_name{font-size:16px; text-align:center; background:none;}

/*商城头部搜索弹出层*/
.wap_ss_tcc{display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#ffffff;}
.wap_ss_tcc.on{display:block; z-index:99;}
.wap_ss_tcc .mall_ss{color:#999; height:45px; width:100%; top:0; z-index:99;}
.wap_ss_tcc .mall_ss>div{display:inline-block; height:45px; line-height:45px; vertical-align:top;}
.wap_ss_tcc .mall_ss .left{width:45px; font-size:20px; text-align:center;}
.wap_ss_tcc .mall_ss .right{padding-top:7.5px; width:45px; font-size:20px; text-align:center;}
.wap_ss_tcc .mall_ss .right i {font-size:30px; margin-top:7px; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%);}
.wap_ss_tcc .mall_ss .seachbox{width: calc(100% - 100px);}
.wap_ss_tcc .mall_ss .seachbox .seach{position:relative; height:30px; line-height:30px; border-radius:15px; margin:7.5px 10px 0 10px; background-color:#f7f7f7;}

.wap_ss_tcc .mall_ss .seachbox .seach .sp-dp{float:left; position:relative; vertical-align:middle; margin-right:5px;}
.wap_ss_tcc .mall_ss .seachbox .seach .sp-dp .sslei{padding:0px 5px 0px 15px; background-color:#eee; border-radius:15px 0 0 15px;}
.wap_ss_tcc .mall_ss .seachbox .seach .sp-dp .sslei i{margin-left:5px; font-size:12px;}
.wap_ss_tcc .mall_ss .seachbox .seach .sp-dp ul{display:none; background-color:#fff; position:relative; margin-top:10px; padding:5px 0; border:solid 1px #eee;}
.wap_ss_tcc .mall_ss .seachbox .seach .sp-dp ul:before {content:''; width:0px; height:0px; position:absolute; left:50%; margin-left:-9px; top:-11px; border-top:9px solid #eee; border-left:9px solid transparent; border-right:9px solid transparent;}
.wap_ss_tcc .mall_ss .seachbox .seach .sp-dp ul li{border-radius:15px; text-align:center;}

.wap_ss_tcc .mall_ss .seachbox .seach i{font-size:14px;}
.wap_ss_tcc .mall_ss .seachbox .seach .moren{font-size:14px;}
.wap_ss_tcc .mall_ss .seachbox .seach .moren form{display:inline-block; width:50%;}
.wap_ss_tcc .mall_ss .seachbox .seach .moren input{color:#999; border:none; outline:none; line-height:inherit;}
.wap_ss_tcc .mall_ss .seachbox .seach .moren input::-webkit-input-placeholder {color:#999; font-size:14px;}
.wap_ss_tcc .mall_ss .seachbox .seach .moren input.shuru{background:none; width:100%;}
.wap_ss_tcc .mall_ss .seachbox .seach .moren input.sousuo{position:absolute; top:0; right:0px; padding:0 15px; border-radius:15px; color:#fff; background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%);}
/*商城头部搜索弹出层--历史搜索样式*/
.wap_ss_tcc .ss_lishi {padding:10px 15px; display:flex;  flex-direction:column;}
.wap_ss_tcc .ss_lishi .top {height:40px; line-height:40px; font-size:14px;}
.wap_ss_tcc .ss_lishi .top .L {float:left; color:#666; font-weight:bold;}
.wap_ss_tcc .ss_lishi .top .R {float:right; color:#999;}
.wap_ss_tcc .ss_lishi .ls_ci a {background:#f5f5f5; color:#888888; font-size:14px; border-radius:20px; height:30px; line-height:30px; padding:0px 15px; display:block; float:left;  margin-bottom:12px; margin-right:12px;}
.wap_ss_tcc .ss_lishi .zan_sou {border-top:1px dashed #eeeeee; margin-top:30px; height:30px;}
.wap_ss_tcc .ss_lishi .zan_sou i{position:relative; color:#888888; background:#f5f5f5; border-radius:50%; width:30px; height:30px; line-height:30px; top:-15px; left:45%;}
/*商城头部搜索弹出层--热门搜索样式*/
.wap_ss_tcc .ss_remen {padding:10px 15px; display:flex;  flex-direction:column;}
.wap_ss_tcc .ss_remen .top {height:40px; line-height:40px; font-size:14px;}
.wap_ss_tcc .ss_remen .top .L {float:left; color:#666; font-weight:bold;}
.wap_ss_tcc .ss_remen .sousuoci a {background:#f5f5f5; color:#888888; font-size:14px; border-radius:20px; padding:5px 15px; display:block; float:left;  margin-bottom:12px; margin-right:12px;}
.wap_ss_tcc .ss_remen .sousuoci a i {color:#FF3E3F; margin-right:5px;}


/*商城头部右侧弹出层*/
.zzc_r {position:fixed; width:100%; height:100%;top:0; right:0; background-color:rgba(0, 0, 0, 0.3); z-index:9999; opacity:0; visibility:hidden; }
.zzc_r.active {opacity:1; visibility:visible; }
.right-tc {position:fixed; width:65px; height:80%; top:10%; right:-100px; background-color:rgba(255, 255, 255, 0.9); box-shadow:0 1px 2px #9e9e9e; border-radius:10px; z-index:999999;}
.right-tc.nav-active {right:7px; font:14px 'Microsoft Yahei','Simsun';}

.right-tc ul li{margin-top:15px;}
.right-tc ul li a{display:block;}
.right-tc ul li span{width:45px; display:block; overflow:hidden; margin:auto; text-align:center; position:relative; border-radius:10px; background-image:linear-gradient(180deg, #FF353A 0%, #FF6866 100%); box-shadow:0 1px 1px #9e9e9e; color:#FFF;}
.right-tc ul li em{padding-top:8px; height:20px; overflow:hidden; font-size:12px; font-style:normal; text-align:center; width:100%; display:block; color:#666;}
.right-tc ul li span:before{content:''; display:block; padding-top:100%;}
.right-tc ul li span i{position:absolute; left:50%; top:50%; font-size:22px; -webkit-transform:translate3D(-50%, -50%, 0); -ms-transform:translate3D(-50%, -50%, 0); transform:translate3D(-50%, -50%, 0);}
.right-tc ul li:nth-child(1) span{background-image:linear-gradient(180deg, #27BACC 0%, #2AEAE6 100%);box-shadow:0 2px 5px #94F3F1;}
.right-tc ul li:nth-child(2) span{background-image:linear-gradient(180deg, #FA5295 0%, #FE8B6F 100%);box-shadow:0 2px 5px #FFB197;}
.right-tc ul li:nth-child(3) span{background-image:linear-gradient(180deg, #68BC36 0%, #B3E769 100%);box-shadow:0 2px 5px #EAFBC1;}
.right-tc ul li:nth-child(4) span{background-image:linear-gradient(180deg, #7F9EFF 0%, #B4B9FF 100%);box-shadow:0 2px 5px #DDDFFF;}
.right-tc ul li:nth-child(5) span{background-image:linear-gradient(180deg, #9B6CF6 0%, #E397FD 100%);box-shadow:0 2px 5px #F4D8FE;}
.right-tc ul li:nth-child(6) span{background-image:linear-gradient(180deg, #FFAC4D 0%, #FFCD22 100%);box-shadow:0 2px 5px #FFE384;}
.right-tc ul li:nth-child(7) span{background-image:linear-gradient(180deg, #35ADFD 0%, #06C4FC 100%);box-shadow:0 2px 5px #9AE2F8;}
.right-tc ul li:nth-child(8) span{background-image:linear-gradient(180deg, #FF353A 0%, #FF6866 100%);box-shadow:0 2px 5px #FFB0AC;}
.right-tc ul li:nth-child(9) span{background-image:linear-gradient(180deg, #FFAC4D 0%, #FFCD22 100%);box-shadow:0 2px 5px #FFE384;}
.right-tc ul li:nth-child(10) span{background-image:linear-gradient(180deg, #35ADFD 0%, #06C4FC 100%);box-shadow:0 2px 5px #9AE2F8;}
.right-tc .x {position:absolute; padding:10px 15px; bottom:20px; right:12px; background-color:rgba(0, 0, 0, 0.2); border-radius:5px; text-align:center; color:#ffffff; z-index:10; visibility:hidden; opacity:0;}
.right-tc.nav-active .x {visibility:visible; opacity:1;}




/*商城底部*/
.footmenu_warp *{-webkit-box-sizing:content-box; box-sizing:content-box;}
.footmenu_warp{position:fixed; z-index:100; bottom:0px; left:0; border-top:1px solid #eee; background:#ddd; opacity:0.9; width:100%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; display:-webkit-flex; display:flex;}
.footmenu_warp:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; zoom:1;}
.footmenu_warp .menu1.ck .bt-name a{color:red;}
.footmenu_warp .menu1 {position:relative; float:left; height:50px; line-height:50px; background: #f9f9f9; border-right:1px solid #ebebeb; box-sizing:border-box; -webkit-box-sizing: border-box;-webkit-flex:1; flex:1;}
.footmenu_warp .menu1:last-child {border-right: none;}
.footmenu_warp .menu2 {position:absolute; bottom:60px; z-index:10; width:100%; padding:0px 5px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #dad8d8; border-radius:5px; display:none;}
.footmenu_warp .menu2 li {width:100%; background:#fff; float:none; box-sizing:border-box; -webkit-box-sizing:border-box; border-top:1px dotted #c3c2c2;}
.footmenu_warp .menu2 li a {display:block; height:30px; line-height:15px; text-align:left; background:#fff; color:#777; border:none; text-align:center; font-size:13px;}
.footmenu_warp .icons {position:absolute; bottom:5px; right:5px; width:0; height:0; border:5px solid transparent; border-right:5px solid #929292; border-bottom:5px solid #929292; opacity:.5;}
.footmenu_warp .bt-name {font-size:12px; color: #000;}
.footmenu_warp .bt-name a{display:block; font-size:12px; color:#777;}
.footmenu_warp .menu1 .bt-name em{display:block; height:25px; line-height:18px; width:100%; font-style:normal;}
.footmenu_warp .menu1 .bt-name .no_a em{height:50px; line-height:50px; font-size:15px;}
.footmenu_warp .menu1 .bt-name .iconimg{font-size:18px; height:18px; padding-top:7px;}
.footmenu_warp .menu2 li.icon_li a {height:40px;}
.footmenu_warp .menu2 li.icon_li a.noimg {height:25px;padding-top:5px;}
.footmenu_warp .menu2 .iconimg{font-size:16px; height:20px; line-height:20px;}
.footmenu_warp .menu2 em{display:block; height:20px; line-height:20px; width:100%;overflow:hidden;}
.footmenu_warp .menu2 .tiggle {width:0px; height:0px; position:absolute; left:50%; margin-left:-10px; bottom:-10px; border-top:10px solid #EEEEEE; border-left:10px solid transparent; border-right:10px solid transparent; z-index:10;}
.footmenu_warp .menu2 .innertiggle {width:0px; height:0px; position:absolute; left:50%; margin-left:-9px; bottom:-10px; border-top:9px solid #e6e6e6; border-left:9px solid transparent; border-right:9px solid transparent; z-index: 11;}
.footmenu_warp .menu1.centers .bt-name{position:absolute; top:-20px; padding-top:0; width:100%; z-index:11;}
.footmenu_warp .menu1.centers .bt-name em:first-child{color:#fff; background:#FF3E3F; font-weight:bold; width:38px; height:38px; margin:auto; margin-top:-3px; border:5px solid #f9f9f9; line-height:38px; border-radius:100%;}
.footmenu_warp .menu1.centers .bt-name em:first-child{padding-top:0;}
.footmenu_warp .menu1.centers .menu2{bottom:78px;}
.footmenu_blank{height:50px;}



/*底部弹窗*/
.footer_tc_dc{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:99; display:none; opacity:0.5;}
.footer_tc_show{position:fixed;left:50%; bottom:85px; transform:translate(-50%, 0); width:90%; background-color:rgba(255, 255, 255, 0.9); padding-bottom:20px; border-radius:10px; z-index:200; display:none; }
.footer_tc_show .tou{position:relative}
.footer_tc_show .tou img{width:100%; border-radius:10px 10px 0 0;}
.footer_tc_show .tou .biao{position:absolute; width:100%; top:0; line-height:35px; font-size:15px; color:#f95742; text-align:center; background-color:rgba(255,255,255,0.5); border-radius:10px 10px 0 0;}

.footer_tc_show .fabu_cd {padding-top:15px; overflow:hidden;}
.footer_tc_show ul.fabu_cd li{width:25%; margin-bottom:20px; float:left; overflow:hidden; position:relative;}
.footer_tc_show ul.fabu_cd li span{width:50px; display:block; overflow:hidden; margin:auto; text-align:center; position:relative; border-radius:10px; background-image:linear-gradient(180deg, #FF353A 0%, #FF6866 100%); color:#FFF;}
.footer_tc_show ul.fabu_cd li em{padding-top:8px; height:20px; overflow:hidden; font-size:12px; font-style:normal; text-align:center; width:100%; display:block;}
.footer_tc_show ul.fabu_cd li span:before{content:''; display:block; padding-top:100%;}
.footer_tc_show ul.fabu_cd li span i{position:absolute; left:50%; top:50%; font-size:22px; -webkit-transform:translate3D(-50%, -50%, 0); -ms-transform:translate3D(-50%, -50%, 0); transform:translate3D(-50%, -50%, 0);}
.footer_tc_show ul.fabu_cd li:nth-child(1) span{background-image:linear-gradient(180deg, #FF353A 0%, #FF6866 100%);box-shadow:0 2px 5px #FFB0AC;}
.footer_tc_show ul.fabu_cd li:nth-child(2) span{background-image:linear-gradient(180deg, #FFAC4D 0%, #FFCD22 100%);box-shadow:0 2px 5px #FFE384;}
.footer_tc_show ul.fabu_cd li:nth-child(3) span{background-image:linear-gradient(180deg, #35ADFD 0%, #06C4FC 100%);box-shadow:0 2px 5px #9AE2F8;}
.footer_tc_show ul.fabu_cd li:nth-child(4) span{background-image:linear-gradient(180deg, #27BACC 0%, #2AEAE6 100%);box-shadow:0 2px 5px #94F3F1;}
.footer_tc_show ul.fabu_cd li:nth-child(5) span{background-image:linear-gradient(180deg, #FA5295 0%, #FE8B6F 100%);box-shadow:0 2px 5px #FFB197;}
.footer_tc_show ul.fabu_cd li:nth-child(6) span{background-image:linear-gradient(180deg, #68BC36 0%, #B3E769 100%);box-shadow:0 2px 5px #EAFBC1;}
.footer_tc_show ul.fabu_cd li:nth-child(7) span{background-image:linear-gradient(180deg, #7F9EFF 0%, #B4B9FF 100%);box-shadow:0 2px 5px #DDDFFF;}
.footer_tc_show ul.fabu_cd li:nth-child(8) span{background-image:linear-gradient(180deg, #9B6CF6 0%, #E397FD 100%);box-shadow:0 2px 5px #F4D8FE;}
.footer_tc_show ul.fabu_cd li:nth-child(9) span{background-image:linear-gradient(180deg, #FFAC4D 0%, #FFCD22 100%);box-shadow:0 2px 5px #FFE384;}
.footer_tc_show ul.fabu_cd li:nth-child(10) span{background-image:linear-gradient(180deg, #35ADFD 0%, #06C4FC 100%);box-shadow:0 2px 5px #9AE2F8;}

.footer_tc_show .guanbi{margin-top:20px; text-align:center;}
.footer_tc_show .guanbi i{color:#FF3E3F; font-size:30px;}

.footer_tc_show:before {content:''; width:0px; height:0px; position:absolute; left:50%; margin-left:-9px; bottom:-8px;border-top:9px solid rgba(255, 255, 255, 0.9); border-left:9px solid transparent; border-right:9px solid transparent;}

.footmenu_warp .menu1{border-right:none;}
.footer_dprk{width:90%;margin:auto;color:#fff; font-size:15px; text-align:center;background-image:linear-gradient(120deg, #ff6162 0%, #ffba61 100%);line-height:45px;border-radius:8px;}

.footmenu_warp .menu2 li:nth-child(1) {border-top: none;}
.footmenu_warp .centers .icons {display:none;}




/*帮助中心列表页*/
.mall-bzw {margin:0 auto;}
.mall-bzw .mall-bzn {width:100%; background:#f7f9fa; display:inline-block;}

.mall-bzw .mall-bzn .bz-L {width:100%; height:auto;}
.mall-bzw .mall-bzn .bz-L h2 {width:100%; padding:15px; margin-bottom:4px; text-align:center; background:#fff; display:inline-block; box-sizing:border-box;}
.mall-bzw .mall-bzn .bz-L h2 a {font-size:14px; color:#666; letter-spacing:1px;}
.mall-bzw .mall-bzn .bz-L h2 a img{margin-right:8px;}
.mall-bzw .mall-bzn .bz-L h2 a.L{float:left;}
.mall-bzw .mall-bzn .bz-L h2 a.R{float:right;}

.mall-bzw .mall-bzn .bz-L  ul{width:100%; display:inline-block; background:#fff; white-space:nowrap; overflow-y:hidden; height:54px;}
.mall-bzw .mall-bzn .bz-L  ul li {padding:0 13px; height:52px; cursor:pointer; font-size:15px; line-height:52px; display:inline-block; text-align:center;}
.mall-bzw .mall-bzn .bz-L  ul li.on:after {content:''; display:block; width:50%; margin:0 auto; height:2px; background:red; left:0; bottom:0px;}
.mall-bzw .mall-bzn .bz-L  ul li.on {color:#e4393c;}


.mall-bzw .mall-bzn .bz-R {width:100%; background:#fff; display:inline-block; border-radius:0 4px 4px 0; padding:15px; box-sizing:border-box;}
.mall-bzw .mall-bzn .bz-R h2 {font-weight:normal; color:#666; font-size:16px; margin-bottom:15px; padding-bottom: 15px; text-align:center; border-bottom:1px #eee dotted}
.mall-bzw .mall-bzn .bz-R ul {display:none;}
.mall-bzw .mall-bzn .bz-R ul.active {display:block;}
.mall-bzw .mall-bzn .bz-R ul li {margin:10px 0; background:#f7f9fa; border-radius:5px;}
.mall-bzw .mall-bzn .bz-R ul li.on{background:#ffe7e7;}
.mall-bzw .mall-bzn .bz-R ul li.on a{color:#e4393c;}
.mall-bzw .mall-bzn .bz-R ul li a{display:block; padding:15px; font-size:14px; color:#999; box-sizing:border-box;}
.mall-bzw .mall-bzn .bz-R ul li a:before {float:right; color:#ddd;}
.mall-bzw .mall-bzn .bz-R .nr_main{display:none; font-size:14px; color:#999; margin:15px 10px; padding:15px 0; border-top:1px dotted #DDD;}
.mall-bzw .mall-bzn .bz-R .nr_main.active{display:block;}
.mall-bzw .mall-bzn .bz-R .nr_main p{line-height:30px;}

/*帮助中心内容页*/
.mall-bzzx-show{width:100%;}
.mall-bzzx-show .s-biao{padding:15px; margin:10px; color:#666; font-size:16px; text-align:center; background:#fff; border-radius:5px; box-shadow:0px 0px 8px rgba(99,127,136,.2);}
.mall-bzzx-show .x-nr{padding:15px; margin:10px; min-height:400px; line-height:30px; color:#999; font-size:14px; background:#fff; border-radius:5px; box-shadow:0px 0px 8px rgba(99,127,136,.2);}
.mall-bzzx-show .x-nr p{margin:10px auto;}
.mall-bzzx-show .x-nr img{display:block; margin:10px auto;}



