@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:#F10545;
    --normal2:#f31f58;
    --arrow:#747474;
    --border:#f1f1f1;
    --nothing:#d8d8d8;
    --red:#ff3333;
    --blue:#0d8aff;
    --green:#019734;
    --yellow:#ffcf00;
    --black:#000;
    --darkGray:#333;
    --gray:#666;
    --ghostWhite:#999;
    --white:#ffffff;
    --f6:#f6f6f6;
}
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(--ghostWhite);opacity: 1;}
.m-input:-ms-input-placeholder {color: var(--ghostWhite);}
.m-input::-webkit-input-placeholder {color: var(--ghostWhite);}
/*按钮*/
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: 50px;text-align: center;color: var(--nothing);}
.m-nothing img {display: block;width: 35%;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); }



.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;}
.pt50{padding-top: 50px;}

.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;}

.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;}



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



/* 自定义颜色 */
.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-white{background-color: var(--white);}
.bg-ghostWhite{background-color: var(--ghostWhite);}

/* 样式 */
.fwb{font-weight: bold;}
.content{background: url(../images/bg.png) no-repeat center;background-size: 100% 100%;min-height: 100vh;}
.part1{padding: 65px 0 0;}
.part1 .part1_1{padding: 0 18px 85px;}
.logo{display: block;margin: 6px auto 36px;width: calc(100vw - 42px);}
.page1_2{display: block;margin: 0 auto;width: calc(100vw - 70px);position: relative;z-index: 2;}
.page1_3{display: block;position: absolute;right: 26px;bottom: -2px;width: 188px;height: auto;z-index: 1;}
.video{width: 100%;height: calc(100vw / 375 * 220);background-color: #000;position: relative;z-index: 2;border-top: 1px solid #1539ff;border-bottom: 1px solid #1539ff;}
.part1 .part1_2{padding: 10px 0 60px;}
.page1_4{display:block;margin: 0 auto;width: calc(100vw - 15px);}
.page1_5{display:block;margin: 20px auto 17px;width: calc(100vw - 62.5px);}
.page1_6{display:block;margin: 0 auto;width: calc(100vw - 30px);}
.code_box{border-radius: 10px;background-image: -moz-linear-gradient( -85deg, rgb(63,134,248) 0%, rgb(21,102,223) 100%);background-image: -webkit-linear-gradient( -85deg, rgb(63,134,248) 0%, rgb(21,102,223) 100%);background-image: -ms-linear-gradient( -85deg, rgb(63,134,248) 0%, rgb(21,102,223) 100%);opacity: 0.839;width: 79px;height: 79px;}
.code_box img{width: 65px;height: 65px;}
.page1_9{display:block;margin: 0 0 0 15px;width: 89px;}

.part2{padding: 65px 0 50px;}
.part2 .logo{margin: 6px auto 0;}
.part2 .part2_1{height: 173px;}
.page2_1{display: block;width: 198px;margin-left: 24px;margin-top: -30px;position: relative;z-index: 2;}
.part2 .part2_1 .page1_3{right: 6px;}
.page2_2{display:block;margin: 5px auto;width: calc(100vw - 15px);}
.page2_3{display:block;margin: 0 auto;width: calc(100vw - 52px);}
.page2_4{display: block;margin: 40px auto 0;width: calc(100vw - 165px);}

.part3{padding: 65px 0 50px;}
.part3 .logo{margin: 6px auto 8px;}
.part3 .page1_3{position: relative;margin: 0 auto;right: auto;bottom: auto;}
.page3_1{display: block;margin: 0 auto;width: calc(100vw - 62px);}
.page3_2{display: block;margin: 24px auto;width: calc(100vw - 230px);}
.page3_3{display: block;margin: 0 auto;width: calc(100vw - 15px);}
.page3_8{display: block;margin: 10px auto 0;width: calc(100vw - 160px);}


.form_box{width: 360px;height: 518px;background: url(../images/page4_2.png) no-repeat center;background-size: 100%;margin: 15px auto 0;position: relative;padding-top: 40px;padding-left: 30px;padding-right: 30px;}
.page4_1{display: block;width: calc(100vw - 110px);position: absolute;top: -15px;left: 0;right: 0;margin: auto;}
.part2 .title{font-size: 15px;color: rgb(255, 255, 255);line-height: 1.5;text-shadow: 2.351px 3.236px 3px rgba(135, 44, 0, 0.21);font-weight: bold;padding-bottom: 8px;}

.input{width: 100%;height: 33px;line-height: 15px;padding: 0 15px;border-radius: 30px;background-image: -moz-linear-gradient( -85deg, rgb(63,134,248) 0%, rgb(21,102,223) 100%);background-image: -webkit-linear-gradient( -85deg, rgb(63,134,248) 0%, rgb(21,102,223) 100%);background-image: -ms-linear-gradient( -85deg, rgb(63,134,248) 0%, rgb(21,102,223) 100%);box-shadow: 0 1px 0 1px #0b1bff;color: #fff;font-size: 15px;margin-bottom: 10px;text-shadow: 2.351px 3.236px 3px rgba(135, 44, 0, 0.21);}
.page4_3{width: 181px;height: 48px;display: block;margin: 15px auto 0;}
.tips{font-size: 11px;color: #ededed;line-height: 1.583;width: calc(100vw - 40px);margin: 20px auto 10px;}
.tips b { color: #fff; }
@media only screen and (max-width: 420px) {
    .tips{ margin: 40px auto 10px;}
}


.page5_1{width: calc(100vw - 46px);display: block;margin: 0 auto;}
.page5_2{width: calc(100vw - 215px);display: block;margin: 15px auto 20px;}
.page5_3{width: calc(100vw - 15px);display: block;margin: 15px auto 0;}
.page5_4{width: calc(100vw - 15px);display: block;margin: 0 auto 0;}
.page5_6{width: calc(100vw - 98px);display: block;margin: 15px auto;}
.page5_8{width: calc(100vw - 62px);display: block;margin: 15px auto 30px;}

.part5_1{width: calc(100vw - 16px);display: block;margin: 0 auto 15px;position: relative;}
.part5_1 .part5_1bg{position: absolute;top: 0;left: 0;right: 0;z-index: 8;}
.part5_1 .flex-box{position: relative;z-index: 10;padding-top: 40px;}
.part5_1 .flex-box img{width: calc(100vw / 750 * 164);display: block;margin-bottom: 6px;}

.part5_2{width: calc(100vw - 16px);display: block;margin: 0 auto;position: relative;}
.part5_2 .part5_2bg{position: absolute;top: 0;left: 0;right: 0;z-index: 8;}
.part5_2 .flex-box{position: relative;z-index: 10;padding-top: 40px;}
.part5_2 .flex-box img{width: calc(100vw / 750 * 164);display: block;}

.page6_1{width: calc(100vw - 168px);display: block;margin: 30px  auto;}


.part6_1{position: relative;width: calc(100vw - 39px);margin: 0 auto;padding: 15px 22px;}
.page6_4{display: block;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.input_box{position: relative;z-index: 2;}
.input_box .input_title{font-size: 14px;color: #fff;text-shadow: 2.351px 3.236px 3px rgba(135, 44, 0, 0.21);padding-bottom: 12px;}
input::placeholder{color: #fff;}
.input_box .input{margin-bottom: 15px;}

.page6_5{width: calc(100vw - 162px);display: block;margin: 5px auto 0;}
.arrow{width: 16px;display: block;margin: 0 auto 15px;}

.page7_1{width: calc(100vw - 110px);display: block;margin: 43px auto 17px;}
.page7_2{width: calc(100vw - 78px);display: block;margin: 0 auto 17px;}
.page7_3{width: calc(100vw - 84px);display: block;margin: 0 auto 17px;}
.page7_6{width: calc(100vw - 62px);display: block;margin: 0 20px 0 auto;}


.factory_title{width: calc(100vw - 230px);display: block;margin: 0 auto;}
.factory{width: calc(100vw - 5px);display: block;margin: 15px auto 0;}

.wrap{width: 262px;}
.popup{width: 262px;display: block;margin: 0 auto;}

.phone{width: 305px;height: 220px;background: url(../images/popup3.png) no-repeat center;background-size: 100%;font-size: 14px;color: #fff;text-shadow: 2.351px 3.236px 3px rgba(135, 44, 0, 0.21);}

.input2{background: url(../images/input_bg2.png) no-repeat center;background-size: 100%;height: 33px;width: 205px;padding: 0 15px;margin: 15px 0 19px;font-size: 15px;margin-bottom: 10px;text-shadow: 2.351px 3.236px 3px rgba(135, 44, 0, 0.21);color: #fff;}
.goin{width: 133px;height: auto;display: block;}