*{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:#13192b;color:#3a3a3a;}
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:#13192b;margin-top:70px;border:4px solid #283353;border-radius:10px;padding:10px 20px 8px 20px;text-align:center;margin-bottom:10px;}
.tops a:hover{border:4px solid rgb(221, 61, 61);}
.heads{width:auto;display:inline-block;}
.heads div.logo{display:inline-block;padding:10px 15px;}
.heads div.logo strong{color:#a4afcf;font-size:18px;}
.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.b span{color:red;font-size:14px;}
.msg a{font-size:14px;color:rgb(211, 75, 75);text-decoration:underline;}
.msg a:hover{color:red;}

.list{}
.item{width:100%;display:inline-block;}
.item div.h2{font-size:16px;width:100%;padding:12px 20px;border-radius:3px 3px 0 0;background:#4a7ad3;color:#fff;float:left;text-align:left;margin:20px 0 0 0;font-weight:600;}
.item div.link_box{width:100%;background:#fff;display:inline-block;border-radius:0 0 3px 3px;}
.item div.links {width:100%;padding:10px;float:left;}
.item div.links a{width:10%;height:35px;line-height:35px;color:#4a7ad3;font-size:14px;float:left;text-align:center;position:relative;font-weight:400;border-radius:5px;}
.item div.links a img{width:20px;position:relative;top:5px;}
.item div.links a:hover,.item div.links a.this{background:rgb(0, 0, 0);color:white;text-decoration: underline;}

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

@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%;}
}
@media screen and (max-width:820px){.item div.links a{width:16.666%;}
}
@media screen and (max-width:680px){.item div.links a{width:20%;}
}
@media screen and (max-width:550px){.item div.links a{width:25%;}
}
@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%;}
}
@media screen and (max-width:330px){.item div.links a{width:50%;}
}
@media screen and (max-width:230px){.item div.links a{width:100%;}
}

