@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body,button,input,select,textarea{font-family:'Microsoft YaHei',arial,SimSun,sans-serif,tahoma;}
body{-webkit-text-size-adjust:none;font-size:62.5%;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
input,select,textarea{font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
/*表格边框合并，边框距零*/
table{border-collapse:collapse;border-spacing:0;}
/*继承父元素的字体系列样式*/
input,select,textarea,button{font-family:inherit;}
fieldset,img{border:0 none;}
iframe{display:block;}
.overflow{overflow:hidden}
.display{display:block}
abbr,acronym{border:none;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul,li{list-style:none;}
label,dt{font-weight:normal}
ins{text-decoration:none;}
img{vertical-align:middle;}
i{font-style:normal}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clear{clear:both;font-size:0;height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.tr{text-align:right;}
.tl{text-align:left}
.tc{text-align:center;}
body{font:14px/1.4 arial;color:#666;-webkit-text-size-adjust:none;font-family:"Microsoft Yahei",!important;background:#f2f2f2; min-height:100%}
html{min-height:100%}
a{text-decoration:none;color:#666; cursor:pointer}
a:hover{text-decoration:none;color:#666}
a:active,button:active,input:active,select:active,textarea:active{text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:none;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;cursor:pointer;outline:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
input:focus,textarea:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-moz-focus-inner{border:none}
/*去除点击高亮效果*/
a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle!important;}
/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"],input[type="reset"],input[type="button"],button,select,input{-webkit-appearance:none;}
/*去掉谷歌默认的黄色聚焦边框*/
input,button,select,textarea{outline:none;}
/*取消textarea的拖动改变大小的功能*/
textarea{resize:none;}
/*placeholder文本颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}
/*html5标签*/
header,footer,section,article,aside,nav,figure{display:block;}
/*长英文字母 数字 换行*/
p{/*word-break:break-all;word-wrap:break-word;*/}
/*去除默认样式*/
h1,h2,h3,h4,h5,h6,strong,i,em,address, caption, cite, code, dfn, th, var{font-weight:normal;font-style:normal;}
/*去除长按a链接弹框*/
html,body{-webkit-touch-callout:none;}
/* 设置为100是方便用rem单位计算 */
.wap{width:95%;margin:0 auto}
.swap{width:90%;margin:0 auto}
.em0{color:#3ca531}
.em1{color:#ff3334!important}
.em2{color:#333!important}
.em3{color:#999}
.em4{color:#ffb238}
.em5{color:#ee0101}
.em6{color:#ff3335}

.white-bg{background:#fff!important}
.mt5{margin-top:5px;}
.mt10{margin-top:1rem;}
.mt20{margin-top:2rem;}
.mt30{margin-top:3rem;}
.mt50{margin-top:5rem;}
.mb10{margin-bottom:1rem}
.tp2{border-bottom:1px solid #e8e8e8;}
.tp3{border-right:1px solid #e8e8e8}
.tp4{border-top:1px solid #e8e8e8}
.public{padding:1rem}
.public1{padding:1rem 0}
.public2{padding:0 1rem}
.fb{font-weight:600}
.f12{font-size:12px}
.f16{font-size:16px}
.f20{font-size:20px!important}
.tc{text-align:center}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.noborder{border:0!important; border-radius:0!important}
.noback{background:none!important;}
.tl{text-align:left!important}
.am_block{display:block;}

@media screen and (min-width:320px) and (max-width:375px){html{font-size:12px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:14px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}


/*横竖屏代码*/
@-webkit-keyframes rotation {
10%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
50%,60%{transform: rotate(0deg);-webkit-transform: rotate(0deg)}
90%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
100%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
}
@keyframes rotation {
10%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
50%,60%{transform: rotate(0deg);-webkit-transform: rotate(0deg)}
90%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
100% {transform: rotate(90deg);-webkit-transform: rotate(90deg)}
}
#orientLayer {display: none;}
@media screen and (min-aspect-ratio: 13/9) {
#orientLayer { display: block;}
body {width: 100%;height: 100%;}
}
.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}
.mod-orient-layer__content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}
.mod-orient-layer__icon-orient {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');display:inline-block;width:67px;
height: 109px;transform: rotate(90deg);-webkit-transform:rotate(90deg);
-webkit-animation:rotation infinite 1.5s ease-in-out;animation: rotation infinite 1.5s ease-in-out;-webkit-background-size:67px;background-size:67px}
.mod-orient-layer__desc{margin-top:20px;font-size:15px;color:#fff}