
a {color: #FFF;text-decoration: none;}
.layui-bg-black {background-color: #222!important;}
#topimg {float: left;padding-left: 160px;overflow: hidden;color: #18d820;font-size: 15px;height: 60px;line-height: 62px;}
.block{display:none;}
.layui-nav {padding: 0 10px;}
.layui-nav .layui-nav-item a {padding: 0 10px;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {background-color: #393d49;}
.boxban a{display: block;width: 100%;margin-top:5px}
.boxban a:nth-child(1){margin-top:0;}
.boxban img {vertical-align: middle;}
.ava{width:100%;height:80px;}
.ava_120{width:100%;height:120px;}
.nav-right {position: absolute!important;top: 15px;right: 16px;}
.nav-right li {float: left;}
.nav-right li a{float: left;background: #F66;color: #FFF;text-align: center;border-radius: 2px;margin-left: 5px;padding: 3px 15px;}
.nav-right li a:hover{background: red;color: #FFF;}
.red {color:#ff4e6f}
.blue {color:#83d2ff}
.gray {color:gray}
.white {color:white}
.black {color:black}
.green {color:#00c250}
.orange {color:orange}
.yellow {color:yellow}
.magenta {color:#fff}
.purple {color:#fff}
.nav-right li .hong{background:#ff002f;}
.nav-right li .lan{background:#07a5ff;}
.nav-right li .fen{background:#f3f;}
.nav-right li .lv{background:#00c250;}
.gonggao {height: 40px;line-height: 40px;color: red;background-color: #f6f6f6;padding-left: 5px;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.gonggao .A-ico{float: left;height: 40px;line-height: 40px;overflow: hidden;display: inline-block;}
.gonggao .A-ico i{font-size: 20px;}
.gonggao .A-text{float: left;color: #000;margin-left: 5px;}
.app {overflow: hidden;background-color: #9eade4;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}
.app li {float: left;padding: 5px 0;width: 8.33%;text-align: center;}
.app li a {overflow: hidden;color: #FFF;}
.app li img {margin: 0 auto;padding: 4px;width: 56px;height: 56px;border-radius: 50%;}
.app li a:hover img{background-color:#FF9800;}
.app li a:hover span{color:red;}
.words_box{overflow: hidden;}
.words_box .words_list{width: 100%;border-right: 1px solid #ddd;border-top: 1px solid #ddd;overflow: hidden;border-radius: 2px;}
.words_box .words_list a {display: inline-block;width: 284px;height: 32px;line-height: 32px;float: left;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #fafafa;}
.words_box .words_list a div {width: 100px;height: 32px;float: left;text-align: right;}
.words_box .words_list a span {font-size: 12px;color: #000;padding-left: 5px;}
.words_box .words_list a:hover{background:#FFF}
.words_box .words_list a:hover span{color:#ff002f}
@media screen and (max-width: 768px){
    .nav-right {right: 10px;}
    .block{display: block;}
    .boxban a{margin-top:0}
    .boxban a:nth-child(1){margin-top:0;}
    .ava{width:100%;height:36px;}
    .ava_120{width:100%;height:62px;}
    .gonggao {height: 28px;line-height: 28px;border-radius: 0;}
    .gonggao .A-ico {height: 28px;line-height: 28px;}
    .app {border-radius:0;}
    .app li {width: 25%}
    .app li img {padding: 0;width: 48px;height: 48px;}
    .app li:nth-child(5){display: none;}
    .app li:nth-child(6){display: none;}
    .app li:nth-child(7){display: none;}
    .app li:nth-child(8){display: none;}
    .app li:nth-child(9){display: none;}
    .app li:nth-child(10){display: none;}
    .app li:nth-child(11){display: none;}
    .app li:nth-child(12){display: none;}
    .words_box {padding: 1.5%;margin: auto;overflow: hidden;}
    .words_box .words_list {border-right:0;border-top: 0px solid #ddd;}
    .words_box .words_list a {display: inline-block;height: 30px;line-height: 30px;width: 32.33%;margin: 0.5%;float: left;background: #333;overflow: hidden;border-radius: 2px;border: 0;}
    .words_box .words_list a div {width: 100%;text-align: center;}
    .words_box .words_list a span {display: none;}
}
