@charset "utf-8";
html{font-size:42.6667px;}
@media screen and (min-width:320px) and (max-width:359px){
  html{font-size:42.6667px}
}
@media screen and (min-width:360px) and (max-width:374px){
  html{font-size:48px}
}
@media screen and (min-width:375px) and (max-width:383px){
  html{font-size:50px}
}
@media screen and (min-width:384px) and (max-width:410px){
  html{font-size:51.2px}
}
@media screen and (min-width:411px) and (max-width:447px){
  html{font-size:54.8px}
}
@media screen and (min-width:448px) and (max-width:479px){
  html{font-size:59.7333px}
}
@media screen and (min-width:480px) and (max-width:511px){
  html{font-size:64px}
}
@media screen and (min-width:512px) and (max-width:543px){
  html{font-size:68.2667px}
}
@media screen and (min-width:544px) and (max-width:575px){
  html{font-size:72.5333px}
}
@media screen and (min-width:576px) and (max-width:607px){
  html{font-size:76.8px}
}
@media screen and (min-width:608px) and (max-width:639px){
  html{font-size:81.0667px}
}
@media screen and (min-width:640px) and (max-width:749px){
  html{font-size:85.3333px}
}
@media screen and (min-width:750px){
  html{font-size:100px}
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;text-align: center;}
body{font:.16rem 'Microsoft YaHei';color:#333;background-color:#fff;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-family:"Microsoft YaHei";}
img,embed,object,audio,video{height:auto;max-width:100%;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;vertical-align:top;}
i,cite,em{font-style:normal;}
ul,ol{list-style:none;}
a,button,input,select,textarea{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;}
textarea{overflow:auto;resize:none;}
html{box-sizing:border-box;}
*{box-sizing:inherit;}
*:before,*:after{box-sizing:inherit;}
a{text-decoration:none;color:#333;transition:color .2s;}
a:hover{text-decoration:none;}
.btn{cursor:pointer;-webkit-transition:filter .2s;-moz-transition:filter .2s;transition:filter .2s;}
.btn:hover{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15);}
.u-img img{width:100%;height:100%;}
.u-img img[attr-src]{display:none;}
.area{margin-left:auto;margin-right:auto;width:100%;}
.clear{*zoom:1}
.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-ovh{position:relative;overflow:hidden;}
#loading{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.25);}
.la-ball-spin-clockwise-fade-rotating,.la-ball-spin-clockwise-fade-rotating>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-spin-clockwise-fade-rotating{display:block;font-size:0;color:#fff}
.la-ball-spin-clockwise-fade-rotating>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-spin-clockwise-fade-rotating{width:32px;height:32px;-webkit-animation:ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;-moz-animation:ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;-o-animation:ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;animation:ball-spin-clockwise-fade-rotating-rotate 6s infinite linear}
.la-ball-spin-clockwise-fade-rotating>div{position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:ball-spin-clockwise-fade-rotating 1s infinite linear;-moz-animation:ball-spin-clockwise-fade-rotating 1s infinite linear;-o-animation:ball-spin-clockwise-fade-rotating 1s infinite linear;animation:ball-spin-clockwise-fade-rotating 1s infinite linear}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-.875s;-moz-animation-delay:-.875s;-o-animation-delay:-.875s;animation-delay:-.875s}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-.75s;-moz-animation-delay:-.75s;-o-animation-delay:-.75s;animation-delay:-.75s}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-.625s;-moz-animation-delay:-.625s;-o-animation-delay:-.625s;animation-delay:-.625s}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-.375s;-moz-animation-delay:-.375s;-o-animation-delay:-.375s;animation-delay:-.375s}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-.125s;-moz-animation-delay:-.125s;-o-animation-delay:-.125s;animation-delay:-.125s}
.la-ball-spin-clockwise-fade-rotating>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}
@-webkit-keyframes ball-spin-clockwise-fade-rotating-rotate{
  100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-moz-keyframes ball-spin-clockwise-fade-rotating-rotate{
  100%{-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-o-keyframes ball-spin-clockwise-fade-rotating-rotate{
  100%{-o-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes ball-spin-clockwise-fade-rotating-rotate{
  100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-webkit-keyframes ball-spin-clockwise-fade-rotating{
  50%{opacity:.25;-webkit-transform:scale(0.5);transform:scale(0.5)}
  100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes ball-spin-clockwise-fade-rotating{
  50%{opacity:.25;-moz-transform:scale(0.5);transform:scale(0.5)}
  100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}
}
@-o-keyframes ball-spin-clockwise-fade-rotating{
  50%{opacity:.25;-o-transform:scale(0.5);transform:scale(0.5)}
  100%{opacity:1;-o-transform:scale(1);transform:scale(1)}
}
@keyframes ball-spin-clockwise-fade-rotating{
  50%{opacity:.25;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}
  100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
::-webkit-scrollbar{width:0;height:0;}

/******************** navigation ********************/
#navigation{position:fixed;top:1rem;bottom:.98rem;left:0;width:100%;background-color:#fff;}
.layer-nav{height:100%;overflow:auto;}
.layer-nav .fir-ul{padding:.35rem;}
.layer-nav .fir-li{padding-top:.2rem;}
.layer-nav .fir-li:after{content:"";display:block;margin-top:.2rem;height:1px;overflow:hidden;background-color:#e2e2e2;}
.layer-nav .fir-li:last-child:after{display:none;}
.layer-nav .fir-li>.u-a{display:block;line-height:2.8125;font-size:.32rem;color:#666;}
.layer-nav .sec-ul{display:none;padding-bottom:.1rem;}
.layer-nav .sec-ul a{display:block;padding-left:.34rem;line-height:2.5;font-size:.28rem;color:#666;}
.layer-nav .j-li>.u-a{display:flex;justify-content:space-between;align-items:center;}
.layer-nav .j-li>.u-a:after{content:"";display:block;margin-left:.2rem;width:.26rem;height:.26rem;overflow:hidden;background:url(../images/ico-nav-sec.png) left center / .62rem no-repeat;}
.layer-nav .j-li.active>.u-a:after{background-position:right center;}

/******************** allpage ********************/
.allpage{position:relative;display:flex;flex-direction:column;margin:0 auto;width:100%;min-height:100vh;background-color:#fff;}
.allpage>.wrap{display:flex;flex-direction:column;min-height:100vh;}

/******************** #header ********************/
#header{flex-shrink:0;height:1rem;}
.top-box{position:fixed;z-index:200;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 .25rem;height:1rem;background-color:#fff;}
.top-box .logo{display:flex;align-items:center;margin-right:.25rem;padding:.18rem 0;height:100%;}
.top-box .logo>a{display:flex;align-items:center;height:100%;}
.top-box .logo img{height:100%;width: auto;}
.btn-nav{flex-shrink:0;}
.btn-nav .line{position:relative;display:block;width:.5rem;height:.06rem;min-height:2px;overflow:hidden;background-color:#cd9c61;transition:transform .3s;}
.btn-nav .line:nth-child(2){margin:.09rem 0;}
body[nav="show"] .btn-nav .line:nth-child(1),body[search="show"] .btn-nav .line:nth-child(1){transform:translateY(calc(.18rem - .03rem)) rotate(45deg);}
body[nav="show"] .btn-nav .line:nth-child(2),body[search="show"] .btn-nav .line:nth-child(2){transform:translateX(50%) scaleX(0);}
body[nav="show"] .btn-nav .line:nth-child(3),body[search="show"] .btn-nav .line:nth-child(3){transform:translateY(calc(-.18rem + .03rem)) rotate(-45deg);}

/******************** #content ********************/
#content{flex:auto;overflow:hidden;position:relative;z-index:10;display:flex;flex-direction:column;background-color:#fff;transition:transform .5s;}

#content[background="gray"]{background-color:#f5f5f5;}
#content>.mask{display:none;position:absolute;z-index:999;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.25);cursor:pointer;}
#content>.wrap{flex:auto;overflow:hidden;}
#content>.footer-box{flex-shrink:0;}
body[nav="show"] #content,body[search="show"] #content{transform:translateX(-100%);}

/******************** #client ********************/
#client{flex-shrink:0;height:.98rem;}
.client-box{position:fixed;z-index:200;bottom:0;left:0;right:0;display:flex;height:.98rem;background-color:#cd9c61;}
.client-box ul{display:flex;align-items:stretch;width:100%;}
.client-box li{flex:1;}
.client-box .u-a{display:flex;flex-direction: column; justify-content:center;align-items:center;height:100%;color:#fff;transition:background-color .2s;}
.client-box .u-a h4{ margin-top: .1rem; line-height: 1; font-size: .24rem; font-weight: normal; }
.client-box .u-a .ico{width:.46rem;height:.46rem;background:url(../images/ico-client.png) 0 .56rem / .46rem auto no-repeat;transition:background-image .2s;}
.client-box .client-home .ico{background-position:0 0;}
.client-box .client-qq .ico{background-position:0 -.56rem;}
.client-box .client-tel .ico{background-position:0 -1.12rem;}
.client-box .client-map .ico{background-position:0 -1.68rem;}

.m-banner{}
.swiper-banner{position:relative;}
.swiper-banner .swiper-slide img{width:100%;}
.swiper-banner-pagination{position:absolute;z-index:10;left:0;right:0;bottom:.43rem;height:0;line-height:0;font-size:0;text-align:center;}
.swiper-banner-pagination .swiper-pagination-bullet{display:inline-block;vertical-align:top;margin:0 .08rem;padding-top:.13rem;width:.13rem;height:0;overflow:hidden;background-color:#fff;opacity:1;cursor:pointer;border-radius:.65rem;box-sizing:content-box;transition:background-color .3s;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.swiper-banner-pagination .swiper-pagination-bullet-active{background-color:#3687ea;}
.swiper-banner-pagination[aria-disabled="true"]{display:none;}





.m-title{margin:0 .25rem;line-height: 1;text-align:center;}
.m-title h2{ font-size: .4rem; } 
.m-title h2:after{content:"";display:block;margin:.18rem auto 0;width:.92rem;height:.03rem;min-height:2px;overflow:hidden;background-color:#eee;}
.m-title h2 span{color:#cd9c61;}
.m-title p{margin-top:.15rem;font-size:.18rem;color:#666;}

.m-product{padding: .7rem 0;}
.twos{background-color: #f5f5f5;}
.proList{ margin: .5rem .25rem 0; }
.proList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.proList li{ margin-top: .24rem; width: 48.285715%; }
.proList li:nth-of-type(-n+2){ margin-top: 0; }
.proList .u-box{display:block;color:#666;}

.proList .u-img{position:relative;display:block;padding-top:75.443787%;width:100%;height:0;border:1px solid #eee;background-color:#fff;}
.proList .u-img:before{content:"";position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .2s;}
.proList .u-img>.jqthumb{position:absolute!important;top:0;left:0;}

.proList .u-name{position:relative;padding:0 .2rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.22rem;font-weight:normal;text-align: center;background-color:#f5f5f5;transition:background-color .2s;}

.proList .u-box:hover{color:#fff;}
.proList .u-box:hover .u-img:before{opacity:.5;}
.proList .u-box:hover .u-name{background-color:#cd9c61;}


.m-advantage{ padding: .6rem 0 .4rem; background-color: #f5f5f5; }

.m-advantage .listBox{ margin: .5rem .25rem 0; }
.m-advantage .listBox li{ margin-top: .24rem; }
.m-advantage .listBox li:first-of-type{ margin-top: 0; }

.m-advantage .listBox .title{position: relative;flex-shrink: 0;margin-right: .15rem;padding: .2rem .1rem;width: 18.571428%;text-align: center;background-color: #cd9c61;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.m-advantage .listBox .title:before{ content: ""; position: absolute; top: 50%; left: 100%; margin-top: -.15rem; width:0; height:0; overflow:hidden; border-width:.15rem 0 .15rem .15rem; border-style:solid; border-color: transparent transparent transparent #cd9c61; }
.m-advantage .listBox .title h4{ margin-top: .02rem;font-size:.24rem; color: #fff;}
.m-advantage .listBox .title .ico{display:block;height:.56rem;line-height:0;font-size:0;opacity:.5;}
.m-advantage .listBox .title .ico:before{content:"";display:inline-block;vertical-align:middle;height:100%;}
.m-advantage .listBox .title .ico img{vertical-align:middle;max-height:100%;}

.m-advantage .listBox .u-box{ display: flex; background-color: #fff; }
.m-advantage .listBox .u-box>.wrap{ flex:auto;overflow: hidden;padding: .15rem .1rem .15rem;line-height: 1.4;}
.m-advantage .listBox .u-box>.wrap .title {
  padding: 0 .15rem;
  width: auto;
  text-align: left;
  background: unset;
  color: #333;
  align-items: flex-start;
}
.m-advantage .listBox .u-box>.wrap p {
  text-align: left;
  padding-left: .15rem;
  margin-top: .1rem;
  font-size: .17rem;
}
.m-advantage .listBox .u-box>.wrap .title:before {
  display: none;
}
.m-advantage .listBox .u-box>.wrap .title h4 {
  text-align: left;
  color: #333;
  font-size: .28rem;
}
.m-advantage .listBox .u-name{ font-size: .22rem; }
.m-advantage .listBox .u-con{ margin-top: .08rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .2rem; color: #666; }

.m-service{position:relative;padding:.6rem 0 0;overflow:hidden;background-color:#f5f5f5;display: none;}
.serviceList{margin:.5rem .25rem 0;overflow:hidden;}
.serviceList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.serviceList li{ margin-top: .24rem; width:48.285715%;}
.serviceList .ico{display:block;margin:0 auto;width:.8rem;height:.8rem;background:url(../images/ico-service-hover.png) 0 .8rem / .8rem auto no-repeat;}
.serviceList li:nth-of-type(1) .ico{background-position:0 0;}
.serviceList li:nth-of-type(2) .ico{background-position: 0 -.9rem;}
.serviceList li:nth-of-type(3) .ico{background-position: 0 -1.8rem;}
.serviceList li:nth-of-type(4) .ico{background-position: 0 -2.75rem;}
.serviceList li:nth-of-type(5) .ico{background-position: 0 -3.7rem;}
.serviceList li:nth-of-type(6) .ico{background-position: 0 -4.6rem;}
.serviceList .u-box{display:block;padding:.4rem .35rem .6rem;line-height:1.555556;text-align:center;color:#fff;background-color:#cd9c61;}
.serviceList .u-name{margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px;}
.serviceList .u-con{margin-top:.24rem;height:4.666667em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.18rem;color: #3d2b15;}


.m-about{padding:.7rem 0 .32rem;background-color: #fff;}
.m-about .conBox{margin:.5rem .25rem 0;}
.m-about .conBox .u-con{margin-top:.32rem;line-height:2;font-size:.18rem;color:#666;}

.m-news{padding:.7rem 0 .8rem;display: none;}
.newsList{margin: .5rem .25rem 0;}
.newsList li{zoom:1;margin-top:.24rem;}
.newsList li:first-of-type{margin-top:0;}
.newsList .u-box{ zoom:1; display: block; }
.newsList .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.newsList .u-date{float:left;margin-right:.2rem;padding:.1rem 0 .05rem;width:.8rem;line-height:1;color:#565656;border-right:1px solid #eee;}
.newsList .u-date .DD{font-size:.47rem;font-weight:bold;}
.newsList .u-date .YYMM{margin-top:.03rem;font-size:.16rem;}
.newsList .u-name,
.newsList .u-con{line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsList .u-name{font-size:.22rem;}
.newsList .u-con{font-size:.18rem;color:#7c7c7c;}



/******************** innerPage ********************/

.swiper-menu{background:#d6d6d6;}
.swiper-menu>.swiper-container{ overflow: visible; }
.swiper-menu .swiper-slide{display:flex;align-items:center;width:auto;min-width: 25%;}
.swiper-menu .swiper-slide a{display:block;margin-right: -1px;padding:0 1em;width: 100%;line-height:2.321429;font-size:.28rem; text-align: center;border-right: 1px solid #fff;transition:color .2s,background .2s;}
.swiper-menu .current a{position: relative;color:#fff;background-color:#cd9c61;}
.swiper-menu .current a:before{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -.14rem; width:0; height:0; overflow:hidden; border-width:.14rem .14rem 0; border-style:solid; border-color: #cd9c61 transparent transparent transparent;
 }

.sub-product{ padding: .1rem 0 .8rem; }
.sub-news{ padding: .1rem 0 .8rem; }

.sub-content{padding: .6rem .25rem;line-height:2;font-size:.24rem;color:#7c7c7c;}
.sub-content .f-fl{width:auto;margin:0 0 .1rem .1rem;}
.sub-content h1{ margin-bottom: .3rem; line-height:1.5;font-size:.32rem;text-align:center; color: #333;}
.sub-content a:hover{color:#cd9c61;}
.sub-content #platform img{max-width:none;}

.sub-detail{padding:.3rem .25rem;}
.sub-detail .detail-title{padding:.3rem 0;border-bottom:1px solid #ccc;}
.sub-detail .detail-title h1{line-height:1.5;font-size:.32rem;text-align:center;}
.sub-detail .detail-title p{margin-top:.2rem;line-height:1;font-size:.18rem;text-align:center;color:#999;}
.sub-detail .detail-img{margin-top:.3rem;text-align:center;display: none;}
.sub-detail .detail-con{padding:.25rem 0;line-height:2;font-size:.24rem;color:#7c7c7c;}
.sub-detail .detail-con img{display:block;margin:0 auto}


.sub-message{padding:.6rem .25rem;}
.sub-message .conBox{position:relative;padding-left:.9rem;line-height:1.5;font-size:.26rem;}
.sub-message .conBox:before{content:"";position:absolute;top:50%;left:0;margin-top:-.36rem;width:.72rem;height:.72rem;overflow:hidden;background:url(../images/ico-message.png) center / contain no-repeat;}
.sub-message .formBox{margin-top:.36rem;border:solid 2px #ccc;background-color:#fff;}
.sub-message .formBox li{position:relative;border-top:solid 2px #ccc;}
.sub-message .formBox li:first-child{border-top:none;}
.sub-message .formBox li .u-text,.sub-message .formBox li .u-textarea{vertical-align:middle;padding:0 .2rem 0 1rem;width:100%;height:1.1rem;line-height:1.1rem;font-size:.32rem;border:0 none;}
.sub-message .formBox li .u-textarea{height:2.3rem;padding:.3rem .2rem .3rem 1rem;line-height:1.5;font-size:.32rem;}
.sub-message .formBox li.name:before,.sub-message .formBox li.tel:before,.sub-message .formBox li.email:before,.sub-message .formBox li.message:before{content:"";position:absolute;top:.39rem;left:.34rem;width:.32rem;height:.32rem;overflow:hidden;background:url(../images/ico-message-form.png) no-repeat;background-size:.32rem;}
.sub-message .formBox li.name:before{background-position:0 0;}
.sub-message .formBox li.tel:before{background-position:0 -.32rem;}
.sub-message .formBox li.email:before{background-position:0 -.64rem;}
.sub-message .formBox li.message:before{background-position:0 -.96rem;}
.sub-message .formBox li.code{display:flex;align-items:center;}
.sub-message .formBox li.code img{vertical-align:middle;max-width:18%;max-height:100%;}
.sub-message .formBox li.code .u-text{width:80%;}
.sub-message .btnBox input{margin:.3rem auto 0;display:block;width:100%;height:.9rem;border:0 none;background-color:#cd9c61;border-radius:0.1rem;font-size:0.34rem;color:#fff;cursor:pointer;}
.sub-search{padding:.3rem .32rem;line-height:1.5;font-size:.16rem;color:#666;}
.sub-search h2{font-size:.2rem;font-weight:normal;}
.sub-search h3{font-size:.3rem;font-weight:normal;color:#333;}

/* 普通翻页器-默认居中 */
.m-page{margin-top:.6rem;line-height:0;font-size:0;text-align:center;}
.m-page a,.m-page i,.m-page em{display:inline-block;vertical-align:top;margin:0 .15rem;padding:0 .24rem;line-height:.62rem;font-size:.24rem;color:#fff;}
.m-page em{margin-right: calc( .15rem - .2em );padding:0;letter-spacing:.2em;color:#666;}
.m-page em>span{color:#cd9c61;}
.m-page a{background-color:#434343;transition:color .2s,background-color .2s;}
.m-page a,.m-page a:hover{text-decoration:none;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a.pageprv,.m-page a.pagenxt{padding:0;width:.62rem;font-size:.36rem;font-family:"SimSun";background-color:#cd9c61;}
.m-page a.z-crt{cursor:default;background-color:#cd9c61;}
.m-page a.z-dis{cursor:default;background-color:#e5e5e5;pointer-events:none;}

/* 居左 */
.m-page-lt{text-align:left;}

/* 居右 */
.m-page-rt{text-align:right;}