@charset "utf-8";
/* CSS Document */
/* KISSY CSS Reset */
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:"OPPO Sans 4.0","Bronova","Microsoft YaHei","Source Han Sans CN", system-ui, -apple-system,"思源黑体", "PingFang SC","Helvetica Neue","Segoe UI","Roboto",Helvetica, Arial, sans-serif;;}
*{padding:0; margin:0; list-style:none;font-family:"OPPO Sans 4.0","Bronova","Microsoft YaHei","Source Han Sans CN", system-ui, -apple-system,"思源黑体", "PingFang SC","Helvetica Neue","Segoe UI","Roboto",Helvetica, Arial, sans-serif;;}
body,button,input,select,textarea {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*:focus { outline: none; }
a{cursor:pointer;}
input,textarea{border:none;outline: none;-webkit-appearance: none;}
input[type=submit],input[type=button]{cursor:pointer;-webkit-appearance: none;box-sizing: border-box;border:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:rbga(255,255,255,0) !important;}
      
/* default color */
a{text-decoration:none;}
ul,li{padding:0; margin:0;}
/*-------------------------------
  end: reset */

/*浮动*/
.fl{float:left;}
.fr{float:right;}

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}

:root{
  --u:1;
  --cb:black;
  --cb2:rgba(0, 0, 0 ,0.2);
  --cb3:rgba(0, 0, 0 ,0.3);
  --cb4:rgba(0, 0, 0 ,0.4);
  --cb5: rgba(0, 0, 0, 0.5);
  --cb7: rgba(0, 0, 0, 0.7);
  --cb8: rgba(0, 0, 0, 0.8);
  --cb200: #2E3030;
  --cw: white;
  --cw2: rgba(255, 255, 255, 0.2);
  --cw3: rgba(255, 255, 255, 0.3);
  --cw5: rgba(255, 255, 255, 0.5);
  --cw6: rgba(255, 255, 255, 0.6);
  --ch: #D4C59C;
  --fontUrl:'https://tuijing.oss-cn-hangzhou.aliyuncs.com/upload/'
}

/*颜色*/
.cb{color: var(--cb);}
.cb4{color: var(--cb4);}
.cb6{color: rgba(0, 0, 0, 0.6);}
.cb8{color: rgba(0, 0, 0, 0.8);}

.cw{color: var(--cw);}
.cw3{color: var(--cw3);}
.cw5{color: var(--cw5);}
.ch{color: var(--ch);}

/*字体粗细*/
.fw700{font-weight: 700;}
.fw600{font-size: 600;}
.fw500{font-weight: 500;}
.fw300{font-weight: 300;}


/*自定义字体*/
@font-face {
    font-family:'OPPO Sans 4.0';
    src:url('https://tuijing.oss-cn-hangzhou.aliyuncs.com/upload/fonts/OPPO_Sans4.0.ttf') format('truetype');
    font-weight:100 700;
    font-display:swap;
}

@font-face{
    font-family:Bronova;
    src:url('https://tuijing.oss-cn-hangzhou.aliyuncs.com/upload/fonts/Bronova_Regular.otf') format('opentype');
    font-weight:400;
    font-display:swap;
}

@font-face {
    font-family:Bronova;
    src:url('https://tuijing.oss-cn-hangzhou.aliyuncs.com/upload/fonts/Bronova_Bold.otf') format('opentype');
    font-weight:700;
    font-display:swap;
}

.ff-bronova{
  font-family: 'Bronova';
}

/*滚动条样式*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: #D4C59C;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #D4C59C;
}

::-webkit-scrollbar-thumb:vertical:hover {
  background: #D4C59C;
}

.mainbody{background: #F6F6F6;}
.container{width: 84.375vw;margin: 0 auto;} 

i{display:inline-block;*display:inline;*zoom:1;font-style:normal;}
.imgBg{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lineTwo{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lineThree{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}
.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}
.xs-show{display: none !important;}
.xs-hidden{display: block !important;}
.flex{display: flex;}
.fcc{display: flex;align-items: center;justify-content: center;}
.fsc{display: flex;align-items: center;justify-content: space-between;}
.fsb{display: flex;justify-content: space-between;}
.fac{display: flex;align-items: center;}
.fjc{display: flex;justify-content: center;}
.fse{display: flex;justify-content: space-between;align-items: flex-end;}
.abs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 8;}
.abs-cc{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;}
.pic img{display: block;width: 100%;}
.pos-s,
.pos{position: absolute;left: 0;top: 0;}
.pos-e{position: absolute;left: 0;bottom: 100vh;}