html{-webkit-tap-highlight-color:transparent;}
html,body{color:#000;-webkit-text-size-adjust:none;width:100%;
    font:14px/1.5 "Microsoft YaHei",黑体,"Helvetica Neue",Helvetica,Arial}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{background: #503f32;}
.bodyhide{overflow-y:hidden;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:none;margin:0;padding:0}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
select{color:#a9a9b9 !important;background:none;}
input,select,textarea{-webkit-tap-highlight-color:#ddd;resize: none;}
textarea:focus{outline:0}
a{color:#000;text-decoration:none}
input, textarea, select, button{outline:none;border-radius:0;}
input[type='text'],input[type='number'],input[type='password'],textarea,button{-webkit-appearance:none;border:0;}
form{width:100%}
form:after{clear:both;display:block;content:".";visibility:hidden}
input:-ms-input-placeholder{color:#999;}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}

textarea:-ms-input-placeholder{color:#ddd;}
textarea::-webkit-input-placeholder{color:#ddd;}
textarea::-moz-placeholder{color:#ddd;}
textarea:-moz-placeholder{color:#ddd;}

input:-webkit-autofill{
  transition:background-color 5000s ease-in-out 0s;
}
table{width:100%}
table th{font-weight:normal}

.wrap{width:1000px;margin:0 auto;}

header{height:100vh;position: fixed;left:0;top:0;width:150px;z-index: 100;background: rgba(0,0,0,.5);}
header .wrap{position: relative;}
.logo{height:50px;background: url("../images/logo.png") no-repeat center;background-size: 80%;}
.logo a{display: block;height: 100%;}
.nav{text-align: center;overflow: hidden;white-space: nowrap;}
.nav li{display: block;margin-bottom: 1px;}
.nav li a{color:#888;font-size:14px;padding: 0 5px;line-height: 45px;display: block;text-align: left;}
.nav li a:hover{background: #503f32;}
.nav li a.cur{background: #503f32;color:#fff;}
.nav li a.cur i{opacity: 1;}
.nav li i{display: inline-block;width:16px;height:16px;vertical-align: -2px;margin:0 8px 0 15px;opacity: .6;}
.nav li i.hm{background: url("../images/icon_home.png") no-repeat center;background-size: 100%;}
.nav li i.hg{background: url("../images/icon_wz.png") no-repeat center;background-size: 100%;}
.nav li i.bf{background: url("../images/icon_bf.png") no-repeat center;background-size: 100%;}
.nav li i.zj{background: url("../images/icon_zj.png") no-repeat center;background-size: 100%;}
.nav li i.zb{background: url("../images/icon_live.png") no-repeat center;background-size: 100%;}
.nav li i.bi{background: url("../images/icon_coin.png") no-repeat center;background-size: 100%;}
.nav li i.xw{background: url("../images/icon_news.png") no-repeat center;background-size: 100%;}
.nav li i.lt{background: url("../images/icon_lt.png") no-repeat center;background-size: 100%;}
.nav .user{padding: 10px 0;color:#ccc;}
.nav .user a{color:#fff;}
.nav .user span{color:#999;cursor: pointer;font-size:12px;display: block;}

.news_item{overflow: hidden;margin:15px 0 0 0;}
.news_item h2{font-size:16px;color:#888;padding:0 1px 8px 1px;}
.news_item .con{overflow: hidden;padding: 8px 0;}
.news_item .item{width:33.33%;float:left;font-size:18px;line-height: 50px;height: 50px;text-align: center;overflow: hidden;margin-bottom: 4px;}
.news_item .item a{color:#ccc;display: block;margin:0 4px 0 0;background: #65503f;padding:0 15px;transition: all .3s;}
.news_item .item a:hover{background: #846952;color:#fff;text-indent: 10px;}
.news_item .item1{text-align: left;width: 50%;font-size:22px;}
.news_item .item1 a{padding: 0 15px;}
.news_item .item1:nth-child(2n) a{margin:0;}
.news_item .item2{width:25%;}
.news_item .item2:nth-child(4n) a{margin:0;}
/*.news_item .item2 a:hover span{margin:0;}*/
.news_item .item3{width:50%;text-align: left;font-size:16px;}
.news_item .item3:nth-child(2n) a{margin:0;}
.news_item .item3 a{display: block;}
.news_item .item3 span{display: inline-block;max-width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_item .item3 em{float:right;color:#888;font-size:13px;}


.main{/*min-height: calc(100vh - 110px);*/}
.listnone{font-size:18px;line-height: 200px;color:#ccc;text-align: center;}

.news_detail{background-color: #fff;min-height: calc(100vh - 150px);margin-top: 8px;}
.news_detail h1{text-align: center;font-size:20px;padding:20px 10px 8px 10px;line-height: 22px;}
.news_detail .time{border-bottom: solid 1px #eee;text-align: center;color:#ccc;font-size:12px;padding-bottom: 8px;}
.news_detail article{line-height: 24px;color:#666;font-size:14px;padding:30px;}
.sxart{padding:20px 30px;line-height: 25px;font-size:13px;color:#888;clear:both;overflow: hidden;background: #fff;}
.sxart a{color:#666;}
.sxart a:hover{color:#f90;text-decoration: underline;}

.footer{font-size:12px;color:#666;text-align: center;padding:15px 0;}

.error{text-align: center;min-height:calc(100vh - 100px);overflow: hidden; }
.error h1{font-size:18px;margin-top:30px;color:#999;}
.error a{font-size:13px;color:#f90;}

.forum_wrap{margin:20px auto;}
.forum{padding:0px;overflow: hidden;}
.forum .item{line-height: 22px;color:#666;padding:8px 0;border-bottom: solid 1px #222;display: flex;}
.forum .title{font-size:15px;flex:1;}
.forum .title a{color:#999;}
.forum .title a:hover{color:#f60;}
.forum .user,.forum .time{font-size:13px;color:#666;margin-left: 8px;}
.forum h1{font-size:18px;color:#000;margin-bottom: 10px;font-weight: bold;}
.forum .content{line-height: 25px;font-size:14px;color:#999;}
.forum .content a{color:#09f;text-decoration: underline;}
.forum .desc{text-align: right;color:#999;font-size:12px;margin:10px 0;}

.comments{overflow: hidden;margin-top: 10px;}
.comments .lcom{overflow: hidden;padding:8px 0;font-size:13px;color:#444;border-top: solid 1px #555;}
.comments .lcom:last-child{}
.comments .name{color:#f60;padding-right: 10px;}
.comments .rcon{font-size:13px;line-height: 22px;color:#333;clear: both;margin-top:5px;}
.comments .rcon a{color:#09f;text-decoration: underline;}

.forum_frm{float:left;width:500px;}
.forum_form{margin:20px 0;padding:15px;position: relative;border:solid 1px #333;overflow: hidden;}
.forum_form h2{font-size:14px;margin-bottom: 10px;color:#888;}
.forum_form .item{position: relative;min-height:30px;line-height:30px;padding-bottom:10px;overflow: hidden;color:#666;}
.forum_form .name{width:60px;position: absolute;left:0;top:0;}
.forum_form .con{margin-left:60px;}
.forum_form input{border:solid 1px #666;border-radius: 3px;width:92%;height:28px;padding:0 2%;background: #444;color:#ddd;}
.forum_form textarea{width:92%;padding: 10px;border:solid 1px #666;border-radius: 3px;height:150px;background: #444;}
/*.forum_form input:focus,.forum_form textarea:focus{box-shadow: 0 0 2px #f90 inset;border-color:#f90;}*/
.forum_form .submit{height:33px;background: #fc0;color:#fff;padding:0 20px;border-radius: 3px;transition: all .3s;opacity: .8;cursor: pointer;}
.forum_form .submit:hover{opacity: 1;}
.nolgtips{text-align: center;color:#666;border:solid 0px #222;height:150px;line-height: 150px;margin-bottom: 20px;margin-left:0px;}
.nolgtips p{}
.nolgtips span{color:#fc0;cursor: pointer;}
.nolgtips a{color:#fc0;}
.nolgtips_dt{height:320px;}
.forum_form .conedit{height:200px;border:solid 1px #666;border-radius: 3px;width:92%;padding:5px 2%;background: #444;font-style: normal;}
.forum_form .conedit a{color:#09f;text-decoration: underline;}
.w-e-text-container{background: #444;color:#ddd;}
.w-e-text-container [data-slate-editor] p{margin:0;line-height: 24px;font-style: normal;color:#ddd;}
.w-e-text-placeholder{top:1px;width:100%;left:0;line-height: 20px;}
.w-e-text-container [data-slate-editor]{padding:0;}

.forum_tips{overflow: hidden;line-height: 22px;color:#666;padding:45px 0 20px 0;font-size:13px;float:right;}
.forum_tips h3{color:#f60;font-weight: bold;margin-bottom: 5px;}

.loginbg{width:100%;height:100%;background: #000;position: fixed;left:0;top:0;z-index: 1000;opacity: .4;}
.logincon{width:400px;height:300px;position: fixed;left:50%;top:50%;margin-left:-200px;margin-top:-150px;z-index: 1001;}
.loginbx{padding:30px 60px;}
.loginbx h1{text-align: center;font-size:18px;font-weight: bold;margin-bottom: 20px;color:#ddd;}
.loginbx .item{margin-bottom: 10px;}
.loginbx input{width:94%;padding:0 2%;border:solid 1px #999;height:36px;margin:0 auto;background: #ccc;color:#333;}
/*.loginbx input:focus{box-shadow: 0 0 2px #fc0 inset;border-color:#f90;}*/
.loginbx button{width:98%;margin:10px auto;background-color: #fc0;border:solid 1px #fc0;color:#fff;height:38px;transition: all .3s;opacity: .8;cursor: pointer;}
.loginbx button:hover{opacity: 1;}
.loginbx .text{text-align: center;color:#666;}
.loginbx .text a{color:#f90;}
.loginclose{position: absolute;width:30px;height:30px;background: #000 url("../images/icon_close.png") no-repeat center;right:10px;top:10px;background-size: 16px;border-radius: 50%;}
.loginclose:hover{opacity: .8;cursor: pointer;}

.loginwrap{position: initial;margin:50px auto;height:calc(100vh - 150px);}

.pagination{margin:20px 0;text-align: center;overflow: hidden;}
.pagination-con{display: inline-block;}
.pagination span,.pagination a{color:#999;font-size:16px;margin:0 2px;display:block;float:left;background-color: #222;width:30px;line-height: 30px;height: 30px;text-align: center;}
.pagination a:hover{color:#f90;}
.pagination span.page-more{background: none;line-height: 20px;}
.pagination span.curr{background-color:#f90;color:#fff;}

.usernav{line-height: 30px;margin:10px 0;}
.usernav a{color:#666;display: inline-block;margin-right: 20px;}
.usernav a:hover{color:#f90;}
.usernav a.curr{border-bottom: solid 2px #f60;color:#f60;}
.forum_user .title2{color:#999;}
.forum_user .con{color:#333;}
.forum_user .con .stime{color:#666;}
.forum_user .item{position: relative;}
.forum_user .item2{border-bottom: solid 1px #eee;padding: 5px 0;}
.forum_user .item2:last-child{border:0;}
.forum_user .text{margin-right:40px;}
.forum_user .del{position: absolute;right:0;font-size:12px;color:#f90;top:4px;}
.forum_user .del:hover{cursor: pointer;opacity: .8;}

.tptxbox{margin-top:10px;}
.tptxbox img{width: 100%;}
.tpwptxbox{display: none;margin-top:10px;}
.tpwptxbox img{width:100%;}

.tptxt{overflow: hidden;margin-top: 8px;}
.tptxt .item{width:50%;float:left;font-size:20px;line-height: 50px;height: 50px;text-align: center;overflow: hidden;margin-bottom: 4px;}
.tptxt .item a{color:#f00;display: block;margin:0 2px 0 0;background: #65503f;padding:0 5px;transition: all .3s;}
.tptxt .item:nth-child(2n) a{margin:0 0 0 2px;}
.tptxt .item a:hover{color:#fff;text-indent: 10px;background: #333;}
/*.news_item .itemck a{color:#f00;transition: all .3s;}*/
/*.news_item .itemck a:hover{transform: scale(1.1);padding-left: 50px;}*/
.tpwphome{display: none;}

@media (max-width:1150px){
    header{width:140px;}
    body{width:calc(100vw - 150px);float:right;}
    .wrap{width:100%;}
}
@media (max-width:768px){
    body{padding-top: 50px;float:none;width:initial;}
    .wrap{width:96%;}
    header{width:100%;height:50px;top:0;left:0;box-shadow: 1px 1px 3px #444;background: rgba(0,0,0,.8);}
    .logo{width:150px;}
    /*.tpwphome{position: fixed;top:0;right:60px;display: block;z-index: 100;}*/
    /*.tpwphome a{display: block;padding:0 15px;line-height: 50px;color:#fff;}*/
    /*.tpwphome a.cur{color: #fc0;}*/
    .tpmenu{width:50px;height:50px;position: fixed;top:0;right:0;text-align: center;z-index: 102;}
    .tpmenu i{display: block;width:24px;height:2px;border-radius:5px;background: #fff;position: absolute;left:13px;transition: all .3s;}
    .tpmenu i:nth-child(1){top:15px;}
    .tpmenu i:nth-child(2){top:25px;}
    .tpmenu i:nth-child(3){top:35px;}
    .tpmenusn i:nth-child(1){top:25px;transform: rotate(45deg);}
    .tpmenusn i:nth-child(2){top:25px;transform: rotate(-45deg);}
    .tpmenusn i:nth-child(3){display: none;}

    .news_item .item2 a{font-size:18px;}

    .nav{display: none;}
    /*.nav li.home{display: none;}*/
    .tpmenubgsn{width:100%;height:100vh;position: fixed;top:0;right: 0;z-index: 101;background-color: rgba(0,0,0,.8);margin:0;text-align: center;overflow: hidden;display:block;}
    .navsn{width:200px;position: fixed;top:50px;right: 0;z-index: 103;margin:0;text-align: center;overflow: hidden;display:block;}
    .navsn ul{overflow: hidden;max-height:80vh;overflow-y:auto;}
    .navsn li{display: block;margin:10px 10px 0 0;}
    .navsn li a{color:#999;display: block;padding:0;font-size:12px;background-color: #503f32;opacity: .8;}
    .navsn li a:hover{background-color: #65503f;}
    .navsn li a.cur{color:#fff;background: #65503f;opacity: 1;}
    .navsn .user{clear: both;}

}
@media (max-width:600px){
    .forum_wrap{width:100%;margin:10px 0;}
    .tptxbox{display: none;}
    .tpwptxbox{display: block;}
    .news_item .item{width:100%;}
    .news_item .item2{width:50%;}
}

@media (max-width:560px){
    /*.news_item .item{width:50%;}*/
    .nav a{padding: 0 6px;}
    .pagination-con{white-space: nowrap;height:30px;overflow: hidden;}
}
@media (max-width:426px){
    .news_item{margin-top: 10px;}
    .news_item .con{padding: 0;}
    .news_item .item{width:100%;text-align: left;line-height: 40px;height: 40px;}
    .news_item .item a{padding:0 15px;}
    .news_item .item1:nth-child(n) a{margin:0;}
    .news_item .item1 a{font-size:20px;}
    .news_item .item2{width:50%;}
    .news_item .item2:nth-child(n) a{margin:0;}
    .news_item .item2:nth-child(2n) a{margin-left:4px;}
    .news_item .item2 a{font-size:16px;}
    .news_item .item3 a{font-size:14px;}
    .news_item .item3 em{font-size:12px;}
    .news_item .item3:nth-child(n) a{margin:0;}

    .forum{padding:10px;}
    .forum .title{font-size:14px;margin-right:5px;font-weight: bold;}
    .forum_form{margin:10px 0;padding:10px;}
    .forum_form .name{width:50px;position: initial;}
    .forum_form .con{margin-left:0px;}
    .forum_form button{padding:0 10px;width:97%;}
    .forum_tips{padding-left: 0px;}

    .nolgtips{height:100px;}
    .nolgtips p{margin-top:0px;}
    .nolgtips_dt{height:350px;}
    .nolgtips_dt p{margin-top:140px;}

    .loginclose{}

    .tptxt .item{width:100%;margin-bottom: 5px;height:40px;line-height: 40px;}
    .tptxt .item:nth-child(n) a,.tptxt .item:nth-child(2n) a{margin:0;font-size:18px;text-align: left;}

}