@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{overflow-x:hidden;font-size: 14px;line-height: 1.5;color:#333;font-style: normal;font-family: PingFangSC, PingFang SC;}
*,*: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: #FFFFFF;  
    --normal:#FF8559;
    --arrow:#747474;
    --border:#f1f1f1;
    --nothing:#d8d8d8;
    --red:#FE6075;
    --blue:#4088F6;
    --darkBlue:#004FA5;
    --green:#08B266;
    --yellow:#f6e65f;
    --orange: #FF9F71;
    --black:#000;
    --darkGray:#333;
    --gray:#666;
    --ghostWhite:#F8F8F8;
    --white:#ffffff;
    --f6:#f6f6f6;
    --fc:#fcfcfc;
    --price: #ED253F;
    --bgGray: #F7F9FC;
}
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;}
img {max-width: 100%;}
img.imgm {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
::-webkit-scrollbar{display: none;}
/* 工具 */
.w1440{max-width: 1440px;margin-left: auto;margin-right: auto;}
.w50{width: 50%;}
.w100{width: 100%;}
.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;}
.pointer{cursor: pointer;}
/* 字体 */
.fwb{font-weight: bold;}
/*字体自适应*/
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;line-height: 13px;}
.fs13 {font-size: 13px;line-height: 15px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;line-height: 19px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs21 {font-size: 21px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}
.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: 15px;}
.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;}
.fs28 {font-size: 26px;}
.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;}
.fs28 {font-size: 22px;}
.fs30 {font-size: 24px;}
.fs32 {font-size: 26px;}
.fs34 {font-size: 28px;}
.fs35 {font-size: 29px;}
.fs36 {font-size: 30px;}
.fs40 {font-size: 34px;}}
/* 行高 */
.lh30{line-height: 30px;}
/*图片 - 列表*/
.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,.m-ellipsis-l4{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;}
.m-ellipsis-l4{-webkit-line-clamp:4;}
/*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: #AAA;opacity: 1;}
.m-input:-ms-input-placeholder {color: #AAA;}
.m-input::-webkit-input-placeholder {color: #AAA;}
/*按钮*/
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: -6px;}
.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);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 4px 20px 0 rgba(184,189,202,0.1);box-shadow: 0 4px 20px 0 rgba(184,189,202,0.1);}
.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-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;}
.p40{padding: 40px;}

.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;}
.ptb40{padding-top: 40px;padding-bottom: 40px;}
.ptb45{padding-top: 45px;padding-bottom: 45px;}

.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;}
.plr40{padding-left: 40px;padding-right: 40px;}
.plr120{padding-left: 120px;padding-right: 120px;}


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

.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;}
.pb60{padding-bottom: 60px;}

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


.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;}
.mtb40{margin-top: 40px;margin-bottom: 40px;}

.mlrauto{margin-left: auto;margin-right: auto;}
.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;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt80{margin-top: 80px;}

.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!important;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb70{margin-bottom: 70px;}

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

.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;}
.mr50{margin-right: 50px;}

