@charset "utf-8";
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;font-family:microsoft yahei,Verdana,Arial,Helvetica,sans-serif;}
html {
    font-size : 10px;
}
@media only screen and (min-width: 360px){
    html {
        font-size: 11.25px !important;
    }
}
@media only screen and (min-width: 375px){
    html {
        font-size: 11.7188px !important;
    }
}
@media only screen and (min-width: 384px){
    html {
        font-size: 12px !important;
    }
}
@media only screen and (min-width: 414px){
    html {
        font-size: 12.9375px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 13.375px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 15px !important; 
    }
}
@media only screen and (min-width: 600px){
    html {
        font-size: 18.75px !important; 
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 20px !important; 
    }
}
body{ font-size: 12px; color: #333333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
button,input,select,textarea{outline:0;}
textarea{resize:none;}
ul{list-style:none;}
img{outline:0;border:none;}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;}
a{ color:#333; text-decoration:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

a:hover{text-decoration:none;}

.d-box{display:-ms-flexbox;display:-webkit-box;display:-ms-flex;}
.b-flex{display:block;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;-o-box-flex:1;box-flex:1;}
.b-box{box-sizing: border-box;}
.icon-w{ display: inline-block; background: url(../images/ly-icon_02.png) no-repeat; background-size: 25rem auto; font-size: 0;}
.clear{clear:both;}
.d-none{display:none;}
.d-block{display: block;}
.mask45{opacity:.50;filter:alpha(opacity=50);-moz-opacity:.50;}
.mask85{opacity:.85;filter:alpha(opacity=85);-moz-opacity:.85;}
.mask-black{background-color:#000;}
.opacity0{opacity:0;filter:alpha(opacity=0);}
.f-left{ float: left;}
.f-right{float: right;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.mt10{margin-top:1rem;}
.mt15{margin-top: 1.5rem;}
.mt20{margin-top: 2rem;}
.plr15{ padding: 0 1.5rem;}
.border-0ae{border:1px solid #0ae;}
.border-ea{border:1px solid #eaeaea;}
.border-e8{border:1px solid #e8e8e8;}
.p-relative{position:relative;}
.p-absolute{position: absolute;}
.bold{font-weight:bold;}
.f0{font-size: 0;}
.f12{font-size:1.2rem;}
.f13{font-size: 1.3rem;}
.f14{font-size:1.4rem;}
.f18{font-size:1.8rem;}
.cFFF{color: #FFFFFF;}
.c333{color:#333;}
.c666{color:#666;}
.c999{color:#999;}
.c0ae{ color: #00AAEE;}
.wrap-con{ width: 100%; overflow: hidden; box-sizing: border-box;}

/*head*/
.top-fixed-height{ height: 4.5rem; overflow: hidden;}
.index-top,.pub-top{ position: fixed; top: 0; left: 0; z-index: 999; height: 4.5rem; width: 100%; background-color: #FFFFFF; box-sizing: border-box;}
.pub-top-l,.pub-top-c,.pub-top-r{ position: absolute; top: 0; z-index: 1000; overflow: hidden;}
.pub-top-l{ left: 1.5rem;}
.pub-top-c{ width: 100%; z-index: 999; line-height: 4.5rem; text-align: center;}
.pub-top-r{ right: 1.5rem;}
.go-history{ width: 1.2rem; height: 2.1rem; background-position: -2.9rem -5.2rem; margin-top: 1.1rem;}
.logo-img img{ width: 7rem; margin-top: 1rem;}
.pub-top-c .logo-img img{ width: auto; height: 2.7rem; margin-top: 0.8rem;}
.index-top-right{ float: right; width: 5.5rem; padding-right: 0.7rem;}
.index-top-right a{ display: block; text-align: center;}
.user-i{ width: 1.6rem; height: 1.5rem; background-position: -2.95rem 0; margin-top: 0.6rem;}
.tips-text{ display: block; font-size: 1.3rem;}
.pub-top{ background-color: #00AAEE;}
.top-search{ width: 21.1rem; float: right; margin-top: 0.85rem; height: 2.7rem;}
.top-search-text{ height: 2.7rem; padding: 1rem; border: none; border-right: 0.1rem solid #00AAEE; background-color: #FFF; box-sizing: border-box; border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; font-size: 1.3rem; color: #666;}
.top-search-btn{ display: block; width: 3.95rem; height: 2.7rem; border: none; background-position: -13rem 0.69rem; background-color: #fff; border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem;}


/*footer*/
.foot-fixed-height{ height:auto;}
footer{ overflow: hidden; background-color: #4e525e;padding:0 1.4rem 1.4rem 1.4rem;}
.footer-nav{ width: 100%; margin-top: 1.2rem; text-align: center; font-size: 1.4rem; color: #bebebe; word-spacing: 10px;}
.footer-nav a:nth-of-type(1){ color: #FFF;}
.footer-nav a:nth-of-type(2){ color: #bebebe;}
.copyright{ width: 100%; text-align: center; font-size: 1.2rem; color: #BEBEBE;}
.copyright .icon-w{ width: 1.7rem; height: 1.7rem; background-position: -2.8rem -2.1rem; position: relative; top: 0.3rem;}
.copy_p{ width: 100%; text-align: center; font-size: 1.2rem; color: #BEBEBE;}

/*悬浮btn*/
.quick-btn{ position: fixed; bottom: 3.5rem; left: 1.4rem; z-index: 1000; width: 5.8rem; height: 5.8rem; background: url(../images/quick-btn.png) no-repeat; background-size: 5.8rem auto;}
.quick-fun-box{ position: fixed; bottom: -19.7rem; left: 2rem; z-index: 999; width: 12.9rem; border: 0.1rem solid #cccccc; background-color: #FFF; border-radius: 0.5rem; box-sizing: border-box; opacity: 0;}
.quick-fun-box a{ display: block; width: 100%; overflow: hidden; height: 3.9rem; line-height: 3.8rem; border-bottom: 0.1rem solid #eeeeee; box-sizing: border-box;}
.quick-fun-box a:hover{ background-color: #e7f8ff; border-bottom: 0.1rem solid #86dcff;}
.quick-fun-box a:last-of-type{ border: none;}
.quick-fun-box a .icon-w{ float: left; width: 1.3rem; height: 1.6rem; margin-top: 1.1rem; margin-left: 1rem;}
.quick-fun-box a:nth-of-type(1) .icon-w{ background-position: 0 0.2rem;}
.quick-fun-box a:nth-of-type(2) .icon-w{ background-position: 0 -1.7rem;}
.quick-fun-box a:nth-of-type(3) .icon-w{ background-position: 0 -3.6rem;}
.quick-fun-box a:nth-of-type(4) .icon-w{ background-position: 0 -5.9rem;}
.quick-fun-box a:nth-of-type(5) .icon-w{ background-position: 0 -7.7rem;}
.quick-text{ float: left; padding-left: 1rem; font-size: 1.3rem;}
