@charset "utf-8";
@media screen and (min-width: 320px) { html{ font-size:42px; }}
@media screen and (min-width: 360px) { html{ font-size:48px; }}
@media screen and (min-width: 375px) { html{ font-size:50px; }}
@media screen and (min-width: 400px) { html{ font-size:54px; }}
@media screen and (min-width: 414px) { html{ font-size:56px; }}
@media screen and (min-width: 440px) { html{ font-size:58px; }}
@media screen and (min-width: 480px) { html{ font-size:64px; }}
@media screen and (min-width: 520px) { html{ font-size:70px; }}
@media screen and (min-width: 560px) { html{ font-size:74px; }}
@media screen and (min-width: 600px) { html{ font-size:80px; }}
@media screen and (min-width: 640px) { html{ font-size:86px; }}
@media screen and (min-width: 680px) { html{ font-size:90px; }}
@media screen and (min-width: 720px) { html{ font-size:96px; }}
@media screen and (min-width: 750px) { html{ font-size:100px; }}
/* @media screen and (min-width: 768px) { html{ font-size:102px; }} */
body{ line-height:normal; margin: 0; font-size: .24rem; color: #555;-webkit-tap-highlight-color:transparent;}
body,html{ min-height: 100%; }
body,input,button,textarea,select,option,label{ font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",\5B8B\4F53,\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,sans-self; color: #333; }
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; /*font-size:.24rem; font-weight: normal; vertical-align: baseline;*/ background: transparent; font-style: normal; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
input,button,textarea,select,option{ margin: 0; padding: 0; outline: none; border: 0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0); border-radius: 0; }
nav,ul,ol{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;color: #555;text-decoration: none; }
img {border: none;max-width: 100%;max-height: 100%;height: auto;vertical-align: middle;}
ins{ background:#ff9; color:#000; text-decoration:none; }
mark{ background:#ff9; color:#000; font-style:italic; font-weight:bold; }
del{ text-decoration:line-through; }
abbr[title],dfn[title]{ border-bottom: 1px dotted; cursor:help; }
table{ border-collapse:collapse; border-spacing:0; }
hr{ display:block; height:1px; border:0; margin: .1rem 0; padding: 0; }
input,select{ vertical-align:middle; }
.clearfix::after, .clearfix::before{ content: "."; display: block; height: 0; clear: both; font-size:0; }
.clearfix{ zoom:1; }
.fl { float: left; }
.fr { float: right; }
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.fx1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
/* scroll style */
/* ::-webkit-scrollbar {width: 6px; height: 10px; background: #f5f5f5; }
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 6px; background: #f5f5f5; }
::-webkit-scrollbar-thumb {border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); } */
/* pop style */
.h5pop-main{ width: 80%; max-height: 70%; padding: 0; background: #fff; background: #fff; border-radius: 0.1rem; position: fixed; z-index: 999999; top: 50%; left: 10%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }
.h5pop-mask{ width: 100%; max-width: 750px; height: 100%; background: rgba(0,0,0,.7); position: fixed; z-index: 999998; top: 0; left: 0; }
.h5pop-close{ width: 0.8rem; height: 0.8rem; line-height: 0.8rem; margin: 0; padding: 0;font-size: 0.48rem; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; text-decoration: none; color: #333; }
.h5pop-close:active{  color: #FF4070; }
.h5pop-content{ padding: 0.2rem 0; margin: .1rem; text-align: center; max-height: 2rem; overflow-y:auto; }
.h5pop-content::-webkit-scrollbar {width: 6px; height: 10px; background: #f5f5f5; }
.h5pop-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 6px; background: #f5f5f5; }
.h5pop-content::-webkit-scrollbar-thumb {border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background: #FF4070; }
.h5tips-title {display: block; width: 100%; height: 0.8rem; line-height: 0.8rem; margin: 0; padding: 0; border-bottom: 1px solid #ddd;  text-align: center; font-size: 0.36rem;font-weight: normal;}
.h5tips-txt{ display: block; width: 100%; line-height: 160%; padding: 0.2rem 0; text-align: center; }
.h5tips-txt img{ max-width: 200px; vertical-align: top; }
.h5pop-footer{ text-align: right;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;	display: flex; }
.h5pop-confirm,.h5pop-cancel{ display: inline-block; height:0.8rem; line-height: 0.8rem; font-size: 0.36rem; cursor: pointer; outline: none; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex: 1; border:none;-webkit-appearance: none;appearance: none;border-radius: 0;margin:0 -0.05rem; text-decoration: none; text-align: center; }
.h5pop-confirm{ background-color:#FF4070; background: linear-gradient(to right,#FF5390, #FF4070);color: #fff; }
.h5pop-cancel{ background: #e4e4e4;border-right: 1px solid #ddd; color: #333; }
.h5pop-cancel:active{ background: #fff; }
.h5pop-confirm:active{ background-color:#FB3060; background: linear-gradient(to right,#FF4070, #FB3060); }
#systemTips{ width: 80%; line-height: 150%; padding: 10px; box-sizing: border-box; background: rgba(0,0,0,.8); border: 1px solid #000; border-radius: 4px; position: fixed; z-index: 9999999; top: 50%; left: 10%; transform: translateY(-50%); font-size: 14px; text-align: center; color: #fff; }
/* 返回顶部 */
#goTop{ display: none; width: 0.8rem; height: 0.8rem; position: fixed; overflow: hidden; bottom: 1rem; right: 0.2rem; background: rgba(0,0,0,0.5); border-radius: 0.1rem; cursor: pointer; z-index: 100; }
#goTop i{ display: block; width: 0.2rem; height:0.2rem; border-left: 2px solid rgba(255,255,255,0.5); border-top: 2px solid rgba(255,255,255,0.5); transform: rotate(45deg); margin: auto; margin-top: 0.34rem; }
/* loading */
#loadingWrap,body{width:100%;max-width:750px}body{margin:0 auto}#loadingWrap{position:fixed;top:0;z-index: 999;height:100%;background:rgba(0,0,0,.3)}.loading{left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;position:relative}.loadfirst>div,.loadlast>div,.second>div{width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;-webkit-animation:bounce 1.2s infinite ease-in-out;animation:bounce 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loading .loading-container{position:absolute;width:100%;height:100%}.second{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.loadlast{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.second .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loadlast .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.loadfirst .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.second .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loadlast .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loadfirst .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.second .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.loadlast .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.loadfirst .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.second .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.loadlast .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bounce{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}
/* main footer list */
.main-footer-list{ width: 100%; padding: .2rem .1rem 0 .1rem; box-sizing: border-box; font-size: 0; background: #fff; box-sizing: border-box; overflow: hidden; }
.main-footer-list.free-list{ background: none; }
.main-footer-list a{ display: inline-block; width: 31.333333%; position: relative; height: 4.16rem; margin: 0 1% .2rem 1%; padding-top: .4rem; box-sizing: border-box; border: 1px solid #e5e5e5; box-sizing: border-box; vertical-align: top; overflow: hidden; }
.main-footer-list.free-list a{ background: #fff; }
.public-pimg{ display: block; width: 100%; height: 2rem; line-height: 2rem; padding: .1rem; position: relative; text-align: center; box-sizing: border-box; }
.public-pimg img{ max-width: 100%; max-height: 100%; vertical-align: top; }
.main-footer-list a em{ display: block; padding: .1rem .1rem 0 .1rem; font-size: .24rem; height: .7rem; line-height: 130%; overflow:hidden; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; }
.main-footer-list a p{ display: block; padding: .05rem .1rem .1rem .1rem; }
.main-footer-list a p strong,.main-footer-list a p i{ display: inline-block; width: 50%; line-height: .4rem; vertical-align: top; }
.main-footer-list a p strong{ font-size: .24rem; color: #db0022; }
.main-footer-list a p i{ text-align: right; font-size: .24rem; color: #999; text-decoration: line-through; }
.main-footer-list a b{ display: block; font-size: .24rem; line-height: .5rem; height: .5rem; overflow:hidden; font-weight: normal; background: #bb0ec9; color: #fff; text-align: center; overflow: hidden; }
.main-footer-list.free-list a b{ background: #ffad00; }
.public-label{ width: 100%; height: auto; position: absolute; z-index: 11; top: 0; left: 0; text-align: left; }
.pac-label-mx{ display: inline-block; width: 50%; height: .4rem; line-height: .4rem; background: #db0022; padding: 0 .05rem; box-sizing: border-box; color: #fff; font-size: .22rem; vertical-align: top; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pac-label-mx:nth-of-type(2){ background: #ce38ef; border-left: 1px solid #fff; }
.main-footer-title{ display: block; height: 1rem; width: 100%; text-align: center; font-size: 0; background: url(../images/main/wt-1.jpg) no-repeat center top; background-size: 100% 100%; white-space: nowrap; }
.main-footer-title i,.main-footer-title em{ display: inline-block; height: 1rem; line-height: 1.1rem; vertical-align: top; padding: 0 .1rem; }
.main-footer-title em{ font-size: .36rem; color: #fff; font-weight: bold; }
.main-footer-title i img{ height: .36rem; vertical-align: middle; }
.ysqs{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .4) url(../images/i-ysq.png) center center no-repeat; z-index: 98; background-size: 80%; }