/* 字体颜色 */
.col-white{color: var(--white);}
.col-red {color: var(--red);}
.col-yellow {color: var(--yellow);}
.col-blue {color: var(--blue);}
.col-green {color: var(--green);}
.col-orange {color: var(--orange);}
.col-normal {color: var(--normal);}
.col-darkBlue {color: var(--darkBlue);}
.col-FF9066 {color: #FF9066;}
/* 自定义颜色 */
.col-3{color: #333;}
.col-5{color: #555;}
.col-6{color: #666;}
.col-8{color: #888;}
.col-9{color: #999;}
.col-10{color: #101010;}
.col-89{color: #898989;}
.col-a{color: #aaaaaa;}
.col-c{color: #ccc;}
.col-f{color: #FFFFFF;}
.col-e{color: #EEEEEE;}
.col-price{color: var(--price);}

/* btn 字体大小颜色 按钮背景颜色 margin */
.g-btn1{display: block; width: 325px;height: 50px; background-color: var(--normal);color: var(--white);line-height: 50px;text-align: center;font-size: 15px;border-radius: 99px;cursor: pointer;margin-left: auto;margin-right: auto;} 
.g-btn2{display: block;width: 300px; height: 60px; background-color: #70C8CC;color: var(--white);border-radius: 99px;line-height: 60px;text-align: center;font-size: 20px;cursor: pointer;}
.g-btn3{display: block;width: 60px; height: 35px; background-color: #63AFB2;color: var(--white);border-radius: 99px;line-height: 35px;text-align: center;font-size: 16px;cursor: pointer;}
.g-btn4{display: block;width: 150px; height: 60px; background-color: var(--white);color: #4DCBCE;border: 1px solid #70C8CC;border-radius: 99px;line-height: 60px;text-align: center;font-size: 18px;cursor: pointer;}
.g-btn5{display: block;width: 70px; height: 35px; background-color: var(--white);color: #70C8CC;border: 1px solid #70C8CC;border-radius: 15px 20px 20px 0;line-height: 35px;text-align: center;font-size: 16px;cursor: pointer;}
.g-btn6{display: block;width: 80px; height: 35px; background-color: var(--white);color: #CCCCCC;
border-radius: 15px 20px 20px 0;line-height: 35px;text-align: center;font-size: 16px;border: 1px solid #CCCCCC;cursor: pointer;}

.g_btn_more {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 102px;
    height: 34px;
    border-radius: 24px;
    border: 1px solid #979797;
    
    font-weight: 400;
    font-size: 14px;
    color: #898989;
    line-height: 34px;
    text-align: center;
    
  }

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

/* 圆角 */
.radius10{border-radius: 10px!important;}
.radius15{border-radius: 15px;}


/* 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{} */

/* 1920px~1440px（大部分样式和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{}
} */


/* Element UI */
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{
	color: var(--normal)!important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background-color:var(--normal);
	border-color:var(--normal)
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
    color: var(--normal)!important;
}
.el-select-dropdown__item.selected{
     color: var(--normal)!important;
}
.el-rate__icon{
    margin-right: 2px;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
    min-width: 26px;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    
    font-weight: 400;
    font-size: 12px;
    color: #666666;
    line-height: 26px;
    text-align: center;
    
    background-color:#F8F8F8;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover{
    color: #666666;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color:var(--normal);
    border: 0;
    color: #FFF;
}
/*  */
.el-date-table td.current:not(.disabled) span{
  background-color:var(--normal);
}
.el-date-table td.today span{
  color: var(--normal)!important;
}
.el-date-table td.available:hover{
  color: var(--normal)!important;
}
.el-picker-panel__icon-btn:hover{
  color: var(--normal)!important;
}
.el-date-picker__header-label.active, .el-date-picker__header-label:hover{
  color: var(--normal)!important;
}
/* Element UI */


/* ========================================================================= */
/* 右侧按钮 */

.g_right_btn {
  position: fixed;
  right: 10px;
  bottom: 20vh;
  display: flex;
  z-index: 9999;
}

/* 二维码区域 */
.qr-code-section {
  margin-right: 8px;
  padding: 4px;
  width: 100px;
  height: 134px;
  background-color: #ffffff;
  z-index: 999;
  position: relative;
  display: flex;
  text-align: center;
}

.qr-code-section span{
  position: absolute;
  bottom: 4px;
  line-height: 16px;
  width: 100%;
}

.arrow-right {
  position: absolute;
  right: -10px;
  margin-left: 3px;
  font-size: 12px;
  margin-top: 20px;
  color: #ffffff;
  font-weight: bold;
}

/* 功能按钮区域 */
.btn-section {
  padding: 20px 0 24px;
  width: 64px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 32px;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 15px;
  letter-spacing: 2px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.qr-code-section img {
  display: block;
  width: 92px;
  height: 92px;
  position: absolute;
}

.btn-section img {
  margin: 0 auto 6px;
  display: block;
  width: 24px;
  height: 24px;
}
/*  */

.g_line_title {
  margin: 0 0 30px;
  
  font-weight: bold;
  font-size: 28px;
  color: #333333;
  line-height: 40px;
  text-align: center;
  
  background-image: url("../icon/icon_line.png");
  background-size: 258px 1px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 50% 20px;
}

.g_label {
  padding: 0 8px;
  height: 28px;
  background: rgba(255, 159, 113, 0.1);
  border-radius: 3px;
  
  font-weight: 400;
  font-size: 12px;
  color: #fd963e;
  line-height: 28px;
  
}

.g_label1 {
  padding: 0 10px;
  height: 35px;
  background: #F7F9FC;
  border-radius: 5px;
  
  font-weight: 400;
  font-size: 15px;
  color: #555555;
  line-height: 35px;
  
  cursor: pointer;
  text-align: center;
}

.g_label1.active{
  background: #FF9066;
  color: #FFFFFF;
}

.g_label_green {
  padding: 0 10px;
  height: 33px;
  background: rgba(8,178,102,0.1);
  border-radius: 6px;
  
  font-weight: 400;
  font-size: 14px;
  color: #08B266;
  line-height: 33px;
  
}

.g_icon_work {
  margin-right: 2px;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("../icon/icon_work.png");
  background-size: 10px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}

.g_icon_addr {
  margin-right: 2px;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("../icon/icon_addr.png");
  background-size: 10px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}

.g_icon_jigou {
  margin-right: 2px;
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("../icon/icon_jigou.png");
  background-size: 15px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}

.g_icon_star{
  display: block;
  background-image: url("../icon/icon_star.png");
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}
.g_icon_staron{
  display: block;
  background-image: url("../icon/icon_staron.png");
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}

.g_icon_star1{
  display: block;
  background-image: url("../icon/icon_rate.png");
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}
.g_icon_star1on{
  display: block;
  background-image: url("../icon/icon_rateon.png");
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}
.g_icon_love {
  margin: 0 4px 0 0;
  display: block;
  width: 23px;
  height: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_love.png");
}

.g_icon_del {
  margin: 0 4px 0 5px;
  display: block;
  width: 23px;
  height: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_del2.png");
}
.g_icon_love_on {
  margin: 0 4px 0 0;
  display: block;
  width: 23px;
  height: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_love_on.png");
}

.g_icon_coll{
  margin: 0 4px 0 0;
  display: block;
  width: 23px;
  height: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_action5.png");
}

.g_icon_coll_on{
  margin: 0 4px 0 0;
  display: block;
  width: 23px;
  height: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_rateon.png");
}

.g_icon_share {
  margin: 0 4px 0 0;
  display: block;
  width: 23px;
  height: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_action3.png");
}

.g_icon_zan {
  margin: 0 4px 0 0;
  display: block;
  width: 18px;
  height: 18px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_action1.png");
}
.g_icon_zanon {
    margin: 0 4px 0 0;
    display: block;
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-position: 0 0;
    background-image: url("../icon/icon_action1on.png");
}

.g_icon_close{
  display: block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_close2.png");
  cursor: pointer;
}

.g_icon_arrow_r{
  display: block;
  width: 12px;
  height: 12px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_arrow1.png");
}

.g_icon_check1{
  display: block;
  width: 15px;
  height: 15px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_check1.png");
  cursor: pointer;
}
.g_icon_check1_on{
  display: block;
  width: 15px;
  height: 15px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_check1on.png");
  cursor: pointer;
}

.g_icon_rec{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 56px;
  height: 56px;
  background-size: 56px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  background-image: url("../icon/icon_rec.png");
}

.g_icon_play{
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../icon/icon_play.png");
}

.icon_12{
  display: block;
  width: 12px;
  height: 12px;
  background-size: 12px;
}

.icon_15{
  display: block;
  width: 15px;
  height: 15px;
  background-size: 15px;
}

.icon_18{
  display: block;
  width: 18px;
  height: 18px;
  background-size: 18px;
}

.icon_20{
  display: block;
  width: 20px;
  height: 20px;
  background-size: 20px;
}

.icon_23{
  display: block;
  width: 23px;
  height: 23px;
  background-size: 23px;
}

.icon_24{
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px;
}

.icon_33{
  display: block;
  width: 33px;
  height: 33px;
  background-size: 33px;
}

/* 上传图片 */
.g_upload1 .upload_item{
  position: relative;
  margin: 0 10px 10px 0;
  width: 100px;
  height: 100px;
  border-radius: 8px;
}
.g_upload1 .img1{
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 8px;
}
.g_upload1 .icon_close{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100px;
  height: 15px;
  border-radius: 0px 0px 8px 8px;
  background-image: url("../icon/icon_close1.png");
  background-size: 100px 15px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
  cursor: pointer;
}
.g_upload1 .icon_upload{
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  background-image: url("../icon/icon_upload1.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}
.g_upload1 .icon_upload1{
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  background-image: url("../icon/icon_upload2.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}
.g_upload1 .upload_input{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  opacity: 0;
  cursor: pointer;
}

/*  */
.g_textarea {
  padding: 20px;
  min-height: 126px;
  background: #f7f9fc;
  border-radius: 10px;
  
  font-weight: 400;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  text-align: left;
  
}

.g_input{
  padding: 0 16px;
  width: 100%;
  height: 45px;
  background: #f7f9fc;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  font-weight: 400;
  font-size: 14px;
  color: #333;
}
/*  */

.g_people_list .people_item {
  margin: 0 20px 20px 0;
  padding: 17px;
  width: 387px;
  height: 142px;
  background: #ffffff;
  border-radius: 11px;
}

.g_people_list .img1 {
  margin-right: 16px;
  display: block;
  width: 108px;
  height: 108px;
  border-radius: 8px;
}

.g_people_list .g_label{
  margin: 8px 10px 0 0;
}

/* 发布评论 */
.g_pub_comment {
  margin: 0 0 20px;
  padding: 25px;
  background: #ffffff;
}
.g_pub_comment .text1 {
  
  font-weight: bold;
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  text-align: left;
  
}
.g_pub_comment .action {
  
  font-weight: 400;
  font-size: 17px;
  color: #555555;
  line-height: 18px;
  text-align: left;
  
  cursor: pointer;
}
.g_pub_comment .gray_box {
  padding: 16px 10px 10px 25px;
  margin: 24px 0 0;
  background: #f7f9fc;
  border-radius: 10px;
}

.g_pub_comment .textarea {
  height: 100px;
  
  font-weight: 400;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  text-align: left;
  
}
.g_pub_comment .btn_pub {
  margin: 0 0 0 auto;
  width: 78px;
  height: 38px;
  background: #ff8559;
  border-radius: 23px;
  
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 38px;
  text-align: center;
  
  cursor: pointer;
}

/*  */
.g_recommended_item {
  position: relative;
  margin: 0 16px 16px 0;
  display: block;
  /* width: 186px; */
  width: calc((100% - 80px) / 6);
  height: 255px;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #f3f3f3;
}

.resume_rec_box1 .g_recommended_item{
  width: calc((100% - 80px) / 6);
  /* height: 280px; */
}

.g_recommended_item:nth-of-type(6n) {
  margin: 0 0 16px;
}

/* .resume_rec_box1 .g_recommended_item:nth-of-type(6n){
  margin: 0 16px 16px 0;
} */

/* .resume_rec_box1 .g_recommended_item:nth-of-type(5n){
  margin: 0 0 16px;
} */

.g_recommended_item .icon_good {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 21px;
  background-image: url("../icon/icon_good.png");
  background-size: 38px 21px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position: 0 0;
}
.g_recommended_item .img {
  display: block;
  width: 100%;
  height: 186px;
  border-radius: 6px 6px 0px 0px;
  object-fit: cover;
}

.resume_rec_box1 .g_recommended_item .img{
  /* height: 210px; */
}

.g_recommended_item .info_wrap {
  padding: 12px;
}
.g_recommended_item .name {
  
  font-weight: bold;
  font-size: 13px;
  color: #101010;
  line-height: 15px;
  text-align: left;
  
}
.g_recommended_item .work {
  
  font-weight: 400;
  font-size: 10px;
  color: #08b266;
  line-height: 12px;
  
}
/*  */
.g_btn_change {
  position: absolute;
  top: 10px;
  right: 0;
  
  font-weight: 400;
  font-size: 14px;
  color: #ff8559;
  line-height: 20px;
  text-align: center;
  
  cursor: pointer;
}
.g_btn_change img {
  margin-right: 5px;
  display: block;
  width: 14px;
  height: 14px;
}

/*  */
.g_filter_row{
  position: sticky;
  top: 68px;
  z-index: 5;
}
.g_filter_row .filter_btn {
  margin-right: 20px;
  width: 90px;
  height: 36px;
  background: #ffffff;
  border-radius: 23px;
  
  font-weight: 400;
  font-size: 14px;
  color: #101010;
  line-height: 36px;
  text-align: center;
  
  cursor: pointer;
}
.g_filter_row .filter_btn.active {
  background: rgba(255, 144, 102, 0.1);
  font-weight: bold;
  color: #fb7241;
}
.g_filter_row .filter_tab1{
  position: relative;
  height: 40px;
  
  font-weight: 400;
  font-size: 15px;
  color: #333333;
  line-height: 40px;
  
  cursor: pointer;
}
.g_filter_row .filter_tab1.active{
  font-weight: bold;
  font-size: 18px;
  color: #FF8559;
}
.g_filter_row .filter_tab1.active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 17px;
  height: 7px;
  background-image: url("../icon/icon_tab1.png");
  background-size: 17px 7px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.g_filter_row .search_box {
  margin-right: 20px;
  padding: 0 18px;
  width: 286px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid rgba(184, 184, 184, 0.36);
}
.g_filter_row .search_box .m-input {
  
  font-weight: 400;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  text-align: left;
  
}
.g_filter_row .icon_pub {
  display: block;
  width: 95px;
  height: 38px;
}
.g_filter_row .want_pub{
  width: 95px;
  height: 38px;
  background: #FF8559;
  border-radius: 6px;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
line-height: 16px;
}
.g_filter_row .want_pub .icon_publish{
  display: block;
  width: 15px;
  height: 15px;
}
/*  */

.g_comment_wrap {
  padding: 20px 25px 0;
  background: #ffffff;
}
.g_comment_wrap .title {
  
  font-weight: bold;
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  text-align: left;
  
}
.g_comment_wrap .comment_item {
  padding: 10px 0;
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}
.g_comment_wrap .row1 {
  padding: 10px 0;
}
.g_comment_wrap .row2 {
  padding: 14px 0 10px 30px;
}
.g_comment_wrap .img_head {
  margin-right: 7px;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.g_comment_wrap .text1 {
  
  font-weight: 400;
  font-size: 15px;
  color: #555555;
  line-height: 16px;
  
}
.g_comment_wrap .text2 {
  
  font-weight: 400;
  font-size: 15px;
  color: #101010;
  line-height: 21px;
  text-align: left;
  
}
.g_comment_wrap .time {
  
  font-weight: 400;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 15px;
  
}
.g_comment_wrap .reply {
  
  font-weight: 400;
  font-size: 12px;
  color: #ff9066;
  line-height: 15px;
  
  cursor: pointer;
}
.g_comment_wrap .del {
    color: #000;
    margin-right: 10px;
}

/* 服务列表 */
.g_service_item {
  position: relative;
  display: block;
  /* width: 280px; */
  width: calc((100% - 75px) / 4);

}
.g_service_item .img1 {
  display: block;
  width: 280px;
  height: 166px;
  border-radius: 17px;
    object-fit: cover;
}
.g_service_item .name {
  
  font-weight: bold;
  font-size: 18px;
  color: #101010;
  line-height: 25px;
  
}
.g_service_item .price {
  
  font-weight: bold;
  font-size: 18px;
  color: #ed253f;
  line-height: 28px;
  text-align: left;
  
}
.g_service_item .text1 {
  
  font-weight: 400;
  font-size: 14px;
  color: #898989;
  line-height: 20px;
  
}


/* ========================================================================= */
/*  */
.g-tab .tab-item{position: relative;padding: 0 25px;font-size: 24px;color: #464646;cursor: pointer;}
.g-tab .tab-item.active{color: var(--normal);font-weight: bold;}

[v-cloak] {
    display: none;
}


.carousel-container {
  position: relative;
  margin-right: 30px;
    display: block;
    width: 390px;
    border-radius: 8px;
}

.carousel-main-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 8px;
}

.thumbnail-nav {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.thumbnail-item {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

.thumbnail-item:hover {
  border-color: #ff9066;
}

.thumbnail-item.active {
  border-color: #ff9066;
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
}

.thumbnail-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.el-carousel__container {
  border-radius: 8px;
  overflow: hidden;
}