html{-webkit-tap-highlight-color:transparent;}
html,body{color:#000;-webkit-text-size-adjust:none;}
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: url("../images/dhbg.png") repeat;}
.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}
@font-face {
	font-family: 'WebSymbolsRegular';
    src:url('websymbols.woff');
    src:url('websymbols.woff') format('woff'),
        url('websymbols.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

header{height:50px;position: fixed;left:0;top:0;width:100%;z-index: 100;background-color: #ccc;}
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 li a{color:#333;font-size:14px;padding: 0 15px;line-height: 50px;display: inline-block;}
.nav li a:hover{background-color: #000;color:#f90;}
.nav li a.cur{color:#f90;background-color: #000;}
.nav li.fm a{}
.nav .user{display: inline-block;padding:0 5px 0 10px;}
.nav .user a{font-size:13px;}
.nav .user i{
    display: none;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:#666;cursor: pointer;font-size:12px;}

.news_item{overflow: hidden;margin:25px 0 0 0;}
.news_item h2{font-size:24px;color:#000;font-weight:bold;line-height: 35px;padding:10px 10px 0;text-align: center;}
.news_item .con{overflow: hidden;padding: 8px 0;text-align: center;font-size:0;}
.news_item .item{font-size:24px;line-height: 60px;height: 60px;background: #fff;text-align: left;overflow: hidden;display: inline-block;margin:5px 5px;width:calc(100% / 3 - 10px);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);transition: all .3s;position: relative;}
.news_item .item:hover{background: #000;color:#f60;}
.news_item .item a{
    color:#333;padding:0 10px;
    margin-left:55px;display: block;
	-webkit-animation:.5s .2s ease both;
    -moz-animation:1s .2s ease both;
}
.news_item .item span{
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
}
.news_item .item .icon{
	font-family: 'WebSymbolsRegular';
    position: absolute;
    left:0;top:0;
    display: block;
	width:60px;
	height:60px;
	margin-right:0px;
	font-size:24px;
	line-height:60px;
	text-align:center;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	text-shadow:0 0 3px #CCCCCC;
}
.news_item .item:hover .icon{
	color:#F90;
	font-size:30px;
}
.news_item .item:hover a {
    color:#fff;
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
}
/*.news_item .item a span{transition: all .3s;display: inline-block;}*/
/*.news_item .item a:hover span{color:#f30;}*/
/*.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:calc(100% / 2 - 10px);}
/*.news_item .item3:nth-child(2n) a{margin:0;}*/
.news_item .item3 a{font-size:16px;}
/*.news_item .item3 span{display: inline-block;max-width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/
.news_item .item3 em{color:#ccc;font-size:13px;padding: 0 5px;}

@-webkit-keyframes shake{
0%,100%{-webkit-transform:translateX(0);}
20%,60%{-webkit-transform:translateX(-10px);}
40%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
0%,100%{-moz-transform:translateX(0);}
20%,60%{-moz-transform:translateX(-10px);}
40%,80%{-moz-transform:translateX(10px);}
}


.main{}
.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: 26px;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{margin:20px auto;}
.forum{padding:0;overflow: hidden;}
.forum h2{font-size:24px;color:#000;font-weight:bold;line-height: 35px;padding:10px 10px 0;text-align: center;}
.forum .item{line-height: 22px;color:#999;padding:0;margin:8px 5px;width:calc(100% / 2 - 10px);float:left;background: #fff;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);transition: all .3s;}
.forum .item a{display: block;padding:5px 10px;line-height: 45px;position: relative;}
.forum .item .con{overflow: hidden;margin-left:50px;}
.forum .item .icon{
	font-family: 'WebSymbolsRegular';
    position: absolute;
    left:0;top:0;
    display: block;
	width:55px;
	height:55px;
	margin-right:0px;
	font-size:24px;
	line-height:55px;
	text-align:center;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	text-shadow:0 0 3px #CCCCCC;
}
.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;}
.forum_det{margin:0 5px;}

.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 5px;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:60px;}
.nolgtips p{}
.nolgtips span{color:#f90;cursor: pointer;}
.nolgtips a{color:#09f;}
.nolgtips_dt{height:320px;}
.forum_form .conedit{height:200px;border:solid 1px #ddd;border-radius: 3px;width:93%;padding:5px 1%;}
.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: 26px;color:#666;padding:0 0 20px 60px;}
.forum_tips h3{color:#f00;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;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);transition: all .3s;
}
.pagination a:hover{color:#f60;background: #eee;}
.pagination span.page-more{background: none;line-height: 20px;}
.pagination span.curr{background-color:#000;color:#f60;}

.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%;}

.tptxitem{margin:0 5px;}
.tptxt{overflow: hidden;}
.news_item_tptxt{text-align: center;margin:10px 0 0;font-size:0;}
.news_item_tptxt .item{width: calc(100% / 2 - 10px)}
.news_item_tptxt .item a{color:#f90;}
/*.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:98%;}
}
@media (max-width:768px){
    .wrap{width:100%;}
    .news_item .item{width:calc(100% / 2 - 10px);}
    .news_item .item2 a{font-size:18px;}
    .forum .item{width:calc(100% - 10px);margin:5px;}

    body{padding-bottom: 50px;}
    .nav{width:100%;position: fixed;left:0;bottom: 0;background-color: #fff;z-index: 100;height:50px;margin:0;text-align: center;box-shadow: -1px 0 3px #ccc;overflow: hidden;}
    .nav li{display: block;float:left;width:14.2%;}
    .nav li a{color:#666;display: block;padding:0;font-size:12px;}
    .nav li a:hover{background-color: #ddd;}
    .nav li a.cur{color:#f60;}
    .nav li.fm a{display: inline-block;padding:0 10px;color:#666;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{position: fixed;top:0;right:80px;width:initial;padding:0;height:50px;line-height: 50px;}
    .nav .user i{vertical-align: -5px;}

}
@media (max-width:600px){
    .news_item .item1,.news_item_tptxt .item{width:calc(100% - 10px);margin:5px;}
}

@media (max-width:426px){
    .news_item{margin-top: 10px;}
    .news_item .con{padding: 0;}
    .news_item .item{width:calc(100% - 10px);margin:5px;line-height: 50px;height: 50px;}
    .news_item .item .icon{width:50px;height:50px;line-height: 50px;font-size:20px;}
    .news_item .item a{padding-left: 0;}

    .forum{padding:0px;}
    .forum .title{font-size:14px;margin-right:5px;font-weight: bold;}
    .forum .item a{line-height: 30px;}
    .forum .item .tit{display: block;}
    /*.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;}

    .usernav{margin:5px;}
    .forum_user{margin:10px 5px;}
}