/*
* @Author: xubo
* @Date:   2019-03-29 16:06:34
* @Last Modified time: 2019-07-11 17:31:17
* 基础样式头、尾、banner
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
a, button, div, input, select, textarea { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent !important; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a { text-decoration: none; }
ul li { list-style: none; }
html { font-family: "微软雅黑 Regular", "MicroSoft Regular"; -webkit-text-size-adjust: 100%; }
input:focus, select { outline: 0; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; }
body { text-align: left; color: #333; overflow-x: hidden; position: relative; }
.oline { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tline { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.sline { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.fline { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.areaPc { width: 12rem; height: 100%; margin: 0 auto; position: relative; font-size: 0; overflow: hidden; }
.areaPad { width: 9.24rem; margin: 0 auto; position: relative; }
.areaMob { width: 5.80rem; margin: 0 auto; position: relative; }

/*头部-PC*/
.header .pc .logobox { height: 0.9rem; background-color: #fff; padding: 0.32rem 0 .10rem 0; }
.header .pc .logobox .logo { float: left; margin-top: 0.07rem; margin-left: .20rem; }
.header .pc .logobox .logo mip-img, .header .pc .logobox .logo mip-img .mip-fill-content { height: .35rem; width: auto; }
.header .pc .logobox .comname { float: left; font-size: 0.24rem; color: #333; font-family: "MicoSoft YaHei Bold", "微软雅黑 Bold"; font-weight: 600; margin-left: 0.1rem; margin-top: 0.10rem; }
.header .pc .logobox .tel { float: right; background: url(../images/tel.png) no-repeat; background-position: center left; }
.header .pc .logobox .tel mip-img { width: .29rem; height: .25rem; display: inline-block; }
.header .pc { box-shadow: 0 3px 25px #f7f7f7; -webkit-box-shadow: 0 2px 25px #f7f7f7; -moz-box-shadow: 0 2px 25px #f7f7f7; -o-box-shadow: 0 2px 25px #f7f7f7; }
.header .pc .logobox .tel span { display: inline-block; vertical-align: top; height: 0.5rem; font-size: 0.24rem; color: #333; padding: 0.12rem 0 0.12rem 0.40rem; font-weight: bold; letter-spacing:  }
.header .pc .navbox { background-color: #fa7e04; height: .58rem; }
.header .pc .navbox ul { width: 100%; text-align: left; }
.header .pc .navbox ul li { height: 0.58rem; line-height: 0.58rem; text-align: center; display: inline-block; color: #fff; }
.header .pc .navbox ul li a:hover { background: #f65700; font-family: "MicoSoft YaHei Bold"; color: #fff; font-weight: bold; }
.header .pc .navbox ul li a { padding: 0 .30rem; display: block; color: #fff; height: 0.58rem; line-height: 0.58rem; }
.header .pc .navbox ul li span { font-size: 0.16rem; display: block; height: 0.58rem; line-height: 0.58rem; }

/* banner */
.banner { width: 100%; margin: 0 auto; }
.pcbanner, .padbanner, .mobilebanner { position: relative; overflow: hidden; border-radius: .15rem; }
.padbanner { width: 9.70rem; margin: 0 auto; }
.mobilebanner { width: 6rem; margin: 0 auto; }

/* 轮播圆点样式 */
.mip-carousel-indicatorDot { bottom: .33rem; display: -moz-flex; display: flex; display: -webkit-flex; display: -ms-flex; align-items: center; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; }
.mip-carousel-indicatorDot .mip-carousel-indecator-item { border-radius: 0 !important; background-color: rgba(255, 255, 255, .4) !important; }
.mip-carousel-indicatorDot .mip-carousel-activeitem { background-color: transparent !important; width: .60rem !important; height: .08rem !important; background: #fff !important; }
.mip-carousel-indicatorDot .mip-carousel-indecator-item { width: .60rem !important; height: .08rem !important; margin-right: 5px !important; }

/*底部-PC*/
footer .pc { width: 100%; }
footer .pc .foot { width: 100%; background: #333; overflow: hidden; padding: 0.4rem 0; }
footer .pc .foot .contact { width: 5.16rem; overflow: hidden; float: left; margin-left: 1.6rem }
footer .pc .foot .contact .tit { font-size: 0.24rem; position: relative; color: #ff7e00; line-height: 0.8rem }
footer .pc .foot .contact .tit::after { content: ''; width: 0.4rem; height: 0.02rem; position: absolute; left: 0; bottom: 0; background-color: #ff7e00; }
footer .pc .foot .contact .company { font-size: 0.18rem; color: #ff7e00; font-weight: bold; line-height: 0.6rem; padding-top: 0.12rem }
footer .pc .foot .contact .address { font-size: 0.14rem; color: #b3b2b2; padding: 0.12rem 0; }
footer .pc .foot .contact .address mip-img { width: 0.13rem; height: 0.17rem; display: inline-block; vertical-align: middle; }
footer .pc .foot .contact .address span { display: inline-block; vertical-align: middle; }
footer .pc .foot .contact .phone { font-size: 0.14rem; color: #b3b2b2; padding: 0.12rem 0; }
footer .pc .foot .contact .phone mip-img { width: 0.16rem; height: 0.16rem; display: inline-block; vertical-align: middle; }
footer .pc .foot .contact .phone span { display: inline-block; vertical-align: middle; }
footer .pc .foot .contact .human { font-size: 0.14rem; color: #b3b2b2; padding: 0.12rem 0; }
footer .pc .foot .contact .human mip-img { width: 0.14rem; height: 0.14rem; display: inline-block; vertical-align: middle; }
footer .pc .foot .contact .human span { display: inline-block; vertical-align: middle; }
footer .pc .foot .service { float: right; padding-right: 0.5rem }
footer .pc .foot .service .tit { font-size: 0.24rem; position: relative; color: #ff7e00; line-height: 0.8rem }
footer .pc .foot .service .tit::after { content: ''; width: 0.4rem; height: 0.02rem; position: absolute; left: 0; bottom: 0; background-color: #ff7e00; }
footer .pc .foot .service .call { margin-top: 0.4rem; }
footer .pc .foot .service .call mip-img { width: 0.32rem; height: 0.32rem; display: inline-block; vertical-align: middle; }
footer .pc .foot .service .call .callbox { display: inline-block; vertical-align: middle; padding-left: 0.14rem; }
footer .pc .foot .service .call .callbox .num { font-size: 0.24rem; color: #ff7e00; }
footer .pc .foot .service .call .callbox .text { font-size: 0.16rem; color: #ff7e00; }
footer .pc .foot .service .phonecall { width: 1.28rem; height: 0.33rem; display: block; margin-top: 0.3rem }
footer .pc .foot .service .phonecall mip-img { width: 1.28rem; height: 0.33rem; display: block; }
footer .pc .nav { width: 100%; background: #333; margin-top: 0; height: .42rem; border-bottom: 1px solid #b3b2b2; }
footer .pc .nav ul { text-align: center; }
footer .pc .nav ul li { display: inline-block; vertical-align: middle; padding: 0 0.2rem; }
footer .pc .nav ul li a { font-size: 0.16rem; color: #b3b2b2; display: block; }
.ercode { width: 1.94rem; float: left; margin-top: .30rem; margin-left: .50rem; }
.ercode p { font-size: .14rem; color: #b3b2b2; text-align: center; line-height: .48rem; }
.ercode-img { width: 1.94rem; height: 1.94rem; }
footer .pc .copyright { width: 100%; background: #333; font-size: 0.16rem; color: #b3b2b2; text-align: center; line-height: 0.8rem; }
footer .pc .copyright a { color: #b3b2b2; }
.ul-page { height: .45rem; border-radius: .10rem; margin: .30rem auto; font-size: 0; text-align: center; }
.ul-page a { display: inline-block; width: auto; padding: 0 .08rem 0 .08rem; text-align: center; height: .30rem; color: #000; text-align: center; line-height: .28rem; margin: .075rem .05rem 0 .05rem; background: #fff; font-size: .14rem; vertical-align: top; }
.paging a, .current { display: block; width: auto; padding: 0 .08rem 0 .08rem; height: .30rem; color: #000; border: 1px solid #0090ff; text-align: center; line-height: .30rem; border: 1px solid #000; background: #fff; font-size: .14rem; }
.paging a:hover, .current:hover { color: #fff; border: 1px solid #0090ff; background: #0090ff; cursor: pointer; transition: all 0.35s; -moz-transition: all 0.35s; /* Firefox 4 */ -webkit-transition: all 0.35s; /* Safari and Chrome */ -o-transition: all 0.35s; /* Opera */ }
.ul-page a:hover { color: #fff; background: #2c2c2c; cursor: pointer; transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ }
.nextpage { width: .59rem; height: .27rem; }
.prepage { width: .62rem; height: .27rem; }
.paging .current { font-size: .14rem; }
.page { text-align: center; width: .27rem; height: .27rem; line-height: .27rem; font-size: .12rem; color: #999999; background-image: url("../images/pagebg.png"); background-size: .27rem .27rem; }
.atmClass { margin-top: .55rem; margin-bottom: .55rem; font-size: 0; }
.atmClass .con .picwordli { display: inline-block; vertical-align: top; width: 25%; margin-top: .15rem; position: relative; text-align: -webkit-center; text-align: -moz-center; text-align: -ms-center; }
.atmClass .con .picwordli .img { width: 1.42rem; height: 1.42rem; }
.atmClass .con .picwordli .text { font-size: .51rem; color: #1a1a1a; text-align: center; }
.update-ie { position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; font-size: .20rem; text-align: center; }
.update-ie p { padding-top: .30rem; }
.update-ie a { color: #009aed; }
.margin0 { margin: 0 auto; }
mip-vd-tabs .mip-vd-tabs-nav-view .mip-vd-tabs-nav { display: inline-block; position: relative; vertical-align: top; }
.shide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected{
    border-bottom: 0 !important;
    color: #333;
    position:relative;

}
mip-vd-tabs .mip-vd-tabs-nav-li:nth-child(1){
    margin-left:0;
}
mip-vd-tabs .mip-vd-tabs-nav-li{
    font-size:.45rem;
    height:1.15rem;
    line-height:1.15rem;
    width:auto;
    margin-left:.30rem;
    padding: 0 !important;
    overflow: visible !important;
}
mip-vd-tabs .mip-vd-tabs-nav{
    border-bottom:1px solid #f4f4f4;
    overflow:hidden;
    height:1.15rem;
    padding: .05rem !important;
} */
.nav { width: 12rem; margin: 0 auto; height: 1rem; margin-top: .30rem; border-bottom: 1px solid #f4f4f4; position: relative; }
.nav .ul::-webkit-scrollbar { width: 100%; }
.nav .ul::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.nav .ul::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.nav .ul { width: 10.54rem; float: left; height: 1rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.nav .allNav { width: 1.46rem; position: absolute; top: -.02rem; right: 0; height: 1rem; text-align: center; line-height: 1rem; color: #333; font-size: .48rem; cursor: pointer; box-shadow: -3px 0 16px #ccc; -webkit-box-shadow: -3px 0 16px #ccc; -moz-box-shadow: -3px 0 16px #ccc; -o-box-shadow: -3px 0 16px #ccc; }
.nav .ul a { font-size: .32rem; color: #333; display: inline-block; vertical-align: top; height: 1rem; line-height: 1rem; margin-left: .36rem; width: auto; }
.piclightbox { display: block !important; width: 8rem; padding-bottom: .15rem; background-color: #f6f6f6; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -4rem; margin-top: 2rem; }
.piclightbox .head { height: 1rem; }
.piclightbox .head .p1 { font-size: .40rem; color: #1a1a1a; float: left; line-height: 1rem; }
.piclightbox .head .p2 { font-size: .30rem; color: #808080; float: left; line-height: 1.1rem; margin-left: .10rem; }
.piclightbox .class { width: 100%; overflow: hidden; font-size: 0; }
.piclightbox .class a { background-color: #fff; display: inline-block; vertical-align: top; line-height: .60rem; text-align: center; font-size: .28rem; color: #1a1a1a; margin-right: .10rem; margin-top: .10rem; border: 1px solid #dcdcdc; padding: 0 .15rem 0 .15rem; }
.piclightbox .lightbox-close { position: absolute; top: -1rem; right: 0; width: .30rem; height: .30rem; }

/*顶部导航 大于1200导航显示*/
@media screen and (min-width:1200px) {
    .main { width: 12rem; height: 100%; margin: 0 auto; position: relative; font-size: 0; overflow: hidden; }
    .ipad, .mobile { display: none; }
    html { font-size: 100px; }
    .banner { margin-top: 0; }
    .tabbar, .padbanner, .mobilebanner, .atmClass, .pad, .mobile, .padmob { display: none; }
    .fixtop { z-index: 999; width: 12rem; background-color: #e60000; height: 1.15rem; position: fixed; top: 0; left: 50%; margin-left: -6rem; }
    .fixtopzw { height: 1.15rem; }
    .fixtop a { width: .25rem; height: .45rem; top: .35rem; left: .30rem; position: absolute; }
    .fixtop a img { width: 100%; height: 100%; }
    .fixtop p { font-size: .48rem; line-height: 1.15rem; color: #fff; margin: 0 auto; text-align: center; }
}

/* 屏幕小于1024平板ui显示 */
@media screen and (max-width:1200px) and (min-width:750px) {
    .pc, .mobile { display: none; }
    .banner { margin-top: .30rem !important; }
    .tabbar { display: block; }
    .footer, .header, .pcbanner, .mobilebanner, .pc, .mobile { display: none; }
    .areaPc { width: 9.7rem !important; }
    .nav { width: 100%; margin: 0 auto; height: 1rem; border-bottom: 1px solid #f4f4f4; position: relative; }
    .nav .ul { width: 100%; float: left; height: 1rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-right: 1.1rem; }
    .nav .allNav { width: 1rem; position: absolute; right: 0; top: -.02rem; height: 1rem; text-align: center; line-height: 1rem; color: #333; font-size: .48rem; cursor: pointer; background-color: #fff; }
    .nav .ul a:nth-child(1) { margin-left: 1.25rem; }
    .nav .ul a { font-size: .38rem; color: #333; display: inline-block; vertical-align: top; height: 1rem; line-height: 1rem; margin-left: .30rem; width: auto; }
    .piclightbox { display: block !important; width: 8rem; background-color: #f6f6f6; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -4rem; margin-top: 4rem; }
    .piclightbox .head { height: 1rem; }
    .piclightbox .head .p1 { font-size: .40rem; color: #1a1a1a; float: left; line-height: 1rem; }
    .piclightbox .head .p2 { font-size: .30rem; color: #808080; float: left; line-height: 1.1rem; margin-left: .10rem; }
    .piclightbox .class { width: 100%; overflow: hidden; font-size: 0; }
    .piclightbox .class a { background-color: #fff; display: inline-block; vertical-align: top; line-height: .60rem; text-align: center; font-size: .28rem; color: #1a1a1a; margin-right: .10rem; margin-top: .10rem; border: 1px solid #dcdcdc; padding: 0 .20rem 0 .20rem; }
    .piclightbox .lightbox-close { position: absolute; top: -.80rem; right: 0; width: .30rem; height: .30rem; }
    .fixtop { z-index: 999; width: 100%; background-color: #e60000; height: 1.12rem; position: fixed; top: 0; left: 0; }
    .fixtopzw { height: 1.12rem; }
    .fixtop a { width: .20rem; height: .40rem; top: .36rem; left: 1.25rem; position: absolute; }
    .fixtop a img { width: 100%; height: 100%; }
    .fixtop p { font-size: .40rem; color: #fff; line-height: 1.12rem; margin: 0 auto; text-align: center; }
    .atmClass .con .picwordli { display: inline-block; vertical-align: top; width: 25%; margin-top: .15rem; position: relative; text-align: -webkit-center; text-align: -moz-center; text-align: -ms-center; }
    .atmClass .con .picwordli .img { width: 1.18rem; height: 1.18rem; }
    .atmClass .con .picwordli .text { font-size: .42rem; color: #1a1a1a; text-align: center; }
    .moreicon-img { width: .22rem !important; height: .24rem !important; margin-top: .24rem !important; float: right; }
    .footfit { height: 1.8rem; }
    .tabbar { display: block; }
    .footer, .header { display: none; }

    /*tabbar*/
    .tabbar { position: fixed; left: 0; bottom: 0; height: 1.28rem; width: 100%; text-align: center; white-space: nowrap; background: #fff; overflow-y: hidden; overflow-x: auto; border-top: 1px solid #ececec; }
    .tabbar .tabbar-img { height: .45rem; width: auto; }
    .tabbar .mip-replaced-content { height: .45rem; width: auto; max-width: auto; }
    .tabbar .mip-fill-content { min-width: auto; max-width: auto; height: .45rem; }
    .tabbar a { display: inline-block; vertical-align: middle; width: auto; height: auto; position: relative; text-align: center; text-align: -webkit-center; text-align: -moz-center; margin: 0 .35rem; }
    .tabbar a p { font-size: .24rem; color: #848383; text-align: center; }
    .dh-img, .dh-img .mip-replaced-content, .dh-img .mip-fill-content { width: 1.06rem; height: 1.06rem; }

    /* 分页 */
    .ul-page { height: .50rem; border-radius: .10rem; margin: .30rem auto; font-size: 0; text-align: center; }
    .ul-page a { display: inline-block; width: auto; padding: 0 .20rem 0 .20rem; text-align: center; height: .50rem; color: #000; text-align: center; line-height: .50rem; margin: .075rem .05rem 0 .05rem; background: #fff; font-size: .28rem; vertical-align: top; }
}
@media screen and (max-width:1200px) and (min-width:1024px) {
    html, body { font-size: 100px !important; }
}
@media screen and (max-width:1023px) and (min-width:960px) {
    html, body { font-size: 80px !important; }
}
@media screen and (max-width:959px) and (min-width:800px) {
    html, body { font-size: 66px !important; }
}
@media screen and (max-width:799px) and (min-width:751px) {
    html, body { font-size: 62px !important; }
}

/* 手机ui显示 */
@media screen and (max-width:749px) and (min-width:320px) {
    .pc, .ipad { display: none; }
    .banner { margin-top: .20rem !important; }
    .tabbar { display: block; }
    .footer, .header, .pcbanner, .padbanner, .pc, .pad { display: none; }
    .nav { width: 100%; margin: 0 auto; height: .60rem; border-bottom: 1px solid #f4f4f4; position: relative; }
    .nav .ul { width: 100%; float: left; height: .70rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-right: .70rem; }
    .nav .allNav { width: .65rem; position: absolute; right: 0; top: -.02rem; height: .60rem; text-align: center; line-height: .60rem; color: #333; font-size: .24rem; cursor: pointer; background-color: #fff; z-index: 99 }
    .nav .ul a { font-size: .24rem; color: #333; display: inline-block; vertical-align: top; height: .60rem; line-height: .60rem; margin-left: .30rem; width: auto; }
    .piclightbox { display: block !important; width: 5rem; background-color: #f6f6f6; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -2.5rem; margin-top: 2rem; }
    .piclightbox .head { height: .50rem; }
    .piclightbox .head .p1 { font-size: .25rem; color: #1a1a1a; float: left; line-height: .50rem; }
    .piclightbox .head .p2 { font-size: .22rem; color: #808080; float: left; line-height: .50rem; margin-left: .10rem; }
    .piclightbox .class { width: 100%; overflow: hidden; font-size: 0; }
    .piclightbox .class a { background-color: #fff; display: inline-block; vertical-align: top; line-height: .40rem; text-align: center; font-size: .22rem; color: #1a1a1a; margin-right: .10rem; margin-top: .10rem; border: 1px solid #dcdcdc; padding: 0 .20rem 0 .20rem; }
    .piclightbox .lightbox-close { position: absolute; top: -.80rem; right: 0; width: .30rem; height: .30rem; }
    .fixtop { z-index: 999; width: 100%; background-color: #e60000; height: .85rem; position: fixed; top: 0; }
    .fixtopzw { height: .85rem; }
    .fixtop a { width: .20rem; height: .40rem; top: .225rem; left: .30rem; position: absolute; }
    .fixtop a img { width: 100%; height: 100%; }
    .fixtop p { font-size: .30rem; color: #fff; line-height: .85rem; margin: 0 auto; text-align: center; }
    .areaPc { width: 6rem !important; }
    .atmClass { margin-top: .32rem; margin-bottom: .32rem; font-size: 0; }
    .atmClass .con .picwordli { display: inline-block; vertical-align: top; width: 25%; margin-top: .15rem; position: relative; text-align: -webkit-center; text-align: -moz-center; text-align: -ms-center; }
    .atmClass .con .picwordli .img { width: .72rem; height: .72rem; }
    .atmClass .con .picwordli .text { font-size: .26rem; color: #1a1a1a; text-align: center; }
    .moreicon-img { width: .18rem !important; height: .19rem !important; margin-top: .17rem !important; float: right; }
    .footfit { height: 1.06rem; }

    /*tabbar*/
    .tabbar { position: fixed; left: 0; bottom: 0; height: .90rem; width: 100%; text-align: center; white-space: nowrap; background: #fff; overflow-y: hidden; overflow-x: auto; border-top: 1px solid #ececec; padding: .10rem 0; }
    .tabbar .tabbar-img { height: .32rem; width: auto; }
    .dh-img, .dh-img .mip-replaced-content, .dh-img .mip-fill-content { width: .68rem; height: .69rem; }
    .tabbar .tabbar-img .mip-replaced-content { height: .32rem; width: auto; max-width: auto; }
    .tabbar .tabbar-img .mip-fill-content { min-width: auto; max-width: auto; height: .32rem; }
    .tabbar a { display: inline-block; width: auto; height: auto; position: relative; text-align: center; text-align: -webkit-center; text-align: -moz-center; margin: 0 .25rem; vertical-align: middle; }
    .tabbar a p { font-size: .18rem; color: #848383; text-align: center; }

    /* 分页 */
    .ul-page { height: .50rem; border-radius: .10rem; margin: .30rem auto; font-size: 0; text-align: center; }
    .ul-page a { display: inline-block; width: auto; padding: 0 .20rem 0 .20rem; text-align: center; height: .50rem; color: #000; text-align: center; line-height: .50rem; margin: .075rem .05rem 0 .05rem; background: #fff; font-size: .22rem; vertical-align: top; }
}

/*手机ui*/
@media screen and (max-width:749px) and (min-width:640px) {
    html { font-size: 100px !important; }
}
@media screen and (max-width:639px) and (min-width:516px) {
    html { font-size: 96.09px !important; }
}
@media screen and (max-width:515px) and (min-width:415px) {
    html { font-size: 80.47px !important; }
}
@media screen and (max-width:414px) and (min-width:376px) {
    html { font-size: 64.69px !important; }
}
@media screen and (max-width:375px) and (min-width:321px) {
    html { font-size: 58.59px !important; }
}
@media screen and (max-width:320px) {
    html { font-size: 50px !important; }
}