body{
    width: 100vw;
overflow-x: hidden;
    margin: 0;
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
}

/*.header-container{*/
/*        width: 100%;*/
/*    position: relative;*/
/*    z-index: 10;*/
/*}*/



.header-container {
width: 100%;
position: relative;
z-index: 10;
}

.header {
width: 90%;
max-width: 1200px;
min-width: 960px;
height: 100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}

.header-tab {
display: flex;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
}

.header-tab > li {
margin: 0 20px;
position: relative;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
}


/*.header-tab-li:hover::after {*/
/*content: '';*/
/*position: absolute;*/
/*bottom: 0;*/
/*height: 2px;*/
/*width: 80%;*/
/*background: #FFFFFF;*/
/*border-radius: 1px;*/
/*}*/

.header-tab-li a {
color: #fff;
}

#cascader {
position: absolute;
opacity: 0;
}

.pc-liver {
position: absolute;
right: -10px;
top: -10px;
background-color: #fff;
font-size: 12px;
color: #FA3E54;
text-align: center;
width: 50px;
height: 17px;
border-radius: 8px;
}

.pc-liver::after {
content: '';
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: #fff;
}

.el-dropdown {
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
color: #FFFFFF;
}


.content_login {
position: fixed;
z-index: 999;
}

.lay {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .6);
z-index: 901;
}

.user {
position: relative;
}

.user .user_info {
position: absolute;
top: 80px;
right: -10px;
width: 230px;
padding-bottom: 30px;
background-color: rgba(255, 255, 255, 0.97);
border-radius: 3px;
cursor: default;
display: none;
box-shadow: 0 2px 4px 0 rgba(255, 72, 98, 0.55);
}

.user_info_lay {
position: absolute;
top: -35px;
left: 0px;
width: 100%;
height: 35px;
background-color: transparent;
}

.user:hover > .user_info {
display: block;
}


.user_info_little {
width: 210px;
height: 45px;
margin: 0 auto;
margin-top: 20px;
box-shadow: inset 0 -1px 0 0 #EBEBEB;
padding-bottom: 12px;
}

.user_info_little_avatar {
float: left;
width: 45px;
height: 45px;
}

.user_info_little_avatar_info {
float: left;
width: 159px;
height: 45px;
margin-left: 6px;
}

.user_info_little_avatar_info p {
font-family: PingFangSC-Regular;
display: inline-block;
width: 100%;
line-height: 17px;
overflow: hidden;
color: #A8A8A8;
font-size: 12px;
text-align: left;
}

.user_info_little_avatar_info p:first-child {
margin-top: 6px;
color: #333333;
font-size: 14px;
font-family: PingFangSC-Regular;
}

.user_info_recharge {
width: 160px;
height: 40px;
background-color: #FFBF27;
border-radius: 20px;
text-align: center;
margin: 0 auto;
margin-top: 27px;
cursor: pointer;
box-shadow: 0 2px 2px 0 #FFDF91;
}

.user_info_recharge a, .user_info_recharge a:hover {
display: inline-block;
margin-top: 11px;
font-size: 14px;
color: #FFFFFF !important
}

.user_info_quit {
margin-top: 10px;
background-color: #FA3E54;
box-shadow: 0 2px 2px 0 #FF8E9B;
}

.liver-box .lan .changeSize {
font-size: 14px;
width: 170px;
}

.hideScorll {
overflow-y: hidden;
overflow-x: hidden;
position: fixed;
width: 100%;
}

.logo {
/*background: url(img/logo.png);*/
background-repeat: no-repeat;
height: 47px;
width: 143px;
}

.logo-red {
background: url(img/logo-les.png);
background-repeat: no-repeat;
height: 47px;
width: 143px;
background-size: cover;
}

.header-tab-li {
position: relative;
}

.bai-hua {
min-width: 48px;
padding: 1px 5px 0;
height: 23px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 17px;
background: url(img/baihua.png);
background-size: 100% 100%;
position: absolute;
/*right: -11px;*/
top: -8px;
}