@charset "utf-8";/***公共样式****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-family:"microsoft yahei";color:#333333;}html{-webkit-text-size-adjust:none;}
a{color:#333333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
input,button,textarea,select{resize:none;outline:none;border:none;}
button{-webkit-appearance:none;}
table{border-collapse:collapse;border-spacing:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ol,ul,li{list-style:none;}
img{border:0;max-width:100%;}
.fL{float:left;}
.fR{float:right;}
.clear{clear:both;}
.oH{overflow:hidden;zoom:1}
.clearfix{clear:both;*display:table;*zoom:1;}
.clearfix:after{clear:both;height:0;visibility:hidden;line-height:0;content:'\20';display:block;}
.floatfix:after{clear:both;content:"";display:table;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.mV5{margin:5px 0}
.mV10{margin:10px 0}
.mV20{margin:20px 0}
.mH5{margin:0 5px}
.mH10{margin:0 10px}
.mH20{margin:0 20px}
.mA5{margin:5px;}
.mA10{margin:10px;}
.mA20{margin:20px;}
.pV5{padding:5px 0}
.pV10{padding:10px 0}
.pV20{padding:20px 0}
.pH5{padding:0 5px}
.pH10{padding:0 10px}
.pH20{padding:0 20px}
.pA5{padding:5px;}
.pA10{padding:10px;}
.pA20{padding:20px;}
.relative{ position:relative;}
/* 标准色 */
.font-color-red{color:#ff583f;}
.font-color-h1{color:#3e4752;}
.font-color-title{color:#818181;}
.font-color-normal{color:#afafaf;}
.background-color-red{background:#ff583f;}
.background-color-block{background:#ededed;}
.border{border:1px solid #e0e0e0;}
.border-top{border-top:1px solid #e0e0e0;}
.border-right{border-right:1px solid #e0e0e0;}
.border-bottom{border-bottom:1px solid #e0e0e0;}
.border-left{border-left:1px solid #e0e0e0;}
input{font-family:"microsoft yahei","Arial Narrow"};
/* 标准字 */
html,body{font-size: 10px!important;/*11 ÷ 16 × 100%*/}
@media screen and (max-height:568px){
	html,body {font-size: 9px!important;/*9 ÷ 16 × 100%*/}
}
@media screen and (min-height:569px)  and (max-height: 667px) {
	html,body {font-size: 10px!important;/*10 ÷ 16 × 100% = 62.5%*/}
}
@media screen and (min-height:668px){
	html,body {font-size: 11px!important;/*11 ÷ 16 × 100%*/}
}
.font-h1{font-size:1.7rem;}
.font-h2{font-size:1.5rem;}
.font-h3{font-size:1.3rem;}
.font-h4{font-size:1.2rem;}
.font-h5{font-size:1.4rem;}
.font-h6{font-size:1.6rem;}
.font-h7{font-size:1.1rem;}
.font-h8{font-size:1rem;}
.font-h9{font-size:2.8rem;}
.font-h10{font-size:1.8rem;}
html,body{ height:100%;}
body{ overflow:hidden;max-width:640px; position:relative; margin:0 auto;}
.container{ max-width:640px; margin:0 auto; overflow:auto; height:100%;-webkit-overflow-scrolling:touch;position:fixed;width:100%;}
/*header*/
header.header{position:fixed;top:0;height:5rem; line-height:5rem; width:100%; max-width:640px;background-color:#fff; text-align:center;border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
header.header h1{text-align: center;font-weight: normal;color: #3e4752;margin:0 auto; }
header.header .header_left{background: url(../images/public_icon.png) no-repeat;background-position:-8px -1px;background-size:32px 144px;width:auto; height:2.3rem; line-height:2.3rem; position: absolute;left:4%;padding-left:15px;top:1.35rem;}
.headheight{height:5rem; }
header.header .header_right{ position:absolute; right:4%;  top:0;}
/* footer */
footer.footer{height:5.2rem;max-width:640px; position:fixed; bottom:0; width:100%;background:#fafafa; border-top:1px solid #e0e0e0;box-sizing:border-box;}
.footheight{height:5.2rem;min-height:50px;}
footer.footer ul{height:100%;}
footer.footer ul li{width:20%; border:0px solid #000; height:100%; float:left; box-sizing:border-box;}
footer.footer ul li.icon_li{cursor:pointer;}
footer.footer ul li .footer_button_text{ text-align:center; width:100%; display:block;}
footer.footer ul li .icon01{background:url(../images/foot_icon01.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li .icon02{background:url(../images/foot_icon02.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li .icon03{background:url(../images/foot_icon03.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li .icon04{background:url(../images/foot_icon04.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li.checked .icon01{background:url(../images/foot_icon01_checked.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li.checked .icon02{background:url(../images/foot_icon02_checked.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li.checked .icon03{background:url(../images/foot_icon03_checked.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li.checked .icon04{background:url(../images/foot_icon04_checked.png) no-repeat center center; background-size:100% 100%; display:block;margin:0 auto;}
footer.footer ul li.checked .footer_button_text{color:#ff583f;}
footer.footer ul li div.erweima_block{background:url(../images/footer_center_button_bg.png) no-repeat; background-size:100% 100%; width:59px; height:62px; margin:-12px auto; cursor:pointer;}
footer .footer_button_icon{width:2.2rem; height:2.2rem;margin-bottom:0.1rem!important;margin-top:0.8rem!important;}
.redfont{color:#ff583f!important;}
.redfont1{color:#ff583f!important;}
.redicon{background-position:-8px -27px!important;}
.redborder{ border-color:#ff583f!important;}
.del_icon{background:url(../images/public_icon.png) no-repeat;background-position:0 -49px;background-size:32px 144px;width:32px; height:32px; position:absolute; top:5px; display:none;}
/* popbox */
.greyDiv{display:none; width:100%; height:100%; left:0; top:0; right:0; bottom:0; position:fixed; background:rgba(0,0,0,0.3); z-index:103;}
.popbox{display:none; width:90%; max-height:95%; position:absolute; text-align:center;top:50%; left:5%; z-index:104;background:#fff; border-radius:5px; padding:15px; box-sizing:border-box;}
.popbox .title{color:#3e4752;margin:10px auto;}
.popbox .text{color:#818181;font-weight:normal;margin:20px auto; text-align:left;line-height:20px;}
.popbox button{color:#fff;background:#ff583f; border-radius:5px; width:80%; height:40px;line-height:40px; cursor:pointer;}
/* popbox */
.popboxDb{display:none; width:90%; max-height:95%; position:absolute; text-align:center;top:50%; left:5%; z-index:104;background:#fff; border-radius:5px; padding:15px; box-sizing:border-box;}
.popboxDb .title{color:#3e4752;margin:10px auto;}
.popboxDb .text{color:#818181;font-weight:normal;margin:20px auto; text-align:left;line-height:20px;}
.popboxDb button{color:#fff;background:#ff583f; border-radius:5px; width:40%; height:40px;line-height:40px; cursor:pointer;}
.popboxDb .buttonLeft{margin-right:10%; background:#e4e4e4; color:#333;}
/* 客服电话 */
#customerservice{background:url(../images/cs_icon.png) no-repeat; width:4.5rem; height:4.5rem; position:fixed; right:4%; bottom:17.39%; background-size:100% 100%; z-index:102;}
/* 返回顶部 */
#topback{background:url(../images/topback_icon.png) no-repeat; width:4.5rem; height:4.5rem; position:fixed; right:4%; bottom:9.45%; background-size:100% 100%; z-index:102;}
/* 通用按钮 */
.button{width:92%;margin-left:4%; margin-right:4%;display:inline-block; box-sizing:border-box;background:#ff583f;border-radius:5px;color:#fff; text-align:center;}
/*loading*/
.loading{background:#ededed!important; text-align:center; border:0!important; min-height:20px; padding:10px 0;}
.loading_icon{ background:url(../images/loading_icon.png) no-repeat;margin-right:5px; width:18px; height:15px; background-size:100% 100%; display:inline-block; -webkit-animation:rotate 1s linear infinite;}
@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}
/* 邀请得金币 */
.invent_block{background:rgba(255,255,255,0.96);position:fixed; width:100%; height:100%; z-index:3; text-align:center; color:#3e4752; display:none;}
.invent_erweima_block{background:url(../images/invent_bg.png) no-repeat center center; background-size:100% 100%; width:100%;margin-top:10%; position:relative;}
.invent_erweima{width:46%; height:58%; position:absolute; left:27%; top:20%;}
.invent_erweima img{width:100%; height:100%;}
.invent_block p{ line-height:25px;}
.invent_button{background:#ff583e; height:40px; width:65%; display:block; line-height:40px; text-align:center; margin:5% auto; color:#fff; border-radius:5px;}
.invent_view_button{color:#ff583e; text-decoration:underline; margin:0 auto;}
.invent_close_button{width:50px; height:50px; background:url(../images/invent_close_icon.png) no-repeat; position:absolute; bottom:13px; right:50%; margin-right:-25px;background-size:100% 100%; }
.invent_coinrule_button{ position:absolute; right:10px; top:10px; border:1px solid #ff583f; color:#ff583f; padding:5px; border-radius:15px;}
@media screen and (min-width:414px){
	.invent_close_button{ bottom:21px;}
}
/* inform 灰色提示框 */
.inform{ display:none;position:fixed; text-align:center; padding:5px 15px; background:rgba(0,0,0,0.8); color:#fff; z-index:105; border-radius:5px;top:50%;left:25%; box-sizing:border-box;width:50%;}
i{color: #d33728;font-style: normal;}
/*.button通用样式 */
.button{height:5rem; line-height:5rem;}