/* date:2021-06; PSD:1920; */
@charset 'utf-8';

/***** reset *****/
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}
}
html,body{height:100%;}
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;}
body,h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%; font-family: Arial, "Microsoft YaHei";}
body{min-width:320px;font-size:.16rem;color:#333;background:#fff;overflow-x:hidden;overflow-y:scroll;}
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;}
::-webkit-scrollbar-track-piece{background-color:#f1f1f1;}
::-webkit-scrollbar-thumb{background-color:#c1c1c1;}
::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;}
::-webkit-selection{background:rgba(244,67,54,.9);color:#fff;}
::-moz-selection{background:rgba(244,67,54,.9);color:#fff;}
::selection{background:rgba(244,67,54,.9);color:#fff;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;}
input{-moz-appearance:textfield;}
.btn{cursor:pointer;transition:filter .2s;}
.btn:hover{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%;max-width:12rem;min-width:320px;}
.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;zoom:1;overflow:hidden;}
.lazyload,.lazyloading{opacity:0;}
.lazyloaded{opacity:1;transition:opacity .4s cubic-bezier(.7,0,.3,1);}
#loading{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background: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)}
}
#content{display:flex;flex-direction:column;width:100%;}
#content #main{flex:auto;display:flex;flex-direction:column;}
@keyframes button-prev{
	0%{-webkit-transform:translateX(0)}
	50%{-webkit-transform:translateX(-.025rem)}
	100%{-webkit-transform:translateX(0)}
}
@keyframes button-next{
	0%{-webkit-transform:translateX(0)}
	50%{-webkit-transform:translateX(.025rem)}
	100%{-webkit-transform:translateX(0)}
}
.fancybox-bg{background:#000!important;}
.fancybox-is-open .fancybox-bg{opacity:.48!important;}

/* 普通翻页器-默认居中 */
.m-page{margin-top:.7rem;line-height:0;font-size:0;text-align:center;}
.m-page .bullets,.m-page .fraction{display:inline-block;vertical-align:top;}
.m-page a,.m-page i{display:inline-block;vertical-align:top;color:#818181;border:1px solid #e3e3e3;transition: color .2s, border-color .2s, background .2s;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,.m-page a:active{position: relative;z-index:5;color:#fff;border-color:#dc2120;background-color: #dc2120;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{position: relative;z-index:5;color:#fff;border-color:#dc2120;background-color: #dc2120;cursor:default;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{color:#ccc;border-color:#e3e3e3;background-color: #f9f9f9;cursor:default;pointer-events:none;}

/* 居左 */
.m-page-lt{text-align:left;}

/* 居右 */
.m-page-rt{text-align:right;}
@media screen and (min-width:751px){
	.m-page{line-height:1;}
	.m-page a,.m-page i{margin-left: -1px;padding:.9375em 1.5em;font-size:.16rem;}
	.m-page>a:first-of-type{ margin-left: 0; }
	.m-page .bullets a{ padding: .9375em; min-width:3em; }
	.m-page .fraction{display:none;}
}
@media screen and (max-width:750px){
	.m-page{line-height:2;}
	.m-page a,.m-page i{font-size:.24rem;}
	.m-page a{padding:0 1em;}
	.m-page .bullets{display:none;}
	.m-page .fraction{margin:1px 1em;font-size:.24rem;color:#999;}
	.m-page .fraction .current{color:#dc2120;}
	.m-page .fraction .total{color:#999;}
}
