@charset "utf-8";
/* --------reset-------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;}
ol,ul,li {list-style: none;padding: 0;margin: 0;}
a {color: var(--darkGray);text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a img {border: none;}
table {border-collapse: collapse;border-spacing: 0;display: table;}
input,select,textarea,button {font: inherit;color: inherit;}
fieldset,img,abbr,acronym {border: 0;}
em,i {font-style: normal;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
header,footer,article,section,menu,nav,aside,dialog,figure,figcaption,hgroup,details,summary {display: block;}
button,select,textarea,input:not([type="radio"]):not([type="checkbox"]) {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
:focus {outline: 0;} 
/* Form selected style modification */
/* --------global-------- */
body{font-family:"PingFangSC-Regular","微软雅黑";overflow-x:hidden;font-size: 14px;line-height: 1.5;color:#333;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}
h1,h2,h3,h4,h5,h6 {font-family: inherit;font-weight: 500;color: inherit;}
body {background-color: #fff;  
    --normal:#249478;
    --normal2:#f31f58;
    --arrow:#747474;
    --border:#f1f1f1;
    --nothing:#d8d8d8;
    --red:#CF1F1A;
    --blue:#0d8aff;
    --green:#019734;
    --yellow:#ffcf00;
    --black:#000;
    --darkGray:#333;
    --gray:#666;
    --ghostWhite:#f5f6f8;
    --white:#ffffff;
    --f6:#f6f6f6;
    --placeholder:#c4cfdb;
}
input{color: var(--darkGray);}
a{-webkit-tap-highlight-color:transparent;}
select{border: none;}
/* 清除按钮 输入框样式 */
button,input {border: 0;background: transparent;}
video {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;}
::-webkit-scrollbar{display: none;}
/*字体自适应*/
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs21 {font-size: 21px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs30 {font-size: 30px;}
.fs32 {font-size: 32px;}
.fs34 {font-size: 34px;}
.fs35 {font-size: 35px;}
.fs36 {font-size: 36px;}
.fs40 {font-size: 40px;}
/*字体自适应*/
@media only screen and (max-width: 1440px) {
.fs15 {font-size: 14px;}
.fs16 {font-size: 14px;}
.fs17 {font-size: 16px;}
.fs18 {font-size: 17px;}
.fs20 {font-size: 18px;}
.fs21 {font-size: 19px;}
.fs22 {font-size: 20px;}
.fs24 {font-size: 22px;}
.fs26 {font-size: 24px;}
.fs30 {font-size: 28px;}
.fs32 {font-size: 30px;}
.fs34 {font-size: 32px;}
.fs35 {font-size: 33px;}
.fs36 {font-size: 34px;}
.fs40 {font-size: 38px;}}
@media only screen and (max-width: 980px) {
.fs15 {font-size: 14px;}
.fs16 {font-size: 14px;}
.fs17 {font-size: 14px;}
.fs18 {font-size: 14px;}
.fs20 {font-size: 14px;}
.fs21 {font-size: 15px;}
.fs22 {font-size: 16px;}
.fs24 {font-size: 18px;}
.fs26 {font-size: 20px;}
.fs30 {font-size: 24px;}
.fs32 {font-size: 26px;}
.fs34 {font-size: 28px;}
.fs35 {font-size: 29px;}
.fs36 {font-size: 30px;}
.fs40 {font-size: 34px;}}
/* --------tools-------- */
.fl {float: left;}
.fr {float: right;}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}
.relative {position: relative;}
.block {display: block;}
img {max-width: 100%;}
img.imgm {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
/*图片 - 列表*/
.pic-view {display: block;position: relative;z-index: 2;overflow: hidden;}
.pic-view img {max-width: 101%;width: 101%;position: absolute;z-index: 1;top: 50%;left: 50%;top: 0 \9;left: 0 \9;top: 50% \9 \0;left: 50% \9 \0;-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.pic-view img[aspectFit] {max-height: 101%;height: 101%;max-width: none;width: auto;}
/*清除浮动*/
.clearfix:after {content: "$";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */
.hidden {display: none;}
/*文字截取*/
.m-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-ellipsis-l2,.m-ellipsis-l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.m-ellipsis-l2{-webkit-line-clamp:2;}
.m-ellipsis-l3{-webkit-line-clamp:3;}
/*1px 边框*/
[class*="m-hairline"]::after {position: absolute;content: " ";pointer-events: none;top: -50%;right: -50%;bottom: -50%;left: -50%;border: 0 solid var(--border);-webkit-transform: scale(0.5);transform: scale(0.5);}
.m-hairline,.m-hairline--top,.m-hairline--left,.m-hairline--right,.m-hairline--bottom,.m-hairline--surround,.m-hairline--top-bottom {position: relative;}
.m-hairline--top::after {border-top-width: 1px;}
.m-hairline--left::after {border-left-width: 1px;}
.m-hairline--right::after {border-right-width: 1px;}
.m-hairline--bottom::after {border-bottom-width: 1px;}
.m-hairline--top-bottom::after,.m-hairline-unset--top-bottom::after {border-width: 1px 0;}
.m-hairline--surround::after {border-width: 1px;}
/*表单*/
.m-input {display: block;width: 100%;min-width: 0;margin: 0;border: 0;padding: 0;color: var(--darkGray);background-color: transparent;resize: none;}
.m-input::-moz-placeholder {color: var(--placeholder);opacity: 1;}
.m-input:-ms-input-placeholder {color: var(--placeholder);}
.m-input::-webkit-input-placeholder {color: var(--placeholder);}
/*按钮*/
button.m-button{padding: 0;margin: 0;text-align: center;display: block;}
/*模拟表格布局*/
.m-table {width: 100%;display: table;table-layout: fixed;}
.m-table-cell {display: table-cell;vertical-align: middle;}
.m-table-cell.vt {vertical-align: top;}
.m-table-cell.vb {vertical-align: bottom;}
/* flex组件 - 箭头 */
[class^="m-arrow-"] .m-cell-rt:after,
[class*="m-arrow-"] .m-cell-rt:after {display: inline-block;height: 10px;width: 10px;border-width: 1px 1px 0 0;border-color: var(--arrow);border-style: solid;position: absolute;top: 50%;right: 2px;box-sizing: border-box;}
.m-arrow-right .m-cell-rt,
.m-arrow-down .m-cell-rt,
.m-arrow-up .m-cell-rt {padding-right: 15px;position: relative;}
.m-arrow-right .m-cell-rt:after {content: "";-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);margin-top: -4px;}
.m-arrow-down .m-cell-rt:after {content: "";-webkit-transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);margin-top: -8px;}
.m-arrow-up .m-cell-rt:after {content: "";-webkit-transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);margin-top: -2px;}
/*富文本编辑器*/
.m-editor img {display: block;max-width: 100% !important;height: auto;margin-left: auto;margin-right: auto;}
/*提示*/
.m-hint-num {position: relative;}
.m-hint-num em {position: absolute;top: 0;right: -8px;z-index: 9;display: block;min-height: 6px;padding: 0 3px;background: var(--red);font-style: normal;text-align: center;font-size: 12px;line-height: 13px;color: #fff;border-radius: 50px;-webkit-border-radius: 50px;}
.m-hint-txt:after {content: "";display: inline-block;width: 6px;height: 6px;background-color: var(--red);border-radius: 50%;-webkit-border-radius: 50%;vertical-align: top;margin-left: 5px;}
/*暂无*/
.m-nothing {padding: 130px 0 0;text-align: center;color: var(--nothing);}
.m-nothing img {display: block;width: 600px;height:610px;margin: 0 auto 20px;}
/*阴影*/
.m-shadow {-webkit-box-shadow: 0 1px 6px 0 rgba(184, 189, 202, 0.3);box-shadow: 0 1px 6px 0 rgba(184, 189, 202, 0.3);}
.m-shadow-blur {position: relative;}
.m-shadow-blur::before {content: "";position: absolute;top: 0;left: 0;z-index: -1;display: block;width: 100%;height: 100%;background: inherit;border-radius: inherit;-webkit-filter: blur(10px);filter: blur(10px);opacity: 0.4;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
/*弹窗*/
.popup-wrap {position: fixed;top: 50%;left: 50%;z-index: 100;-webkit-transition-property: -webkit-transform, opacity;transition-property: transform, opacity;-webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);transform: translate3d(-50%, -50%, 0) scale(0.9);opacity: 0;visibility: hidden;}
.popup-wrap.popup-wrap_visible {-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);opacity: 1;visibility: visible;}
.popup-mask {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;z-index: 99;opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility: hidden;}
.popup-mask.popup-mask_visible {opacity: 1;visibility: visible;}
/*********************************************************/
/*flex布局*/
.flex-box{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-row{ /*旧*/-webkit-box-orient:horizontal; -moz-box-orient:horizontal; -ms-box-orient:horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flex-row-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-col{ /*旧*/-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-col-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.flex-wrap{ /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-start{ /*旧*/-webkit-box-pack: start; -moz-box-pack: start; -ms-box-pack: start; box-pack: start; /*新*/-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
.flex-center{ /*旧*/-webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; /*新*/-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.flex-end{ /*旧*/-webkit-box-pack: end; -moz-box-pack: end; -ms-box-pack: end; box-pack: end; /*新*/-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.flex-between{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-around{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }

.flex-col-start{ /*旧*/-webkit-box-align: start; -moz-box-align: start; -ms-box-align: start; box-align: start; /*新*/-webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; }
.flex-col-center{ /*旧*/-webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-col-end{ /*旧*/-webkit-box-align: end; -moz-box-align: end; -ms-box-align: end; box-align: end; /*新*/-webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.flex-col-stretch{ /*旧*/-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch; /*新*/-webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.flex-col-baseline{ /*旧*/-webkit-box-align: baseline; -moz-box-align: baseline; -ms-box-align: baseline; box-align: baseline; /*新*/-webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }

.flex-rows-start{ /*新*/-webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; }
.flex-rows-center{ /*新*/-webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; }
.flex-rows-end{ /*新*/-webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; }
.flex-rows-stretch{ /*新*/-webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; }
.flex-rows-between{ /*新*/-webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; }
.flex-rows-around{ /*新*/-webkit-align-content: space-around; -moz-align-content: space-around; -ms-align-content: space-around; align-content: space-around; }

.flex-self-start{ -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; }
.flex-self-center{ -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; }
.flex-self-end{ -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; }
.flex-self-stretch{ -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }
.flex-self-baseline{ -webkit-align-self: baseline; -moz-align-self: baseline; -ms-align-self: baseline; align-self: baseline; }

.flex-grow-1{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 20px; width: 0; }

.flex-grid{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-cell-20{ width: 20%; width: calc((100% - 10px*4)/5); }
.flex-cell-25{ width: 25%; width: calc((100% - 10px*3)/4); }
.flex-cell-33{ width: 33.3333%; width: calc((100% - 10px*2)/3); }
.flex-cell-50{ width: 50%; width: calc((100% - 10px)/2); }


/* padding */
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}

.ptb5{padding-top: 5px;padding-bottom: 5px;}
.ptb10{padding-top: 10px;padding-bottom: 10px;}
.ptb15{padding-top: 15px;padding-bottom: 15px;}
.ptb20{padding-top: 20px;padding-bottom: 20px;}
.ptb25{padding-top: 25px;padding-bottom: 25px;}
.ptb30{padding-top: 30px;padding-bottom: 30px;}

.plr5{padding-left: 5px;padding-right: 5px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr25{padding-left: 25px;padding-right: 25px;}
.plr30{padding-left: 30px;padding-right: 30px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}

/* margin */
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m25{margin: 25px;}
.m30{margin: 30px;}

.mtb5{margin-top: 5px;margin-bottom: 5px;}
.mtb10{margin-top: 10px;margin-bottom: 10px;}
.mtb15{margin-top: 15px;margin-bottom: 15px;}
.mtb20{margin-top: 20px;margin-bottom: 20px;}
.mtb25{margin-top: 25px;margin-bottom: 25px;}
.mtb30{margin-top: 30px;margin-bottom: 30px;}

.mlr5{margin-left: 5px;margin-right: 5px;}
.mlr10{margin-left: 10px;margin-right: 10px;}
.mlr15{margin-left: 15px;margin-right: 15px;}
.mlr20{margin-left: 20px;margin-right: 20px;}
.mlr25{margin-left: 25px;margin-right: 25px;}
.mlr30{margin-left: 30px;margin-right: 30px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr50{margin-right: 50px;}


/* 字体颜色 */
.white{color: #fff;}
.red {color: var(--red);}
.yellow {color: var(--yellow);}
.blue {color: var(--blue);}
.green {color: var(--green);}
.col-main {color: var(--normal);}



/* 自定义颜色 */
.col-89{color:#898989;}
.col-10{color:#101010;}
.col-5{color:#555;}
/* .col1{}
.col2{}
.col3{}
.col4{} */


/* btn 字体大小颜色 按钮背景颜色 margin */
.btn1{background-color: var(--btn1);color: var(--white);}
.btn2{background-color: var(--btn2);color: var(--white);} 
.btn3{background-color: var(--btn3);color: var(--white);} 
.btn4{background-color: var(--btn4);color: var(--white);} 


/* 背景颜色 */
.bg-ghostWhite{background-color: var(--ghostWhite);}
.bg-white{background-color: var(--white);}

/* html页面布局
<body>
    <section class="header_fix">
        
    </section>
    <section class="content">
        1.页面没有div是满屏宽度
        <div class="w1440 当前页面名称的英文缩写">
            <div class="w1440 part1"></div>
            <div class="part2"></div>
        </div>
        2.页面有div是满屏宽度
        <div class="当前页面名称的英文缩写">
            <div class="w1440 part1"></div>
            <div class="part2"></div>
        </div>
    </section>
    <section class="foot">
        
    </section>
</body> */

/* 自己额外定义的公共样式 写在reset.css或者style.css都可以*/
/* 文章详情正文统一16px */
/* 所有颜色根据写在body里的 （--名称：颜色）如 --border:#f9f9f9;为基准 */


/* -----自适应写法 （分四个阶段）-----*/

/* 大于1920px （按照设计稿来写）*/
/* .part1{} */

/*1440px~1920px（大部分样式和1920px差不多，其他有些地方例如轮播图背景图需要微调，修改的地方不多） */
/* @media screen and (max-width: 1920px) {
  .part1{}
} */

/* 980px~1440xp（考虑屏幕宽度小于1440px尺寸的电脑） */
/* @media screen and (max-width: 1440px) {
    .part1{}
} */

/* 手机端（这部分需要自适应修改的样式较多） */
/* @media screen and (max-width: 980px) {
    .part1{}
} */




.ui-pagination-container {height: 34px;line-height: 34px;padding-top: 10px;padding-bottom: 80px;}
.ui-pagination-container .ui-pagination-page-item {font-size: 14px;padding: 4px 10px;background: #fff;border: 1px solid #DADADA;color: #898989;margin: 0 3px;text-decoration: none;border-radius: 5px;}
.ui-pagination-container .ui-pagination-page-item:hover,
.ui-pagination-container .ui-pagination-page-item.active {background: var(--normal);border-color: var(--normal);color: #fff;cursor: pointer;}




input::placeholder{color: #898989;}
.mr60{margin-right: 60px;}
.line1{line-height: 1;}