img{max-width:100%}
/* == grid ==*/
.container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}
.fluid{position:relative;margin:0 auto;padding:0 15px}
.row:after,.row:before{content:'';display:block;clear:both}

/*flex 等宽*/
.flex{clear:both;position:relative;display:flex;flex-wrap:wrap;margin-right:-7.5px;margin-left:-7.5px;}
.col,.wz1,.wz2,.wz3,.wz4,.wz5,.wz6,.wz7,.wz8,.wz9,.wz10,.wz11,.wz12{position:relative;width:100%;padding-right:7.5px;padding-left:7.5px;}
.col{flex-basis:0;flex-grow:1;max-width:100%;}
.wz1{flex:0 0 100%;max-width:100%;}
.wz2{flex:0 0 50%;max-width:50%;}
.wz3{flex:0 0 33.333333%;max-width:33.333333%;}
.wz4{flex:0 0 25%;max-width:25%;}
.wz5{flex:0 0 20%;max-width:20%;}
.wz6{flex:0 0 16.666667%;max-width:16.666667%;}
.wz7{flex:0 0 14.285714%;max-width:14.285714%;}
.wz8{flex:0 0 12.5%;max-width:12.5%;}
.wz9{flex:0 0 11.111111%;max-width:11.111111%;}
.wz10{flex:0 0 10%;max-width:10%;}
.wz11{flex:0 0 9.090909%;max-width:9.090909%;}
.wz12{flex:0 0 8.333333%;max-width:8.333333%;}

.col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{position:relative;display:block;box-sizing:border-box;}
.col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{float:left}
.col1{width:8.33333333%}
.col2{width:16.66666667%}
.col3{width:25%}
.col4{width:33.33333333%}
.col5{width:41.66666667%}
.col6{width:50%}
.col7{width:58.33333333%}
.col8{width:66.66666667%}
.col9{width:75%}
.col10{width:83.33333333%}
.col11{width:91.66666667%}
.col12{width:100%}
.col-off1{margin-left:8.33333333%}
.col-off2{margin-left:16.66666667%}
.col-off3{margin-left:25%}
.col-off4{margin-left:33.33333333%}
.col-off5{margin-left:41.66666667%}
.col-off6{margin-left:50%}
.col-off7{margin-left:58.33333333%}
.col-off8{margin-left:66.66666667%}
.col-off9{margin-left:75%}
.col-off10{margin-left:83.33333333%}
.col-off11{margin-left:91.66666667%}
.col-off12{margin-left:100%}

/*space*/
.sp1{margin:-.5px}
.sp1>*{padding:.5px}
.sp3{margin:-1.5px}
.sp3>*{padding:1.5px}
.sp5{margin:-2.5px}
.sp5>*{padding:2.5px}
.sp8{margin:-3.5px}
.sp8>*{padding:3.5px}
.sp10{margin:-5px}
.sp10>*{padding:5px}
.sp12{margin:-6px}
.sp12>*{padding:6px}
.sp15{margin:-7.5px}
.sp15>*{padding:7.5px}
.sp18{margin:-9px}
.sp18>*{padding:9px}
.sp20{margin:-10px}
.sp20>*{padding:10px}
.sp22{margin:-11px}
.sp22>*{padding:11px}
.sp25{margin:-12.5px}
.sp25>*{padding:12.5px}
.sp30{margin:-15px}
.sp30>*{padding:15px}


/* == grid ==*/

/*采用英文简写，m：margin，p：padding，t：top，b：bottom，l：left，r：right 数字为像素*/
/* 外边距 */
.m0{margin:0}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}
.m35{margin:35px}
.m40{margin:40px}
/* 内边距 */
.p0{padding:0}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}
.p35{padding:35px}
.p40{padding:40px}
/* 左外边距 */
.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
/* 右外边距 */
.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
/* 上外边距 */
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
/* 下外边距 */
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
/* 左内边距 */
.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
/* 右内边距 */
.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
/* 上内边距 */
.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
/* 下内边距 */
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}

