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{padding-top: 50px;background: #f6f6f6;}
.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:#ddd;}
input::-webkit-input-placeholder{color:#ddd;}
input::-moz-placeholder{color:#ddd;}
input:-moz-placeholder{color:#ddd;}

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:1200px;margin:0 auto;}

header{height:50px;position: fixed;left:0;top:0;width:100%;z-index: 100;background-color: #333;}
header .wrap{position: relative;}
.logo{position: absolute;left:0;top:0;height:50px;width:160px;background: url("../images/logo.png") no-repeat center left;background-size: 80%;}
.nav{margin-left:160px;text-align: right;overflow: hidden;white-space: nowrap;}
.nav li{display: inline-block;}
.nav a{color:#fff;font-size:14px;padding: 0 15px;line-height: 50px;display: inline-block;}
.nav a:hover{background-color: #f90;}
.nav a.cur{color:#fff;background-color: #f90;}
.nav li.fm a{}
.nav .user{display: inline-block;}
.nav .user i{
    display: inline-block;width:20px;height:20px;background: url("../images/icon_user.png") no-repeat center;background-size: 16px;margin-right: 2px;vertical-align: -4px;
}
.nav .user span{color:#ccc;cursor: pointer;font-size:12px;}

.news_item{overflow: hidden;margin:15px 0 0 0;}
.news_item h2{font-size:14px;color:#000;background-color: #fff;line-height: 40px;padding:0 15px;}
.news_item .con{overflow: hidden;padding: 8px 0;}
.news_item .item{width:33.33%;float:left;font-size:24px;line-height: 50px;height: 50px;text-align: center;overflow: hidden;margin-bottom: 4px;}
.news_item .item a{color:#333;display: block;margin:0 4px 0 0;background: #fff;padding:0 15px;}
.news_item .item a span{transition: all .3s;}
.news_item .item a:hover span{color:#f90;display: inline-block;margin-left: 20px;/*transform: scale(1.1);*/}
.news_item .item1{text-align: left;width: 50%;}
.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:#ccc;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:11px;color:#999;text-align: center;padding:10px 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{width:600px;margin:20px auto;}
.forum{padding:20px;overflow: hidden;background: #fff;}
.forum .item{line-height: 22px;color:#999;padding:4px 0;}
.forum .title{color:#333;display: inline-block;margin-right:10px;font-size:16px;font-weight: bold;}
.forum .title:hover{color:#f60;}
.forum .title .user,.forum .title .time{font-size:13px;color:#999;font-weight: normal;}
.forum h1{font-size:18px;color:#000;margin-bottom: 10px;font-weight: bold;}
.forum .content{line-height: 25px;font-size:14px;color:#555;}
.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:#ccc;border-top: solid 1px #eee;}
.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_form{margin:20px 0;background:#fff;padding:20px;position: relative;}
.forum_form h2{font-size:14px;font-weight: bold;margin-bottom: 10px;}
.forum_form .item{position: relative;min-height:30px;line-height:30px;padding-bottom:10px;overflow: hidden;}
.forum_form .name{width:60px;position: absolute;left:0;top:0;}
.forum_form .con{margin-left:60px;}
.forum_form input{border:solid 1px #ddd;border-radius: 3px;width:92%;height:28px;padding:0 2%;}
.forum_form textarea{width:92%;padding: 10px;border:solid 1px #ddd;border-radius: 3px;height:150px;}
.forum_form input:focus,.forum_form textarea:focus{box-shadow: 0 0 2px #f90 inset;border-color:#f90;}
.forum_form .submit{height:33px;background: #0F2D5C;color:#fff;padding:0 20px;border-radius: 3px;transition: all .3s;opacity: .8;}
.forum_form .submit:hover{opacity: 1;}
.nolgtips{text-align: center;color:#666;background: rgba(255, 255, 255, .5);border:solid 1px #eee;height:150px;line-height: 150px;margin-bottom: 20px;margin-left:0px;}
.nolgtips p{}
.nolgtips span{color:#09f;cursor: pointer;}
.nolgtips a{color:#09f;}
.nolgtips_dt{height:320px;}
.forum_form .conedit{height:200px;border:solid 1px #ddd;border-radius: 3px;width:92%;padding:5px 2%;}
.forum_form .conedit a{color:#09f;text-decoration: underline;}
.w-e-text-container [data-slate-editor] p{margin:0;line-height: 24px;}
.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:0 0 20px 0px;font-size:13px;}
.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;background: #fff;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;}
.loginbx .item{margin-bottom: 10px;}
.loginbx input{width:94%;padding:0 2%;border:solid 1px #ddd;height:36px;margin:0 auto;}
.loginbx input:focus{box-shadow: 0 0 2px #f90 inset;border-color:#f90;}
.loginbx button{width:98%;margin:10px auto;background-color: #0F2D5C;border:solid 1px #0F2D5C;color:#fff;height:38px;transition: all .3s;opacity: .8;}
.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: #fff url("../images/icon_close.png") no-repeat center;right:-40px;top:0;background-size: 16px;}
.loginclose:hover{opacity: .8;cursor: pointer;}

.loginwrap{position: initial;margin:50px auto;height:auto;}

.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: #fff;width:30px;line-height: 30px;height: 30px;text-align: center;}
.pagination a:hover{color:#f60;}
.pagination span.page-more{background: none;line-height: 20px;}
.pagination span.curr{background-color:#f60;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;}
.tptxt .item{width:50%;float:left;font-size:24px;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: #fff;padding:0 15px;transition: all .3s;}
.tptxt .item:nth-child(2n) a{margin:0 0 0 2px;}
.tptxt .item a:hover{color:#f30;transform: scale(1.1);}
.news_item .itemck a{color:#f00;transition: all .3s;}
.news_item .itemck a:hover{transform: scale(1.1);padding-left: 50px;}


@media (max-width:1200px){
    .wrap{width:96%;}
}
@media (max-width:768px){
    .wrap{width:96%;}
    .news_item .item2 a{font-size:18px;}


    body{padding-bottom: 50px;}
    .nav{width:100%;position: fixed;left:0;bottom: 0;background-color: #fff;z-index: 100;margin:0;text-align: center;box-shadow: -1px 0 3px #ccc;overflow: hidden;}
    .nav li{display: block;float:left;width:14.2%;}
    .nav a{color:#666;display: block;padding:0;font-size:12px;}
    .nav a:hover{background-color: #ddd;}
    .nav a.cur{color:#f60;}
    .nav li.fm a{display: inline-block;padding:0 10px;color:#fff;font-size:13px;}
    .nav li.fm a.lt{padding:0 20px;}
    .nav li.fm a:hover{background-color: #0f2d5c;}
    .nav li.fm{position: fixed;top:0;right:0;width:initial;padding:0;}
    .nav li.fm a.cur{color:#f90;}
    .nav .user i{vertical-align: -5px;}

}
@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 h2{font-weight: bold;margin-bottom: 10px;}
    .news_item .con{padding: 0;}
    .news_item .item{width:100%;text-align: left;line-height: 40px;height: 40px;border-bottom: solid 1px #eee;}
    .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:400px;}
    .nolgtips p{margin-top:170px;}
    .nolgtips_dt{height:350px;}
    .nolgtips_dt p{margin-top:140px;}

    .loginclose{right:0;top:-40px;}

    .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:20px;text-align: left;}

}