body {background:#f5f5f5; padding-bottom:70px !important;}

/*头部样式*/
.wap_xfg_header{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{font-size:14px;}
.wap_xfg_header .seachbox .seach .moren{font-size:14px;}
.wap_xfg_header .seachbox .seach .moren form{display:inline-block; width:70%;}
.wap_xfg_header .seachbox .seach .moren input{color:#fff; border:none; outline:none; line-height:inherit;}
.wap_xfg_header .seachbox .seach .moren input::-webkit-input-placeholder {color:#fff; font-size:14px;}
.wap_xfg_header .seachbox .seach .moren input.shuru{background:none; width:100%;}
.wap_xfg_header .seachbox .seach .moren input.sousuo{position:absolute; top:0; right:0px; padding:0 15px; border-radius:0px 15px 15px 0px; background-color:#ff4b35;}
.wap_xfg_header .seachbox .top_name{font-size:16px; text-align:center; background:none;}

/*左侧弹出层*/
.zzc {position:fixed; width:100%; height:100%;top:0; left:0; background-color:rgba(0, 0, 0, 0.5); z-index:9999; opacity:0; visibility:hidden; }
.zzc.active {opacity: 1; visibility:visible; }
.left-tc {position:fixed; z-index:999999; top:0; left:-250px; height:100%; background-color:#fdf7dc; width:240px;}
.left-tc.nav-active {left:0; font:14px 'Microsoft Yahei','Simsun';}
.left-tc .s {
  position:relative;
  z-index:1;
  background-position:center center;
  background-size:cover;
  text-align:center;
  padding:20% 0% 10% 0%;
  color:#020b10;
  background-image: url(../images/tcc_bj.gif);
  }
.left-tc .s::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, rgba(220, 235, 253, 0.1) 0%, rgba(220, 235, 253, 0.5) 50%, #fdf7dc 100%);}
/*上*/
.left-tc .s .user {margin-bottom:30px; color:#fff;}
.left-tc .s .user img.icon {margin-bottom:25px; width:60px; height:60px; border-radius:50%; border:2px solid #FFF;}
.left-tc .s .user img.txk {margin:-18px; width:100px; height:100px; position:absolute; z-index:9;}
.left-tc .s .user img.cb {margin:-25px -68px; width:200px; position:absolute; z-index:-1;}
.left-tc .s .user a {display:block; color:#fff;}
.left-tc .s .user .name {font-size:16px;}
.left-tc .s .user .name .dj {display:flex; align-items:center; justify-content:center;}
.left-tc .s .user .name span {font-size:12px;}
.left-tc .s ul {display:flex; margin-bottom:20px;}
.left-tc .s ul li {float:left; width:33%;}
.left-tc .s ul li a {display:block;}
.left-tc .s ul li a i {font-size:16px; color:#ff5656;}
.left-tc .s .shu {font-size:12px; color:#999;}
/*中*/
.left-tc .z {position:relative; margin:5%; z-index:1;}
.left-tc .z li {list-style:none; text-decoration:none;}
.left-tc .z li a {display:flex; align-items:center; padding:12px 10px;}
.left-tc .z li a i{margin-right:8px; font-size:16px; color:#ff5656; width:20px; text-align:center;}
.left-tc .z li a span{margin-left:8px; font-size:12px; color:#FFF; background-color:#ea4c62; padding:1px 5px; border-radius:5px;}
.left-tc .z li a span.m1{background-color:#b14cea;}
.left-tc .z li a span.m2{background-color:#ffc107;}
/*下*/
.left-tc .x {position:fixed; padding:10px 15px; bottom:30px; left:170px; background-color:#e42f08; border-radius:5px; text-align:center; color:#ffffff; z-index:10; visibility:hidden; opacity:0;}
.left-tc.nav-active .x {visibility:visible; opacity:1;}



/*右侧弹出层*/
.zzc_r {position:fixed; width:100%; height:100%;top:0; right:0; background-color:rgba(0, 0, 0, 0.01); 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:20px;}
.right-tc ul li a{display:block;}
.right-tc ul li span{width:45px; display:block; margin:auto; text-align:center;}
.right-tc ul li em{padding-top:5px; overflow:hidden; font-size:13px; text-align:center; width:100%; display:block; color:#666;}
.right-tc ul li span i{color:#ccc; font-size:30px;}
.right-tc ul li:nth-child(1) span i{color:#27BACC;}
.right-tc ul li:nth-child(2) span i{color:#FA5295;}
.right-tc ul li:nth-child(3) span i{color:#68BC36;}
.right-tc ul li:nth-child(4) span i{color:#7F9EFF;}
.right-tc ul li:nth-child(5) span i{color:#9B6CF6;}
.right-tc ul li:nth-child(6) span i{color:#FFAC4D;}
.right-tc ul li:nth-child(7) span i{color:#35ADFD;}
.right-tc ul li:nth-child(8) span i{color:#FF353A;}
.right-tc ul li:nth-child(9) span i{color:#FFAC4D;}
.right-tc ul li:nth-child(10) span i{color:#35ADFD;}
.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;}




/*头部搜索弹出层*/
.wap_ss_tcc{display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#ffffff; overflow-y:scroll;}
.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 .seachbox{width: calc(100% - 55px);}
.wap_ss_tcc .mall_ss .seachbox .seach{position:relative; height:30px; line-height:30px; border-radius:15px; margin:7.5px 0px 0px 0px; 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; height:30px; line-height:30px;}
.wap_ss_tcc .mall_ss .seachbox .seach .sp-dp .sslei span{font-size:14px;}
.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; width:100px; background-color:#fff; position:absolute; margin-top:10px; padding:10px 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{font-size:14px; 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_remen {padding:10px 15px 80px 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;}











/*底部样式*/
.footmenu_warp{position:fixed; font-size:12px; color: #000; z-index:100; bottom:0px; background:#fff; width:100%; text-align:center; display:flex; border-radius:100px; box-shadow:5px 5px 14px 5px rgb(0 0 0 / 10%);}
.footmenu_warp .menu {position:relative; float:left; height:50px; line-height:50px; box-sizing:border-box; -webkit-box-sizing: border-box;-webkit-flex:1; flex:1;}
.footmenu_warp .menu.ck a{color:#FF3E3F;}
.footmenu_warp .menu a{display:block; font-size:12px; color:#777; padding-top:6px;}
.footmenu_warp .menu a img{width:20px; height:20px; display:block; margin:0 auto;}
.footmenu_warp .menu a i{width:20px; height:20px; font-size:20px; display:block; margin:0 auto;}
.footmenu_warp .menu a em{display:block; height:20px; line-height:20px; width:100%;}
.footmenu_warp .menu.centers{top:-26px; padding-top:0; width:100%; z-index:11;}
.footmenu_warp .menu.centers i:first-child{color:#fff; font-size:20px; width:40px; height:40px; line-height:40px; margin:3px auto; border-radius:100%; background-image:linear-gradient(180deg, #FF3E3F 0%, #FF7414 100%); box-shadow:0 3px 5px #f5a771;}
.footmenu_warp .border {left:50%; transform:translate(-50%, 0); bottom:99%; width:10.9em; height:2.4em; position:absolute; clip-path:url(#menu); background-color:#ffffff; transition:transform var(--duration);}




/*底部弹层*/
.footer_tc_show{position:fixed; padding:50px; left:0; right:0; top:0; bottom:0; background-color:rgba(255, 255, 255, 0.95); z-index:200; display:none;}

.footer_tc_show .biaoyu{padding:20px 0px 40px 0px;}
.footer_tc_show .biaoyu p.p1{font-size:22px; color:#333; font-weight:bold;}
.footer_tc_show .biaoyu p.p2{font-size:14px; color:#888;}

.footer_tc_show ul.fb{display:block;}
.footer_tc_show ul.fb li{display:flex; align-items:center; margin-bottom:30px;}
.footer_tc_show ul.fb li:nth-child(1) p.p1{background-image:linear-gradient(180deg, #68BC36 0%, #B3E769 100%)}
.footer_tc_show ul.fb li:nth-child(2) p.p1{background-image:linear-gradient(180deg, #FA5295 0%, #FE8B6F 100%)}
.footer_tc_show ul.fb li:nth-child(3) p.p1{background-image:linear-gradient(180deg, #FFAC4D 0%, #FFCD22 100%)}
.footer_tc_show ul.fb li p{flex:1;}
.footer_tc_show ul.fb li p.p1{flex: 0 1 45px; margin-right:25px; width:45px; height:45px; line-height:45px; text-align:center; border-radius:10px;}
.footer_tc_show ul.fb li p.p1 i{font-size:24px; color:#fff;}
.footer_tc_show ul.fb li p.p2{flex:2; flex-direction:column; display:flex;}
.footer_tc_show ul.fb li p.p2 span{color:#333; font-size:16px; font-weight:bold;}
.footer_tc_show ul.fb li p.p2 em{color:#888; font-size:12px;}

.footer_tc_show .guanbi{position:fixed; bottom:25px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50px; left:50%; transform:translate(-50%, 0); box-shadow:0 3px 5px #f5a771; background-image:linear-gradient(180deg, #FF3E3F 0%, #FF7414 100%);}
.footer_tc_show .guanbi i{color:#fff; font-size:20px;}