/* 上下外边距 */
.mx0{margin-left:0;margin-right:0;}
.mx5{margin-left:5px;margin-right:5px;}
.mx10{margin-left:10px;margin-right:10px;}
.mx15{margin-left:15px;margin-right:15px;}
.mx20{margin-left:20px;margin-right:20px;}
.mx25{margin-left:25px;margin-right:25px;}
.mx30{margin-left:30px;margin-right:30px;}
.mx35{margin-left:35px;margin-right:35px;}
.mx40{margin-left:40px;margin-right:40px;}
.mx60{margin-left:60px;margin-right:60px;}
.mx80{margin-left:80px;margin-right:80px;}
.mx100{margin-left:100px;margin-right:100px;}
/* 左右外边距 */
.my0{margin-top:0;margin-bottom:0;}
.my5{margin-top:5px;margin-bottom:5px;}
.my10{margin-top:10px;margin-bottom:10px;}
.my15{margin-top:15px;margin-bottom:15px;}
.my20{margin-top:20px;margin-bottom:20px;}
.my25{margin-top:25px;margin-bottom:25px;}
.my30{margin-top:30px;margin-bottom:30px;}
.my35{margin-top:35px;margin-bottom:35px;}
.my40{margin-top:40px;margin-bottom:40px;}
.my60{margin-top:60px;margin-bottom:60px;}
.my80{margin-top:80px;margin-bottom:80px;}
.my100{margin-top:100px;margin-bottom:100px;}
/* 上下内边距 */
.px0{padding-left:0;padding-right:0;}
.px5{padding-left:5px;padding-right:5px;}
.px10{padding-left:10px;padding-right:10px;}
.px15{padding-left:15px;padding-right:15px;}
.px20{padding-left:20px;padding-right:20px;}
.px25{padding-left:25px;padding-right:25px;}
.px30{padding-left:30px;padding-right:30px;}
.px35{padding-left:35px;padding-right:35px;}
.px40{padding-left:40px;padding-right:40px;}
.px60{padding-left:60px;padding-right:60px;}
.px80{padding-left:80px;padding-right:80px;}
.px100{padding-left:100px;padding-right:100px;}
/* 左右内边距 */
.py0{padding-top:0;padding-bottom:0;}
.py5{padding-top:5px;padding-bottom:5px;}
.py10{padding-top:10px;padding-bottom:10px;}
.py15{padding-top:15px;padding-bottom:15px;}
.py20{padding-top:20px;padding-bottom:20px;}
.py25{padding-top:25px;padding-bottom:25px;}
.py30{padding-top:30px;padding-bottom:30px;}
.py35{padding-top:35px;padding-bottom:35px;}
.py40{padding-top:40px;padding-bottom:40px;}
.py60{padding-top:60px;padding-bottom:60px;}
.py80{padding-top:80px;padding-bottom:80px;}
.py100{padding-top:100px;padding-bottom:100px;}
/*圆角*/
.rdtl5{border-top-left-radius:5px}
.rdtr5{border-top-right-radius:5px}
.rdbl5{border-bottom-left-radius:5px}
.rdbr5{border-bottom-right-radius:5px}
.mh500{min-height:500px;}
/* fn */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
div.dib{*display:inline;*zoom:1;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}

.bgw{background-color:#fff;}
.bgred{background-color:#cf000d;}
.cfff{color:#fff}

.w100{width:100%;}
.n{font-weight:normal;font-style:normal;white-space:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
.nowrap{white-space:nowrap;}
.bk{word-wrap:break-word;white-space:normal;word-break:break-all;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.rel{position:relative;}
.abs{position:absolute;}
.auto{margin-left:auto;margin-right:auto;}
/*清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table;content:'';clear:both;}
/*文字溢出显示省略号*/
.el{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;}
/*不固定高度垂直居中<div class="vmo"><div class="vm"></div></div>*/
.vmo:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em;/*微调整空格*/}
.vm{display:inline-block;vertical-align:middle;}
.fvm{display:flex;justify-content:center;align-items:center;}


.container{width:100%}
@media (min-width:640px){
.container{max-width:640px}
}
@media (min-width:768px){
.container{max-width:768px}
}
@media (min-width:1024px){
.container{max-width:1024px}
}
@media (min-width:1280px){
.container{max-width:1280px}
}
@media (min-width:1536px){
.container{max-width:1536px}
}


.w00{width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin:0 auto 0 auto;padding:0;}
.wpage{width:100%;max-width:1700px;min-width:0px;height:auto;max-height:none;min-height:0px;}
.wpagepd{width:100%;max-width:1360px;min-width:0px;height:auto;max-height:none;min-height:0px;}

.ybox{
	padding: 0.25rem 0.5rem;
	color: #E0B757;
	background-color: #fff;
	border: 1px solid #E0B757;
	border-radius: 0.375rem;
	font-size: 0.875rem;
}

