* {box-sizing:border-box;
    font-family: Helvetica, Tahoma, Arial, "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
}
html,body {margin:0;font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif,Simsun,Tahoma;}
body {background:black;color:rgb(7, 7, 7);}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
.btn {cursor:pointer;}
.jzhh {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.column {text-align: justify;text-align-last: justify;}
.blkg {white-space:pre-wrap}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input:focus,textarea:focus{outline: none;}

a,a:link {text-decoration:none;color:rgb(201, 198, 198)}
a,button{transition: all 0.2s linear;}
a:hover,button:hover{transform: scale(1);transition: all 0.2s linear;text-decoration:none;color:red}

.content {max-width:1300px;margin:0 auto;}

.tops {text-align:center;}
.tops a {display:inline-block;background:rgb(0, 0, 0);border-radius:20px;padding:10px 20px 8px 20px;border:4px solid rgb(54, 54, 54);text-align:center;margin-bottom:10px;margin-top:15px;}
.tops a:hover {background:rgb(32, 32, 22);}
.heads {width:auto;display:inline-block;}
.heads div.logo_icon {display:inline-block;width:35px;height:35px;background-image: url('/xiaosisi.png');
    background-size: cover;
    background-repeat: no-repeat;}
.heads div.logo {display:inline-block;position: relative;right:2px;}
.heads div.logo strong {color:yellow;margin:0 2px 0 0;padding:0;font-size:18px;}
.heads div.logo small.a {color:rgb(143, 143, 143);font-weight:bold;}
.heads div.logo small.b {color:rgb(35, 187, 21);margin-left:20px;font-size:14px;}
.heads div.logo small.b .icon {position: relative;top:4px;}

.msg {width:100%;display:inline-block;font-size:14px;color:rgb(194, 194, 194);padding:12px 10px;line-height:25px;border-radius: 5px;margin-bottom:8px;text-align:center;}
.msg div {display:inline-block;font-size:14px;margin:0;}
.msg div.a span {color:red;font-size:14px;}
.msg div.b span {color:red;font-size:14px;}
.msg a {font-size:14px;color:rgb(228, 163, 163);text-decoration: underline;}
.msg a:hover {color:red;}
.msg .icon {position: relative;top:4px;}
.msg div.c {color:rgb(255, 153, 0);margin-top:6px;}
.msg div.c span {font-size:14px;}
.msg div.c a {font-weight:bold;color:red;font-size:14px;}

.list {}
.item {width:100%;display:inline-block;}
.item div.h2 {font-size:22px;width:100%;display:inline-block;text-align:center;margin:20px 0 5px 0;font-weight:600;}
.item div.h2 small {}
.item div.link_box {width:100%;display:inline-block;border-radius:10px;}
.item div.links {width:100%;background:rgba(0, 0, 0, 0.7);border-radius:10px;padding:20px;float:left;}
.item div.links a {width:10%;height:37px;line-height:37px;font-size:15px;float:left;text-align:center;position:relative;border-radius:5px;}
.item div.links a img {width:20px;position: relative;top:5px;}

.item div.links a.is_vpn_1 span,.item div.links a.is_vpn_true span{text-decoration:line-through;color:rgb(97, 97, 97)}
.item div.links a.is_vpn_1 span:hover,.item div.links a.is_vpn_true span:hover {text-decoration:none;color:rgb(0, 0, 0);}
.item div.links a:hover,.item div.links a.this {background:rgb(236, 214, 13);color:black;}
.item div.links a small {position: absolute;top:-3px;margin-left:2px;font-weight:bold}
.item div.links a small.new {font-size:20px;color:yellow;}
.item div.links a small.vip {font-size:23px;color:rgb(245, 56, 56);}

/* app-v4 */
.apps-v4 {width:100%;display:inline-block;text-align:center;margin:20px 0;}
.apps-v4 a {width:10%;display:inline-block;text-align:center;margin:7px 5px;padding-top:6px;border-radius:10px;}
.apps-v4 a div {width:100%;display:inline-block;}
.apps-v4 a div.a {display:inline-block;}
.apps-v4 a div.a img {width:80px;height:75px;border-radius:10px;}
.apps-v4 a div.b {}
.apps-v4 a div.b p {width:100%;display:inline-block;margin:0;}
.apps-v4 a div.b p strong {font-size:14px;font-weight:bold;color:rgb(219, 219, 219);}
.apps-v4 a div.b p small {font-size:13px;color:#9c9c9c;}
.apps-v4 a:hover {background:rgba(243, 240, 91, 0.2);}

/* vips */
.vips {width:100%;display:inline-block;text-align:center;}
.vips a {background:#101010;height:45px;line-height:45px;display:inline-block;border-radius:10px;padding:0 20px;font-weight:bold;font-size:16px;}
.vips a:hover {background:rgb(236, 214, 13);color:black;}

.foot {width:100%;display:inline-block;text-align:center;font-size:14px;padding:40px 0;}
.foot p {margin:0;font-size:14px;color:rgb(179, 178, 178);}
.foot p a {font-size:14px;}

/* ad */
.ads {max-width:1000px;margin:0 auto;text-align:center;}
.top_ad {width:100%;display:inline-block;margin-bottom:0px;text-align:center;}
.top_ad a.me {width:100%;display:inline-block;background-repeat:no-repeat;background-size: 100% 100%;}

@media screen and (max-width: 1300px){
    .content {padding:1%;}
}
@media screen and (max-width: 1150px){
    .item div.links a {width:11.111%;}
}
@media screen and (max-width: 1000px){
    .item div.links a {width:12.5%;}
    .apps-v4 a {width:11%;margin:4px 3px;}
    .apps-v4 a div.a img {width:65px;height:60px;border-radius:10px;}
}
@media screen and (max-width: 820px){
    .item div.links a {width:16.666%;}
    .apps-v4 a {width:16.666%;margin:3px 3px;}
    .apps-v4 a div.a img {width:70px;height:65px;border-radius:10px;}
}
@media screen and (max-width: 680px){
    .item div.links a {width:20%;}
    .apps-v4 a {width:15%;margin:4px 3px;}
    .apps-v4 a div.a img {width:65px;height:60px;border-radius:10px;}
}
@media screen and (max-width: 550px){
    .item div.links a {width:25%;}
    .apps-v4 a {width:22%;margin:3px 3px;}
    .apps-v4 a div.a img {width:70px;height:65px;border-radius:10px;}
}
@media screen and (max-width: 480px){
    .item div.links a {width:33.3333%;}
}
@media screen and (max-width: 390px){
    .item div.links a {width:33.333333%;}
    .apps-v4 a {width:29%;margin:3px 3px;}
    .apps-v4 a div.a img {width:80px;height:75px;border-radius:10px;}
}
@media screen and (max-width: 330px){
    .item div.links a {width:50%;}
    .apps-v4 a {width:46%;margin:1.5px 1.5px;}
    div.logo small.b {display:none;}
}
@media screen and (max-width: 230px){
    .item div.links a {width:100%;}
    .apps-v4 a {width:100%;margin:0;}
}