@charset "utf-8";
/* 
    2022 06 20  
    youlai common 
    1:1 page: 375px 
    v1.0.1 
    lastDate：2022 08 29

*/
body{background:#fff;line-height:1.5;color:#222;-webkit-text-size-adjust:none;max-width:100%;overflow-x: hidden;letter-spacing: -0.1px;word-wrap: break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote{padding:0;margin:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,input,textarea,span,select,a{font-family:Arial,Microsoft YaHei\, SimHei,Helvetica,sans-serif;}
div,ul,li,ol,dd,dl,dt,p,h1,h2,h3,h4,h5,h6,a,span,input,textarea,button,select,form,i{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="text"],input[type="button"],textarea{ border:none;resize: none;-webkit-appearance:none;outline:medium;-webkit-tap-highlight-color:rgba(0,0,0,0);}
li{list-style-type:none;}
form{display:block;}
table{margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul{list-style:none;}   
caption,th {text-align:left;}
input:focus{outline: 0;}
input, textarea, select {
    border: none;
    resize: none;
    -webkit-appearance: none;
    outline: medium;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
/* input placeholder color */
:-moz-placeholder { 
    color: #c3c3c3;
}
::-moz-placeholder { 
    color: #c3c3c3;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
    color: #c3c3c3;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color: #c3c3c3;
}
.input-placeholder{color: #c3c3c3 !important;}
/* 禁止浏览器页面内容被点击  系统默认菜单被禁用 */
/*
*{  
    -webkit-touch-callout:none;
    -webkit-user-select:none; 
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;  
} 
*/
input,textarea,button {
    -webkit-user-select:auto; /*webkit浏览器*/
    margin: 0px;
    padding: 0px;
    outline: none;
}
*{ 
    -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ 
}
/* 设备分辨率调整 */
@media screen and (min-width:320px){html{font-size:calc(21.33px * 4)}} 
@media screen and (min-width:360px){html{font-size:calc(24px * 4)}} 
@media screen and (min-width:375px){html{font-size:calc(25px * 4)}} 
@media screen and (min-width:384px){html{font-size:calc(25.6px * 4)}} 
@media screen and (min-width:400px){html{font-size:calc(26.67px * 4)}} 
@media screen and (min-width:414px){html{font-size:calc(27.6px * 4)}} 
@media screen and (min-width:424px){html{font-size:calc(28.27px * 4)}} 
@media screen and (min-width:480px){html{font-size:calc(32px * 4)}} 
@media screen and (min-width:540px){html{font-size:calc(36px * 4)}} 
@media screen and (min-width:720px){html{font-size:calc(48px * 4)}} 
@media screen and (min-width:750px){html{font-size:calc(50px * 4)}} 
@media screen and (min-width:768px){html{font-size:calc(51.2px * 4)}} 
.box-max-width{max-width: 800px;margin: 0 auto;font-size: 12px;}

.list-flex,.list-flex-top,.list-flex-center,.list-flex-in,.list-flex-space,.list-flex-br,.list-flex-column{display:-webkit-box; display:-webkit-flex; display:flex;}
.list-flex,.list-flex-in{ -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.list-flex-top{-webkit-box-align:top; -webkit-align-items:top; align-items:top; }
.list-flex-center,.list-flex-in{-webkit-box-pack: center;justify-content:center;}
.list-flex-space{justify-content:space-between;}
.list-flex-in{text-align: center;}
.list-flex-br{flex-wrap:wrap;}
.list-flex-column{-webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;}
.list-bd{-webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; }
.list-br2{width: 50%;}
.list-br3{width: 33.33%;}
.list-br4{width: 25%;}
.list-br5{width: 20%;}

.fl-l{float: left;}
.fl-r{float: right;}
.pos-r{position: relative;}
.pos-r-z{position: relative;z-index: 1;}
.block100{display: block;width: 100%;}
.block100t{display: block;width: 100%;height: 100%;}
.line-clamp1,.line-clamp2,.line-clamp3{overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.line-clamp1{ -webkit-line-clamp: 1;}
.line-clamp2{ -webkit-line-clamp: 2;}
.line-clamp3{ -webkit-line-clamp: 3;}
.max-auto{max-width: 100%;max-height: 100%;}
.clear:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}

.c-f00{color: #f00 !important;}

.bg-f5{background-color: #f5f5f5;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.font-bold{font-weight: bold;}
.font-normal{font-weight: normal;}
.font-s-normal{font-style: normal;}
.line-h2{line-height: 2;}

.pad-10{padding: .1rem;}
.pad-15{padding: .15rem;}
.pad-20{padding: .2rem;}
.pad-30{padding: .3rem;}
.pad-tb10{padding: .1rem 0;}
.pad-tb20{padding: .2rem 0;}
.pad-lr15{padding: 0 .15rem;}
.pad-lr20{padding: 0 .2rem;}
.pad-lr30{padding: 0 .3rem;}
.pad-t10{padding-top: .1rem;}
.pad-t20{padding-top: .2rem;}
.pad-r10{padding-right: .1rem;}
.pad-b5{padding-bottom: .05rem;}
.pad-b10{padding-bottom: .1rem;}
.pad-b15{padding-bottom: .15rem;}
.pad-b20{padding-bottom: .2rem;}
.pad-l10{padding-left: .1rem;}

.mar-20{margin: .2rem;}
.mar-5{ margin: 0 .05rem;}
.mar-t10{margin-top: .1rem;}
.mar-t20{margin-top: .2rem;}
.mar-r15{margin-right: .15rem;}
.mar-b5{margin-bottom: .05rem;}
.mar-b10{margin-bottom: .1rem;}
.mar-b20{margin-bottom: .2rem;}



.h_index_hidden {
    display: none !important;
}