@charset "utf-8";
html{font-size:62.5%}
@media screen and (max-width:320px){html{font-size:50%;}}
@media screen and (min-width:360px){html{font-size:62%;}}
@media screen and (min-width:414px){html{font-size:66.2%;}}
@media screen and (min-width:480px){html{font-size:90%;}}
/*min-width:360px:  66.2% */
body{background-color:#fff;font-family:'PingFangSC','Helvetica Neue','Helvetica','sans-serif','Microsoft Yahei';font-size:1.4rem;padding:0px;margin:0px auto;color:#333;text-align:center;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;max-width:750px;-webkit-text-size-adjust:100% !important;}
.clear{clear:both;height:0;width:1px;font-size:1px;visibility:hidden;}
::-webkit-input-placeholder {color:#aaa;font-size:1.4rem}
ul,em,i,dl,dt,dd,hr,h1,h2,h3,h3,h4,h5,h6,strong{font-style:normal;font-weight:normal;margin:0px;padding:0px;display:block}
ul,li,img,form,p{margin:0px;padding:0px;border:0px}
li{list-style-type:none;display:block}
h1,h2,h3,h4,h5,h6,hr,p{margin:0;padding:0;word-wrap:break-word}
a{text-decoration:none;color:#333;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*:focus {outline: none}.FL{float:left}.FR{float:right}
/*zeai Font*/
.B{font-weight:bold}
.blue{color:#459ae9}
.Cfff{color:#fff}
.Cf00{color:#f00}
.Cfc0{color:#fc0}
.Cf60{color:#f60}
.C00f{color:#00f}
.C00c{color:#00c}
.C09f{color:#09f}
.Cc03{color:#c03}
.C090{color:#5EB87B}
.Cccc{color:#ccc}
.Caaa{color:#aaa}
.C999{color:#999}
.C666{color:#666}
.C333{color:#333}
.C000{color:#000}
.Chong{color:#FF589B}.Clan{color:#16B0FF}
.S12{font-size:1.2rem}.S14{font-size:1.4rem}.S16{font-size:1.6rem}.S18{font-size:1.8rem}.S24{font-size:2.4rem}.S30{font-size:3rem}
h1{font-size:3.2rem}h2{font-size:2.4rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}
.W150{width:150px}
.W80_{width:80%}.W85_{width:85%}.W90_{width:90%}.W95_{width:95%}.W98_{width:98%}.W100_{width:100%}


.ico{font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block}

.lineH150{line-height:150%}.lineH200{line-height:200%}
.flex {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.middle{vertical-align:middle}
/******zeai Button******/
button{font-size:1.4rem;padding:0;display:inline-block;text-align:center}
.btn{vertical-align: middle;outline:0;background-color:#009688;white-space:nowrap;border-radius:.4rem;height:3rem;line-height:3rem;color:#fff;padding:0 1rem;font-size:1.2rem;cursor:pointer;border:0;display:inline-block;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-user-select:none;-webkit-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
input.center{margin:0 auto;display:block}
.size1{height:2.2rem;line-height:2.3rem;padding:0 .5rem;border-radius:.2rem}
.size2{height:3rem;line-height:3rem;padding:0 1rem;border-radius:.2rem}
a.size2,button.size2,div.size2{height:3rem;line-height:3rem;padding:0 1.2rem;font-size:1.4rem}
a.size3,button.size3,div.size3{height:4rem;line-height:4rem;padding:0 1.8rem;font-size:1.6rem}
.size4,.size5{height:5rem;line-height:5rem;padding:0 2.5rem;font-size:1.8rem/*;border-radius:.6rem*/}
.size5{height:5.5rem;line-height:5.5rem}

.HONG{background-color:#EE5A4E}.HONG2{background-color:#FF9097}.HONG3{background-color:#F7564D}
.HONG4{background-color:#F7564D}.HONG5{background-color:#FF5065}

.LAN{background-color:#1E9FFF}.LAN2{background-color:#1E9FFF}
.LV{background-color:#07C160}.LV2{background-color:#45C01A}
.HUI{background-color:#999}
.HUANG{background-color:#f60}
.BAI{background-color:#fff;color:#333;border:#c9c9c9 1px solid}
.HEI{background-color:#000}
.VIP{background-color:#c3994c}
.disabled{background-color:#F7F7F7;color:#bbb;border:#ddd 1px solid;cursor:not-allowed}
.select,.input,.textarea{border-radius:.3rem;font-size:1.6rem;border:1px #E7E7EB solid;-webkit-appearance:none;font-family:'Helvetica','宋体';box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none;color:#333;-webkit-appearance:none}
.select,.input{vertical-align:middle;height:3rem;line-height:3rem;background-color:#fff}
.yuan{border-radius:10rem}


/*divBottom*/
.divBottom_box{width:100%;clear:both;overflow:auto;background-color:#fff;text-align:left;position:fixed;bottom:0;z-index:999}

/*divm*/
#div_boxm{overflow:visible;text-align:center}
#div_boxm .div_closem{position:absolute;bottom:-5rem;left:-webkit-calc(50% - 2rem);width:4rem;height:4rem;font-size:5rem;z-index:999}
#div_boxm .div_closem i{font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#div_boxm .div_closem i:after{position:absolute;content:'\e65b';font-size:3rem;box-sizing:border-box;width:4rem;height:4rem;line-height:4rem;color:#fff;top:0;left:0}

/*alertpro*/
.alertpro{display:flex;align-items:center}
.alertpro .box{margin:auto;width:27rem;background-color:#fff;border-radius:1.5rem;z-index:1;overflow:hidden;color:#000}
.alertpro .box h1{width:90%;font-size:1.8rem;margin:2rem auto .5rem auto;display:block}
.alertpro .box h3{width:90%;font-size:1.4rem;line-height:20px;margin:0 auto;display:block}
.alertpro .box ul{width:100%;height:4.4rem;border-top:#D9D9DC 1px solid;margin-top:2.5rem}
.alertpro .box ul li{float:left;width:50%;line-height:4.4rem;text-align:center;color:#037afe;font-size:1.8rem;box-sizing:border-box}
.alertpro .box ul li:nth-child(1){border-right:#D9D9DC 1px solid}
.alertpro .box ul li:nth-child(2){font-weight:bold}

.top_mini{width:100%;max-width:750px;height:4.4rem;line-height:4.4rem;color:#fff;background:#FD45A7;text-align:center;position:fixed;top:0;left:0;box-sizing:border-box;z-index:1}
.top_mini{background:-webkit-linear-gradient(left,#E83191, #FD45A7 30%, #FD45A7, #FD45A7 30%,#FD45A7,#E83191);/*chrome*/}
.top_mini h1{font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top_mini .L,.top_mini .R{position:absolute;top:0}
.top_mini .L{left:3.3rem;font-size:1.6rem;line-height:4.3rem}
.top_mini .R{right:2rem}
.top_miniBAI{color:#333;background:#fff;border-bottom:#eee 1px solid}
.top_miniBAI .goback,.top_miniBAI .L,.top_miniBAI h1{color:#000}


.top_mini4{width:100%;max-width:750px;height:5rem;line-height:5rem;color:#333;text-align:center;position:fixed;top:0;box-sizing:border-box;z-index:2;background-color:#fff;background-size:100%}/*44px*/
.top_mini4 .L,.top_mini4 .R{position:absolute;top:0;height:5rem}
.top_mini4 .L{left:0;font-size:1.6rem}
.top_mini4 .L em{position:relative;top:0;height:4.9rem;;padding-left:1.2rem;display:inline-block;width:5rem;text-align:left}
.top_mini4 .L i,.top_mini4 .R i{font-size:2.2rem;height:2rem;line-height:2rem;margin-top:1.5rem}/*;vertical-align:middle*/
.top_mini4 .L em i{font-size:2rem;}
.top_mini4 .L span{text-align:left;position:absolute;display:block;width:4rem;height:2rem;line-height:2rem;left:3.3rem;top:1.4rem}
.top_mini4 h1{max-width:65%;margin:0 auto;font-size:1.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top_mini4 .R{right:1.2rem}

header.line{border-bottom:#eee 1px solid}
header.bgcolor,header.bgcolor a i{color:#fff}
header.top_mini4 .Y{display:none}
header.yunbox{height:6.7rem}
header.yunbox .Y{width:100%;display:block;height:1.6rem;border-radius:1.6rem 1.6rem 0 0;background-color:#fff;position:absolute;left:0;bottom:0;}


nav,.navdiy{width:100%;max-width:750px;height:5.5rem;position:fixed;bottom:0;margin:0 auto;background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:2}
nav a{width:20%;height:5.4rem;display:block;float:left;position:relative}
nav a i{position:relative;width:3rem;height:3rem;margin:0 auto;display:block;margin-top:.3rem;background-size:36rem 36rem;background-repeat:no-repeat}
nav a i span,.navdiy i span{display:block;position:absolute;min-width:1.4rem;padding:0 .3rem;height:2rem;line-height:2rem;font-size:1.2rem;border-radius:1.2rem;right:-.8rem;top:-.3rem;color:#fff;border:#fff .2rem solid}
nav .shadow,.navdiy .shadow{-webkit-transform:scaleY(0.3);transform:scaleY(0.3);height:1px;width:100%;background-color:#d8d8d8;display:block;-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;}
nav a font{width:4.8rem;/*overflow:hidden;*/font-size:1.2rem;height:1.2rem;line-height:1.2rem;margin:0 auto;margin-top:.2rem;display:block;color:#aaa}
nav a i.navindex{background-position:left top}
nav a i.navtj{background-position:-3rem top}
nav a i.navmsg{background-position:-6rem top}
nav a i.navhn{background-position:-9rem top}
nav a i.navmy{background-position:-12rem top}
nav a:hover i.navindex,nav a.ed i.navindex{background-position:left -3rem}
nav a:hover i.navtj,nav a.ed i.navtj{background-position:-3rem -3rem}
nav a:hover i.navmsg,nav a.ed i.navmsg{background-position:-6rem -3rem}
nav a:hover i.navhn,nav a.ed i.navhn{background-position:-9rem -3rem}
nav a:hover i.navmy,nav a.ed i.navmy{background-position:-12rem -3rem}
nav a i span,.navdiy a i span{background-color:#FF5722}
.navdiy a i{position:relative;width:3rem;height:3rem;margin:0 auto;display:block;margin-top:.3rem}
.navdiy a font{width:4.8rem;overflow:hidden;margin:0 auto;display:block;color:#999;font-size:1.2rem;height:1.2rem;line-height:1.2rem;margin-top:.2rem}
.navdiy a{width:20%;height:5.4rem;display:block;float:left;position:relative}
.navdiy a img{width:3rem;height:3rem;object-fit:cover;-webkit-object-fit:cover;display:block;margin:.5rem auto .2rem auto;border-radius:.3rem}

			
/*topnav*/
.topnav{width:100%;max-width:750px;height:5rem;padding:1.5rem;position:fixed;top:0;background-color:#fff;z-index:2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.topnav a{display:inline-block;font-size:1.6rem;text-align:center;float:left;margin-right:2rem;height:2rem;line-height:2rem;position:relative}
.topnav a.ed{font-size:2.4rem;line-height:2rem;font-weight:bold}
.topnav a.ed:after{content:'';position:absolute;0;bottom:-1.3rem;left:-webkit-calc(50% - .4rem);height:0.6rem;width:.8rem;border-radius:0.6rem;display:block;margin:.8rem auto 0 auto}
.topnav font{font-size:1.5rem;float:right;display:inline-block;margin-right:0}
.topnav a.back .ico{font-size:2rem;margin-right:1rem}
.topnav a b{display:inline-block;width:8px;height:8px;border-radius:8px;right:-9px;top:-4px;position:absolute;background-color:#FF5722;border:#fff 1px solid;color:#FF5722}

.topnav1{background-size:100%}
.topnav1 a,.topnav1 font{color:#fff}
.topnav1 a.ed:after{background-color:#fff}