*{box-sizing: border-box;}
.header{width:100%;background: #fff;padding:20px 0;}
.W1300{margin: 0px auto;width:100%;max-width:1300px;}

.flex{display: flex;justify-content: space-between;}
.header .text{display: flex;justify-content: center; align-items: center; height:48px;}
.header .shuoming img{height: 48px;}

.vip {
    text-decoration: none;
    font-size:30px;
    -webkit-mask-image: linear-gradient(to right,#000,red);
    background-image: linear-gradient(to right,#000,red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 200% 100%;
    animation: bgp 2s infinite linear;
    font-weight: bold;
}
.vip2 {
    text-decoration: none;
    font-size:18px;
    -webkit-mask-image: linear-gradient(to right,#fff,#f8d9a4);
    background-image: linear-gradient(to right,#fff,#fb5b44);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 200% 100%;
    animation: bgp 3s infinite linear;
    font-weight: bold;
}
@-webkit-keyframes bgp{
    0%{background-position:0 0}
    100%{background-position:-100% 0}
}

.main{background: #4A516B;width: 100%;padding:30px 0;}
.main .text{color: #eee;line-height: 1.8;font-size:16px;}
.main .text p{margin: 0;padding: 0;}
.main .text p i{font-size:16px;margin-right: 10px;}
.main .text h2{color:#fff;margin-bottom: 10px;}

.clear{clear: both;}
.panelbox{overflow: hidden;display: grid;grid-template-columns: repeat(5,1fr);grid-gap:10px 10px;margin-top: 20px;}
.login_reg{width:100%;height:auto;text-align: center;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);overflow: hidden;border-radius:10px;padding-top: 10px;margin-right:21px;}
.login_reg.mr0{margin-right: 0px;}
.login_reg .lname{float:left;width:100%;margin-top:10px;}
.login_reg .lname img{width:80px;height:80px;border-radius:50%;background: #fff;border:2px solid #99723f;}
.login_reg h2{font-size:18px;width: 100%; height:auto;margin-top:10px;overflow: hidden;padding-top: 10px;margin-bottom:8px;font-weight: bold;}
.login_reg h2,.login_reg h2 a{color:#ddd;}
.login_reg h2 a:hover{color:#de513d;text-decoration: underline;}

.alinks{margin:10px 5%;}
.alinks ul{display:flex;justify-content: space-between;padding: 0;margin: 0;}
.alinks ul li{width:47%;text-align: center;margin-bottom:8px;overflow:hidden;box-sizing: border-box;list-style: none;}
.alinks ul li a{display: block;width: 100%;color:#fff;font-size: 14px;border-radius:6px;overflow: hidden;}
.alinks ul li,.alinks ul li a{height:40px;line-height:40px; }
.alinks ul li:nth-child(odd) a{background: #de513d;}
.alinks ul li:nth-child(odd) a:hover{background:#a72f1e;}
.alinks ul li:nth-child(even) a{background: #0a8;}
.alinks ul li:nth-child(even) a:hover{background:#278f75;}


.footer{width:100%;height:auto;padding:20px 0;text-align: center;background: #ccc;}
.footer p{font-size:12x;color: #333;margin-top: 20px;}

@media screen and (max-width:1360px) {
    .W1300{width:100%;overflow: hidden;padding: 0 2%;}
    .panelbox{margin-top: 20px;}
}

@media screen and (max-width:1080px) {
    .footer img{width:80%;}
    .alinks ul{flex-wrap: wrap;}
    .alinks ul li{width:100%;}
    
}

@media screen and (max-width:991px) {
    .header{padding: 10px 0;text-align: center;}
    .vip{font-size:20px;}
    .flex{flex-wrap:wrap;}
    .header .text,.header .shuoming{width:100%;}
    .header .text .vip{font-size:36px;}
    .header .shuoming{margin-top: 10px;}
    .header .shuoming img{width:600px;height: auto;}
    .header,.main,.footer{width:100%;overflow: hidden;}
    
    .panelbox{margin-top: 20px;}
    .main .text{font-size:15px;}
    .main .text h2{text-align: center;font-weight: bold;}
    .panelbox{grid-template-columns: repeat(3,1fr);grid-gap:10px 10px;}
    .login_reg h2{font-size:16px;}
}

@media screen and (max-width:768px) {
    .panelbox{grid-template-columns: repeat(2,1fr);}
    .header .text .vip{font-size:20px;}
    .main .text,.vip2{font-size:14px;}
    .header .shuoming img{width:88%;height: auto;}
}
@media screen and (max-width:321px) {
    .panelbox{grid-template-columns: repeat(1,1fr);}
    .main .text,.vip2{font-size:12px;}
}