@charset "utf-8";
html{
	background-color: #f0f5f9;
	background-size: 100%;
	/*background:url(../img/bg.jpg);*/
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
body{
    max-width: 720px;
    margin:0 auto;
}
.top{
    position: fixed;
    top: 0;
    z-index: 1000;
    background: #d6c240;
    height: 100px;
    width: 100%;
    max-width: 720px;
    border-radius: 0 0 6px 6px;
}
.top-nav{
    height: 50px;
    width: 100%;
    max-width: 720px;
}
.top-sel{
    height: 50px;
    width: 100%;
    max-width: 720px;
    background: #d6c240;
    border-radius: 0 0 6px 6px;
}
.top-sel ul{
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    padding: 5px 0;
}
.top-sel-a{
    background-color: #a4001b;
    display: block;
    width: 300px;
    text-align: center;
    height: 38px;
    border-radius: 20px;
    line-height: 38px;
    font-size: 22px;
    text-decoration: none;
    color:#fff;
}
.select{
    background: #a4001b;
    color:#fff;
    cursor: pointer;
}
.noselect:hover{
    background: #fa0933;
}
.nullbox{
    height: 108px;
}
.box{
    width: 100%;
    max-width: 720px;
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
}
.box-title{
    width: 100%;
    max-width: 720px;
    background: #a3870d;
    text-align: center;
    height: 42px;
    line-height: 42px;
    color: #780723;
    font-weight: bold;
    font-size: 18px;
}
.box-ziliao{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 720px;
    text-align: center;
    border-color:#23191a;
}
.box-ziliao tr{
    height: 40px;
    background: #ffffff;
    color:#000;
    width: 100%;
    max-width: 720px;
    font-size: 18px;
    font-weight: bold;
}
.box-ziliao a{
    text-decoration: none;
}
.box-bbs{
    width: 100%;
    max-width: 720px;
    text-align: center;
    background: #f9e4e8;
}
.box-bbs ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box-bbs li{
    padding: 3px 0;
    list-style: none;
}
.box-bbs a{
    display: block;
    height: 35px;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #eee;
    background-image: linear-gradient(to top,#ffffff,#ffffff,#ffffff);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    text-align: center;
    line-height: 35px;
    font-size: 21px;
    text-decoration: none;
    color:#000000;
}
.box-bbs li:nth-child(10n+1) span{
    color:#2736e8;
}
.box-bbs li:nth-child(10n+2) span{
    color:#0013f5;
}
.box-bbs li:nth-child(10n+3) span{
    color:#146165;
}
.box-bbs li:nth-child(10n+4) span{
    color:#f0f;
}
.box-bbs li:nth-child(10n+5) span{
    color:#f0f;
}
.box-bbs li:nth-child(10n+6) span{
    color:#188033;
}
.box-bbs li:nth-child(10n+7) span{
    color:#1dae9a;
}
.box-bbs li:nth-child(10n+8) span{
    color:#1dae9a;
}
.box-bbs li:nth-child(10n+9) span{
    color:#1dae9a;
}
.box-bbs li:nth-child(10n+10) span{
    color:#f60;
}



.font-bold{
    font-weight: bold;
    font-size: 24px;
}
.a{color:#00f}
.b{color:#080}
.c{color:#f00}
.d{color:#5c0c5c}
.e{color:#f60}
.bbs-center{
    width: 100%;
    max-width: 720px;
    text-align: center;
    background: #fff;
}
.bbs-title{
    font-size: 20px;
    font-weight: bold;
    color:#000;
    padding: 5px 0;
}
.bbs-author{
    line-height: 30px;
    display: inline-flex;
    padding: 5px 0;
    margin-bottom: 10px;
}
.bbs-author img{
    border-radius: 50%;
    height: 30px;
}
.bbs-table table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 720px;
    text-align: center;
}
.bbs-table table td{
    font-size: 24px;
    font-weight: bold;
}

.bbs-footer{
    color:#888;
    font-size: 16px;
}
.gotop {
    position: fixed;
    bottom: 20px;
    right: 10px;
    background: red;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    display: none;
    z-index: 100;
}
.refresh {
    position: fixed;
    bottom: 70px;
    right: 10px;
    width: 52px;
    height: 52px;
    padding: 4px;
    border-radius: 50%;
    background: rgb(225 3 3 / 40%);
    cursor: pointer;
    z-index: 100;
}
.refresh>div {
    width: 44px;
    height: 44px;
    background: red;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    user-select: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.footer{
    text-align: center;
    background: #787d80;
    color:#fff;
}
.footkj{
    position: fixed;
    bottom: 0;
    z-index: 1001;
    background: #727e8c;
    height: 66px;
    width: 100%;
    max-width: 720px;
    border-radius: 6px 6px 0 0;
}


@media screen and (max-width: 720px){
.top-sel-a{width: 160px;}
.box-title{font-size:16px;}
.box-ziliao tr{font-size:16px;}
.box-bbs a{font-size:19px;}
.font-bold{font-size:22px;}
.bbs-table table td{font-size: 16px;}
.bbs-footer{font-size: 14px;}
}