html {font-size: 1rem;}
body{padding:0;margin:0;background:#f2f2f2;font-size: 1rem;line-height:auto;}
header,footer{ background: #333;padding: 2rem 0;}
.mr5 {margin-right:5px;}
.header{display: flex;justify-content: space-between;color:#FFF;align-items: center;}
.header a{text-decoration: none;}
.bg{width:80%;margin: 0 auto;}

.logo{font-size: 1.5rem;color: #FFF;text-decoration: none;}
.box{display: flex;align-content: center;flex-direction: column;margin:0 0 2rem;}

.drow{display: flex;margin-top:2rem;background:#fff;flex-direction: column;box-shadow: 0px 0px 13px #ddd;}
.in,.no,.fen{font-size:1.3rem}
.tg a{color:#FFF;font-size: 0.9rem;}

.info{display: flex;justify-content: space-between;flex-direction: row;align-items: center;padding: 1rem;background: #333;color: #FFF;}
.word{text-align: center;padding: 0.5rem 1rem;font-size: .8rem;display: flex;justify-content: space-between;}
.binfo{padding:1.5rem .5rem;display: flex;justify-content: space-between;}
.binfo a{background: #f2f2f2;padding: 8px 12px;border: 1px solid #767676;color:#000;text-decoration: none;}
.binfo a:hover{background: #000;color:#FFF;}

.cate {display: flex;
    align-items: center;
    justify-content: space-around;}
.cate span{white-space: nowrap;}
.cate select{margin: 0 5px;}

.sort{background: #FFF;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.nsort a{color:#000;padding:5px 10px;margin:0 5px;}
.nsort a.select{color: #FFF;
    background: #333;
    padding: 8px 12px;
    margin: 0 5px;
    border-radius: 5px;}
.bord{margin: 2rem 0;
    border-bottom: 5px solid #333;
    display: flex;
    justify-content: center;
    align-items: center;}
.bord a{padding: 8px 20px;color: #000;}
.bord a.select{background: #333;color:#FFF;}


.mybox .plist{width: 50%;float: left;}
.mybox li{}
.mybox .plist li {padding: 2rem;
    background: #FFF;
    margin: 2rem;
    list-style: none;
    box-shadow: 0 0 20px 6px #ddd;}
.mybox .plist li img{width:100%;}
.mybox .plist li h2{margin-bottom:2rem}
.mybox .plist li p{line-height: 1.6rem;}
.mybox .plist li p span{font-weight: bold;}
.mtitle{    padding: 1rem;
    background: #333;
    color: #FFF;
    text-align: center;
    font-size: 1.2rem;}
.cbox {padding:2rem}

.clist .cli{border: 1px solid #eee;padding: 1rem;margin:0.5rem 0px;}
.clist .cli .cname{font-weight: bold;}
.clist .cli .cp{}
.clist .cli .cp span{color: #666;margin-left: 2rem;}
.follow {float: right;text-align: right;
    }
.follow p.fansnum{line-height: 1rem;
    font-size: 14px;
    letter-spacing: 0;}
.follow p a{background: #ef1666;
    padding: 5px 10px;
    border-radius: 5px;
    color: #FFF;
    letter-spacing: 2px;}
	
.topalert a{padding: 0 6px;
    color: #000;
    text-decoration: underline;}
	
	
.fote{color:#ddd;text-align:left;}
.fote a{color: #FFF;text-decoration: underline;}



p.dicktg{text-align: center;background: #b70000;padding: 10px;color: #FFF;font-size: 1.2rem;}
p.dicktg a{color: #f1ff19;}


@media (max-width: 1366px) {
	.bg{width:90%;}
}

@media (max-width: 768px) {
header{padding: 2rem}
.bg{width:100%;}
.no{}
.img img{width: 100%;}
.fote{padding:0 1rem}

.mybox .plist{width:100%}
.mybox .plist li{margin:1rem;}

}
.stui-page {width: 600px;margin: 50px auto 20px;overflow: hidden;list-style:none;}
.stui-page li{float:left;width:20%;margin:0;padding:0 5px 0 5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;}
.stui-page li a,.stui-page li span,.stui-page__box li .num{display:block;padding:10px 0;text-align:center;text-decoration:none;color: #333;}
.stui-page li a,.stui-page li .num{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.stui-page li a:hover,.stui-page li.active a{ background-color: #333333; color: #FFFFFF; border: 1px solid #333333;}
.stui-page .hidden-xs{ display:none;}
.stui-page .visible-xs{display: block!important;}
@media all and (max-width: 768px){
	.stui-page{width:100%;margin:30px 0 20px;padding:0;}
}

@media all and (max-width: 960px){
	.sort{    background: #FFF;
    padding: 1rem 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;}
	.sort .cate,.sort .nsort{margin:.5rem 0;}
	
	
}

.submit-list h1{font-size:1.2rem}