@charset "utf-8";
:root{
    --plr:15px;
    --color:#a86d00;
    --cor64:#666464;
    --corspan:#fabe00;
    --white:#fff;
    --scale:1.1;
    --bsw:0 0 30px rgba(184,169,139,.8);
    --radius: 20px;
    --radius65: 65px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;/*touch-action: none;*/}
ul,li{list-style-type: none;}
table{border-collapse:collapse;border-spacing:0;}
body{
    font-size: 16px;
}
.text-center {text-align: center;}
.fl{float: left;}
.fr{float: right;}
.maximg{width: 100%;vertical-align:middle;}
.images{width:100%;max-width: 100%;vertical-align:middle;}
.max{ max-width: 100%; }
.back-white{background:#fff;}
.after:after,
.back-white:after{display:block;clear:both;content:""}
.hg15{width:100%;height:15px;clear:both;}
.mt10{margin-top: 10px;}.mt15{margin-top:15px;}
.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb60{padding-bottom:60px;}
.hide{ display: none !important; }
.container{ padding: 0 var(--plr); }
.container.flex{ display: flex; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.ovhs{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
/** login **/
.login{
    min-height: 100vh;
    background: #baab8d;
    overflow: hidden;
}
.box{ margin: 15px 15px 0; }
.inner-bg{
    position: relative;
    min-height: calc(100vh - 75px);
    background-image: url("../images/login-bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border-radius: var(--radius);
}
.login-form{
    position: absolute;
    top: 38%;
    left: 50%;
    width: calc(85% - 30px);
    background: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--bsw);
    transform: translate(-50%,0);
    padding: 15px 15px 30px;
    text-align: center;
    z-index: 66
}
.login-img{ width: 60px;padding-bottom: 30px; }
.login-form .layui-form-label{ width: 110px;padding: 9px 0; color: var(--color); }
.login-form .layui-input{ height: 35px; border-radius: var(--radius65); }
.login-form .layui-input:focus{ border-color: var(--color) !important; }
.login-form .log-bth{ margin: 20px 0 0; }
.login-form .layui-btn{ width: 100%;height: 45px;line-height: 45px; border-radius: var(--radius65);background: var(--color); }
/** Member **/
.login.member{ background: #b7a98c; }
.member .inner-bg{ display: flex;align-items: center;justify-content: center; }
.search-list{ padding: 0 50px;text-align: center; }
.search-list .txt-img{ width: 53%;margin-bottom: 25px; }
.search-list li{ border-radius: var(--radius65);overflow: hidden; }
.search-list li:not(:last-child){ margin-bottom: 15px; }
.search-list li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: var(--white);
}
.search-list li:nth-of-type(1) { background: linear-gradient(#afa9e3, #352ac8); }
.search-list li:nth-of-type(2) { background: linear-gradient(#f1a7ac, #db1927); }
.search-list li:nth-of-type(3) { background: linear-gradient(#f3e5c6, #e0bd70); }
.search-list li:nth-of-type(4) { background: linear-gradient(#9da6ce, #182e8c); }
/* logout */
.logout{
    width: calc(100% - 100px);
    position: absolute;
    bottom: 50px;
    left: 50%;
    display: block;
    text-align: center;
    transform: translateX(-50%);
    color: #666;
    z-index: 66;
}
/** elite **/
.login.elite{ background: #495df9; }
.elite .inner-bg{ background-image: url("../images/hui-bg.png"); }
.elite-list{ padding: 0 10px 100px; }
.txt-img{ width: 60%;margin: 60px 0 30px 15px; }
.name-time{ margin-left: 15px; }
.name-time p{ color: var(--cor64);line-height: 35px; }
.name-time p.name{ font-weight: bold; }
.name-time span{ font-size: 28px; color: #005bac;font-weight: bold;padding: 0 5px; }
.ape{ padding: 10px 15px;margin: 15px 0; background: #4b5ffc;border-radius: 15px; }
.ape p{ font-size: 14px;padding: 10px 0; color: var(--white); }
.ape p:first-child{ font-size: 16px; font-weight: bold; }
.ape p:not(:last-child){ border-bottom: 1px solid #3447ff; }
.ape span{ font-size: 20px;font-weight: bold; padding: 0 10px;border-bottom: 1px solid var(--white);color: var(--corspan); }
.ape p em{ display: block; font-style: normal;font-size: 16px;font-weight: bold;text-align: center;padding-bottom: 10px; }
.ape p em span{ font-size: initial;border-bottom: 0; }
.level{ display: flex;align-items: center;justify-content: center; padding: 5px 5px 5px 15px; background: #ffe5ae;
    border-radius: var(--radius65);color: var(--color);font-size: 18px; }
.level span{ padding: 0 15px; background: var(--white);border-radius: var(--radius65);color: var(--color);font-weight: bold; }
.oiling-txt{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333;
    font-size: 28px;
    padding: 35px 0 0;
    font-weight: bold;
    /*transform: skew(-10deg);*/
}
.oiling-txt p{ font-size: 18px;color: #ff0000; }
@media screen and (max-width: 375px){
    .level{ font-size: 16px; }
}
.bottom-bth{
    width: calc(100% - 30px);
    position: absolute;
    bottom: 20px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%, 0);
    background: #fff;
    z-index: 666;
}
.bottom-bth img{ width: 97%; }
.bottom-bth a:last-child{ text-align: right; }
/** star **/
.login.star{ background: #ac0005; }
.star .inner-bg{ background-image: url("../images/tuan-bg.png"); }
.star .txt-img{ width: 90%;margin-bottom: 50px; }
.star .name-time span{ color: var(--color); }
.star .name-time span.star{ font-size: initial;border-bottom: 1px solid var(--corspan); }
.star .ape{ background: #b60005; }
.star .ape p{ font-size: 16px; font-weight: bold; }
.star .ape p.ls{ line-height: 28px; }
.star .ape p:not(:last-child){ border-bottom: 1px solid #d65c63; }
.star .ape p span{ color: var(--corspan); }
/* no-star */
.no-star{ padding-top: 50px; text-align: center;color:#333; }
.no-star p{ font-size: 26px;font-weight: bold;transform: skew(-10deg); }
/** peak **/
.login.peak{ background: #e1b861; }
.peak .inner-bg{ background-image: url("../images/jing-bg.png"); }
.peak .name-time .name{ padding-bottom: 15px; }
.peak .name-time p:not(name){ line-height: 24px; }
.peak .name-time span{ color: var(--color); }
.peak .clist{ padding-top: 10px; }
.peak .clist li{ display: flex; padding: 5px; background: #bf9343;border-radius: var(--radius); }
.peak .clist li:not(:last-child){ margin-bottom: 15px; }
.peak .clist li .zu{ display: flex;align-items: center;justify-content: center;text-align: center;width: 85px; background: #d7b25f;
    color: var(--white);border-radius: var(--radius);margin-right: 6px;font-weight: bold; }
.peak .clist li .remark{ width: calc(100% - 100px);color: var(--white); }
.peak .clist li .remark em{ display: block; font-style: normal;font-size: 12px;padding-top: 5px; }
.peak .clist li .remark span{ font-size: 20px;font-weight: bold; padding: 0 10px;border-bottom: 1px solid var(--white);color: var(--corspan); }
.peak .bz{ text-align: center;padding-top: 10px;color: red;font-size: 14px; }
/** contetst **/
.login.contents{ background: #33448e; }
.contents .inner-bg{ background-image: url("../images/contests.png"); }
.contents .rtxt{ font-size: 12px;color: #a86d00;text-align: right;padding-top: 5px; }

/** footer **/
.flogo{ position: absolute;bottom: 6%;left: 50%;transform: translate(-50%,0);z-index: 6; }
.footer{ line-height: 50px; font-size: 14px;color: var(--white);text-align: center;margin-top: 10px; }