@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,img,form,applet,fieldset,legend,button,input,textarea,th,tr,td{margin:0;padding:0;border:none;}

/* bady */
body{font-family:"微软雅黑";font-size:12px;color:#0d0d0d;max-width:640px;min-width:320px;position:relative;background:#fafafa;margin:0 auto;}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
input::-ms-clear{display:none;}
input,select,textarea{outline:none;cursor:pointer;-webkit-appearance:none;}
html{height:100%;width:100%;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#fafafa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#ccc;}

/* img */
img{padding:0;margin:0;vertical-align:top;border:none;}
i,em{font-style:normal;}

/* div */
li,ul{list-style:none; outside:none;}
.clear{clear:both;height:0;width:100%;}
a,b,i,span,input,select,dl,dd,dt,p{font-family:"微软雅黑";}

/* font */
a{color:#333;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}

h1,h2,h3,h4{ font-weight: normal; }
*::after{ clear: both; content: ""; }
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.rel{ position:relative;}
.abs{ position: absolute; }
.w100{ width: 100%; }
.cff{ color: #fff; }
.c66{ color: #666!important; }
.c33{ color: #333; }
.c1{ color: #f44061; }
.cgreen{ color: #148b00; }
.bg1{ background: #f44161; }
.bgff{ background: #fff!important; }
.center{ display: block; margin: 0 auto; }
.mt10{ margin-top: 0.1rem; }

.pd20{ padding: 0.2rem; }
.pt20{ padding-top: 0.2rem; }
.h{width:100%;height:12.5vw;}
.h40{width:100%;height:41px;}
.bg{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:1000;display:none;}

.mt100{ margin-top:1.0rem!important; }
.mt20{ margin-top: 0.2rem!important; }
.w100{ width: 100%!important; max-width: 7.5rem; margin: 0 auto;}
.flex{ display: flex; justify-content: space-between; }
.tc{ text-align: center; }
.icon_bt{width:92%;height:20px;margin:0 4%; float: left;}
.icon_bt img{width:20px;height:20px;float:left;}
.icon_bt span{margin-left:10px;height:20px;line-height:20px;font-size:16px;color:#666;float:left;}


.fs24{ font-size: 0.24rem; }
.fs28{ font-size: 0.28em; }
.fs30{ font-size: 0.3rem; }
.fs60{ font-size: 0.6rem; }

/* top */
.page_title h1{display:inline-block;overflow:hidden;position:absolute;right:2.14rem;left:1rem;width:100%;height:.88rem;line-height:.95rem;font-size:.24rem;background:url(../images/logo.png) no-repeat 0.3rem center/2.04rem 0.64rem;color: #3e3a39; padding-left: 2.4rem;}
.top span{width:50%;position:absolute;left:25%;height:12.5vw;line-height:12.5vw;text-align:center;color:#000;font-size:16px;}
.fan{width:50px;height:12.5vw;position:absolute;left:0px;top:0;-webkit-filter: brightness(0);}
.fan img{height:24px;padding:13px;float: left;}
.top_icon{height:12.5vw;position:absolute;right:0;top:0;}
.top_icon img{width:24px;height:24px;padding:13px;float:left;}
.top_btn{padding:0 15px;height:12.5vw;line-height:12.5vw;color:#fff;font-size:14px;position:absolute;right:0;top:0;}
.top_btn img{width:24px;height:24px;padding:13px 0;}
.top_btns{padding:0 10px;border-radius:3px;background:#1ba9ff;color:#fff;height:30px;line-height:30px;margin:9px;border:1px solid #08f;position:absolute;right:0;top:0;}
.top_icon strong{font-weight:normal;line-height:12.5vw;float:left;font-size:14px;color:#000;}


/* Menu */
.index_menu{width:100%;background:#fff;display:inline-block;box-shadow:0 0 3px #ccc;padding:1rem 0 0.2rem 0;}
.index_menu a{ display: inline-block; width:24%;height:4.4rem; text-align: center;}
.index_menu a img{width:50%;}
.index_menu a i{width:100%;line-height:2rem;font-size:0.6rem;float:left; text-align:center;}


.logo{height:40px;margin:4px 10px 5px 10px;position:absolute;left:0;top:0;}
.logo img{height:100%;}

/* Banner */
.index_banner,.index_banner img{width:100%;}

/* User_Head */
.head_box{width:140%;height:100%;position:fixed;top:0;left:-20%;-webkit-filter:blur(15px);}
.head_img{width:24rem;height:24rem;margin:0 auto; margin-top: 4rem; position:relative;overflow:hidden;border-radius:0.6rem;}
.head_img img{width:24rem;min-height:24rem;}
.head_img i{width:100%;height:5rem;line-height:5rem;background:rgba(0,0,0,.5);color:#fff;font-size:2rem;z-index:10;text-align:center;position:absolute;bottom:0;left:0;border-radius:0 0 0.6rem 0.6rem;}
.head_img input{width:24rem;height:5rem;position:absolute;bottom:0;left:0;opacity:0;z-index:20;}
.mask{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,.5); z-index:990; left:0; top:0; display:none;}
.evevnt_end{ width:90%; position:fixed; top:50%; left:5%;  z-index:999; margin-top:-1.52rem; display:none;}
.evevnt_end img{ width: 100%!important;}
.event_close{ width: 15%; height: 20%; position: absolute; right: 0; top: 2%; cursor: pointer;}
.goShoping{width: 60%;height: 30%;position: absolute;display: block;bottom: 17%;left: 20%;}