@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {
    -webkit-text-size-adjust:100%;
    overflow-x:hidden;
    min-height:100vh;
}
body {padding: 0;margin: 0 auto;font-size: 14px; color: #182437;background-color: #fff;font-family: "AlibabaPuHuiTi","Microsoft YaHei","Arial";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    overflow-x:hidden;
    min-height:100vh;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td  {
  margin: 0;
  padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;}/*font-size: 1px;*/
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #ee1f2d;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: 'HarmonyOS_Sans_SC';
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after{ content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot1 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.dot4 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus{outline: none;-moz-outline: none;}
.hide{display:none;}
.auto-1360{max-width: 1360px;margin: auto; width: 96%;}
.auto{width: 85%; max-width: 1360px; margin: 0 auto;}
@media(max-width:1024px){
    .auto{width: 96%;}
}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.f44{font-size: 44px;}
.f48{font-size: 48px;}
.f75{font-size: 75px;}
@media(max-width:1200px){
    .f48{font-size: 40px;}
    .f75{font-size: 50px;}
}
@media(max-width:1024px){
    .f16{font-size: 15px;}
    .f18{font-size: 17px;}
    .f20{font-size: 18px;}
    .f24{font-size: 20px;}
    .f26{font-size: 22px;}
    .f28{font-size: 24px;}
    .f30{font-size: 24px;}
    .f36{font-size: 28px;}
    .f44{font-size: 34px;}
    .f48{font-size: 36px;}
    .f75{font-size: 40px;}
}
@media(max-width:640px){
    .f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 16px;}
    .f24{font-size: 18px;}
    .f26{font-size: 19px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f36{font-size: 22px;}
    .f44{font-size: 24px;}
    .f48{font-size: 24px;}
    .f75{font-size: 28px;}
}


/* flex 布局 */
.d-flex{ display: flex;}
.j-end{ justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-start{justify-content: flex-start;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.a-center{align-items: center;}
.a-self{align-items: self-start;}
.a-start{align-items: flex-start;}
.a-baseline{align-items: baseline;}
.a-end{align-items: flex-end;}
.al-start{align-content: flex-start;}
.al-end{align-content: flex-end;}
.al-center{align-content: center;}
.al-sb{align-content: space-between;}
.al-sa{align-content: space-around;}
.al-stretch{align-content: stretch;}