@charset "utf-8";

/* CSS Document */

/* KISSY CSS Reset */

body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:system-ui, -apple-system, Segoe UI, Roboto, PingFang SC, Microsoft YaHei, 微软雅黑, Helvetica Neue, Helvetica, Arial, sans-serif;background: none;}

*{padding:0; margin:0; list-style:none;font-family:system-ui, -apple-system, Segoe UI, Roboto, PingFang SC, Microsoft YaHei, 微软雅黑, Helvetica Neue, Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;}

body,button,input,select,textarea {font-size:12px;}

h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}

label,input,select {vertical-align:middle;}

address,cite,em {font-style:normal;}

fieldset{cursor:pointer;}

img{border:none;}

ul,ol {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

sub {vertical-align:text-bottom;}

sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}

small {font-size:12px;}

legend {color:#333;}

strong{font-weight: bold;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

*:focus { outline: none; }

a{cursor:pointer;}

input{border:none;outline: none;-webkit-appearance: none ;border-radius: 0;}

input[type=submit],input[type=button]{cursor:pointer;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:rbga(255,255,255,0) !important;}

      

/* default color */

a{text-decoration:none;blr:expression(this.onFocus=this.blur());}

ul,li{padding:0; margin:0;}

/*-------------------------------

  end: reset */



/*浮动*/

.fl{float:left;}

.fr{float:right;}



/*清除浮动*/

.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}

.clearfix:after{clear:both;}

.clearfix{zoom:1;}

.clear{clear:both; height:0;overflow:hidden;}



/*自定义字体*/

@font-face {

  font-family: "Akrobat";

  src: url('../font/AKROBAT-REGULAR.OTF');

}



@font-face {

  font-family: "Akrobat";

  src: url('../font/AKROBAT-BLACK.OTF');

  font-weight: bold;

}



@font-face {

  font-family: "Akrobat";

  src: url('../font/AKROBAT-THIN.OTF');

  font-weight: 300;

}

.mainbody{overflow: hidden;}

i{display:inline-block;*display:inline;*zoom:1;background:url('../images/icon.png') no-repeat;font-style:normal;}

.imgBg{background-repeat:no-repeat;background-position:center center;background-size:cover;}

.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.lineTwo{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.lineThree{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}

.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}

.container{width: 1440px;margin: 0 auto;}

.pic img{display: block;width: 100%;}

.xs-show{display: none !important;}

.xs-hidden{display: block !important;}

.fcc{display: flex;justify-content: center;align-items: center;}

.fjc{display: flex;justify-content: center;}

.fac{display: flex;align-items: center;}

.fsb{display: flex;justify-content: space-between;}

.fsc{display: flex;justify-content: space-between;align-items: center;}

.abs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}

.abs-cc{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;}





/*翻页*/

.page{display: flex;justify-content: center;}

.page a{display: block;width: 32px;height: 32px;border:1px solid #B3B3B3;border-radius: 2px;font-size: 12px;color: #4D4D4D;text-align: center;line-height: 32px;margin: 0 3px;}

.page span{display: block;font-size: 12px;color: #2E2E2E;margin: 0 5px;line-height: 34px;}

.page input{display: block;width: 32px;height: 32px;border:1px solid #B3B3B3;border-radius: 2px;font-size: 12px;color: #4D4D4D;text-align: center;margin: 0 3px;}

.page .prev,

.page .next{width: 78px;position: relative;color: #9598A4;}

.page .prev{padding-left: 10px;}

.page .next{padding-right: 10px;}

.page .prev::before,

.page .next::before{content: '';position: absolute;left: 10px;top: 11px;background: url('../images/page_arrow.png') no-repeat;background-size: cover;width: 7px;height: 13px;}

.page .next::before{transform: rotate(180deg);left: auto;right: 10px;}

.page a.on,

.page a:hover{background-color: #B5091F;border-color: #B5091F;color: #fff;}

.page .prev:hover::before,

.page .next:hover::before{background-image: url('../images/page_w_arrow.png');}