/*
仿站
*/
body{background-color:#f2f2f2;}
.wide{max-width: 100%;}
a:hover{color: #0084ff}
/* 分页条 */
.pagebar a,.pagebar .now-page{padding:0 12px;line-height:30px;display:inline-block;background-color:rgba(0,0,0,0.1);margin:0 3px 3px 0;border-radius:2px;}
.pagebar a:hover,.pagebar .now-page{color: #fff;background-color: #0084ff;}
/* 评论 */
.tx-comments>ul.msg{margin-bottom:10px;border-bottom:1px solid #eee;padding:15px;}
.msg img.avatar{float:left;margin-right:10px;border-radius:5px;width:45px;height:45px;border-radius:50%;border: 2px solid #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);}
.msg li.msgname p.commentname{line-height:22px;font-size:12px;margin-bottom:5px;}
.msg li.msgname small{color:#aaa;font-size:12px;}
.msg li.msgname small a,.tx-comment label,.tx-comments label{display:none;}
.msg li.msgname:hover small a{display:inline-block;}
.msg section{overflow: hidden;}
.msg li ul.msg{padding:10px;background-color:rgba(0,0,0,0.02);margin:10px 0 0 50px;border-radius: 5px;}
.tx-comment-textarea{position:relative;}
.tx-comment-textarea .tx-btn{position:absolute;right:0;bottom:0;}
.tx-comment-textarea .tx-textarea{float:left;display:block;}
.tx-textarea,.tx-input{background-color: transparent;}
.reply-frm{margin-top:15px;border: 1px solid rgba(0,0,0,0.08);}


.header{position:fixed;left:0;top: 0;width: 100%; z-index: 99;box-shadow: 0 5px 10px rgba(0,0,0,0.15);padding: 0 15px 0 10px;}
.logo{padding: 8px 60px 8px 0;}
.logo a,.logo img{height: 40px;width: auto;line-height: 1;display: block;}
.search{padding:11px 0;margin-right:50px;}
.search form{width: 300px;background-color:rgba(0,0,0,0.15); position: relative;padding-right: 50px;border-radius: 3px;transition: all .35s ease 0s;}
.search-on1 form{width: 400px;}
.search input{width: 100%;padding: 0 10px;border: 0;line-height: 34px;font-size:13px;background-color: transparent;color: #fff}
.search input::-webkit-input-placeholder{color: #fff}
.search button{position: absolute;right: 0;top: 0;border: 0;width: 40px;line-height:34px;height:34px;text-align: center;background-color: transparent;color:rgba(255,255,255,0.8);}

.login-top{padding-top: 12px;}
.login-top>span{display: inline-block;border: 1px solid rgba(0,0,0,0.3);}
.login-top>span>a{display:block;float: left;line-height: 30px;padding: 0 15px;color: #eee;}
.login-top>span>a:last-child{background-color:rgba(0,0,0,0.3);}
.login-top>span>a:hover{background-color:rgba(0,0,0,0.5);}
.login-top>a img{width: 30px;height:30px;display: block;line-height: 30px; border-radius: 50%;background-color:rgba(255,255,255,0.7);padding: 2px;}

.nav li{position: relative;float:left;margin-left: 1px;}
.nav li a{display: block;line-height:56px;padding: 0 15px;color: #fff;position:relative;}
.nav li a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;border-bottom:3px solid rgba(0,0,0,0.2);transition:all .4s;}
.nav li a:hover::after,.nav li.on a::after{width:20px;margin-left:-10px;}
.nav li ul{position: absolute;left: 0;top: 4.8rem;display: none;background-color: #e25239;}
.nav li ul li a{white-space: nowrap;line-height: 3.8rem;font-size: 1.5rem;color: #fff;}
.nav li:hover ul{display: block;}

.side-nav-box{position: fixed;top: 0;height: 100%;width: 200px;padding-top: 56px;z-index: 98;overflow: hidden;border-right: 1px solid rgba(0,0,0,0.08);}
.side-nav-title{padding: 0 12px;line-height:3;position: relative; color: #4e86ce; font-size: 18px;}
.side-nav-title::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:#4e86ce;opacity: 0.15;}
.side-nav{height: 100%!important;width: 200px!important; overflow:hidden;position: static!important;}
.side-nav h2 a{display: block; line-height:2.8;padding:0 15px;font-size: 17px;}
.side-nav ul{border-bottom: 1px solid rgba(0,0,0,0.06);}
.side-nav li a{display: block;line-height:2.6;padding: 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.side-nav li a:hover{background-color:rgba(0,0,0,0.04);}
.side-nav li.on a::after{content: "";position: absolute;left: 0;top: 20%;width: 3px;height: 60%;background-color: #0084ff;}

.home-list-box{display: block;padding:15px;}

.home-list-box>img{display: block;line-height: 1;width: 65px;height: 65px;border-radius: 5px;float: left;margin-right: 15px;}
.home-list-box>small{display:inline-block;line-height: 18px;padding: 0 6px;position: absolute;top: 0;right: 15px;color: #fff;font-style: normal;font-size: 10px;background-color:rgba(0,0,0,0.3);border-radius: 0 0 3px 3px;}

.fa-xz30{transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);color:rgba(0,0,0,0.3);}

.main{padding:70px 0px 0 215px;}
.info-title{position: relative}
.info-btn{position: absolute;right: 0;top: 0;display: inline-block;line-height: 1;border: 1px solid #eee;border-radius: 2px;}
.info-btn a{display:block;float: left; line-height: 24px;padding: 0 8px;border-right:1px solid #eee;}
.info-btn a:hover{color: #fff;}
.info-btn a:last-child{border-right: 0;}
.tx-text{font-size: 15px;}
.edit-btn{display: inline-block;background-color:rgba(0,0,0,0.2);font-size: 12px;padding:2px 8px;border-radius: 3px;vertical-align:middle;}
.info-tag{padding-top:10px;}
.info-tag a{display:inline-block;margin-right:8px;}

.side-box dl,.tx-box1{background-color:#fff;box-shadow: 0 2px 10px 0 rgba(173,173,173,.1);border-radius:4px;transition: all .35s ease 0s;}
.side-box dl:hover,.tx-box1:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);}
.side-box dl{margin-bottom:15px;}
.side-box dl dt,.tx-title1{line-height:2.8;font-size:18px;border-bottom: 1px solid #e6e6e6;padding: 0 15px;}
.side-box dl dd ul{padding: 8px 18px;}
.side-box dl dd ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2}
.side-box dl dd ul::after{display: table;content: " ";clear: both;}
.side-box dl#divArchives ul li,
.side-box dl#divTags ul li,
.side-box dl#divFavorites ul li,
.side-box dl#divLinkage ul li,
.side-box dl#divCatalog ul li,
.side-box dl#divLinkage ul li{float:left;width:48%}
.side-box dl#divArchives ul li:nth-child(2n),
.side-box dl#divTags ul li:nth-child(2n),
.side-box dl#divFavorites ul li:nth-child(2n),.side-box dl#divLinkage ul li:nth-child(2n),.side-box dl#divCatalog ul li:nth-child(2n),.side-box dl#divLinkage ul li:nth-child(2n){float:right}
.side-box dl table{width:100%;border-collapse:collapse}.side-box dl table th,.side-box dl table td{border:1px solid #ddd;padding:5px;overflow:hidden;text-align:center}.side-box dl table caption{margin-bottom:10px}.side-box dl table td a{color:#e25239}.side-box dl#divSearchPanel dd form{display:block;position:relative;width:100%;padding-right:50px}.side-box dl#divSearchPanel dd>div input[type="text"]{width:100%;border:0;padding:0 10px;line-height:30px;background-color:rgba(0,0,0,0.06);}
.side-box dl#divSearchPanel dd>div input[type="submit"]{position:absolute;right:0;top:0;width:50px;height:30px;line-height:30px;text-align:center;border:0;border-radius:0;padding:0;color:#fff;font-size: 12px;}

.list-name>img{display: block;line-height: 1;width: 128px;height: 128px;float: left;margin-right:20px;-o-object-fit: cover;object-fit: cover;border-radius: 5px;}
.list-name section{overflow: hidden;}
.list-li{line-height:34px;}
.list-li i.fa{margin-right:6px;}
.list-li h2{border-top: 1px dotted rgba(0,0,0,0.15);margin-top: 10px;padding-top: 10px;}
.list-li h2:first-child{border: 0;margin-top: 0;padding-top: 0;}
.list-li li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 15px;}

.footer{padding:15px;color: #aaa}
.footer a{color: #aaa}
.links{padding: 0 0 10px 15px;}
.links li{float: left;margin: 0 15px 5px 0}
.fixed-right{position: fixed;z-index: 222;right: 15px;bottom: 15px;width: 45px;}
.fixed-right li a{display: block;text-align: center;background-color:rgba(255,255,255,0.6);height: 45px;line-height:12px;margin-bottom:3px;padding-top: 7px;}
.fixed-right li a i{display: block;line-height: 20px;font-size: 18px;}
.fixed-right li a:hover{color: #fff;}


.info-down{padding:10px 100px 20px 20px;position: relative;text-align: left;}
.info-down>a.tx-btn{position: absolute;right: 20px;bottom: 20px;}
.item-down{position: relative;padding-right: 100px;}
.item-down>a.tx-btn{position: absolute;right:0;bottom:0;}

@-webkit-keyframes xuanzhuan{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}}
.pop-off2{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.9);z-index: 100;display: none;}
.pop-box{position: fixed;left:50%;top:10px;width:400px;margin-left: -200px; z-index: 101;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity: 0;visibility: hidden}
.pop-box-on{opacity: 1;visibility:visible;}
.tx-social>p{position:relative;line-height:40px;}
.tx-social>p:after{display: block;content: " ";width:30%;height:1px;position:absolute;top:50%;left:0;z-index:1;border-bottom: 1px solid #ddd;}
.tx-social>p:before{display: block;content: " ";width:30%;height:1px;position:absolute;top:50%;right:0;z-index:1;border-bottom: 1px solid #ddd;}
.tx-social>p>span{position:relative;z-index:2;padding:0 20px;}
.tx-social>a{display:inline-block;width:40px;height:40px;border-radius:50%;line-height:40px;color:#fff;}
.tx-social>a:hover{color:#fff;opacity: .9; filter: alpha(opacity=90)}
.pop-off1{position: absolute;top: 0;right:5px;line-height:40px;width:30px;background-color:rgba(0,0,0,0.8);text-align: center;color: #fff;border-radius: 0 0 50px 50px;z-index: 10}
.pop-off1:hover{color: #fff;opacity: 0.9;}
.pop-off1:hover i{animation: xuanzhuan 1s infinite linear;}

.reg-box{width: 450px;margin: 0 auto;}
.reg-nav li{float: left; width: 33.333%;}
.reg-nav li a{display: block;padding: 0 10px;text-align: center;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background-color: #fff;overflow: hidden;line-height: 50px;height: 50px;font-size: 14px;}
.reg-nav li:last-child a{border-right: 0;}
.reg-nav li.on a{border-bottom: 1px solid #fff;border-top-width: 3px;border-top-style: solid}

.user-nav{border-bottom: 1px solid #eee;font-size: 13px;}
.user-nav li{float: left;}
.user-nav li a{display: block;padding: 0 28px;line-height: 42px;}
.user-nav li a:hover,.bg-gray{background-color:rgba(0,0,0,0.05);}
.user-nav li.on a{position: relative;}
.user-nav li.on a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:#4e86ce;opacity: 0.15;}
.user-li{display: block;padding:20px;color: #fff;transition:all .35s ease 0s;border-radius: 2px;}
.user-li:hover{opacity: 0.9;-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.user-li a{border: 1px solid #fff;display: inline-block;padding: 0 10px;color: #fff;font-size: 12px;line-height: 20px;}
.user-li a:hover{background-color: #fff;color: #999}
.user-li>img,.user-li>i.fa{float:right;margin-left: 15px;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background-color: #fff;padding:1px;text-align: center;}
.user-item .post-box{border: 1px solid #eee;}
.tab-hd li{float: left;line-height: 40px;cursor: pointer;margin-right: 20px;}
.tab-hd li.tx-color{font-weight: 700;}
.radio input[type="radio"]{-webkit-appearance:button}
.tx-radios-label{position: relative;line-height:40px;padding: 0 20px 0 30px;display: block;float: left;margin:0 10px 5px 0;}
.tx-radios-label input{position: absolute; opacity: 0;visibility: hidden;}
.tx-radios-label i{display:block;position:absolute;top: 0;left: 0; width:100%;height:40px;background-color: #eee;z-index: 5;border-radius: 3px;}
.tx-radios-label em{position: relative;z-index: 10;line-height: 40px;font-style: normal;display:block;margin: 0;float: left;}
.tx-radios-label input:checked + i + em{color: #f00;}
.tx-radios-label input:checked + i:after{position: absolute;content: "√";width:10px;height:10px;line-height: 10px; top:50%;margin-top: -5px; left: 10px;color: #f00;}
.tx-radios-label input:checked + i{border:1px solid #f00;}

.ul-i li i{display:inline-block;width:20px;height:20px;line-height:20px;margin-right:10px;text-align:center;font-style:normal;font-size:12px;border-radius:2px;}

@media screen and (max-width: 980px){
    .header{padding: 0 5px;}
    .header>a:hover{color:#fff;}
    .logo{width: 100%;padding: 5px 0;text-align: center;}
    .logo a, .logo img{height: 30px;display: inline-block}
    .search{margin: 0;padding:5px;width: 100%;position: absolute;top:41px;left: 0;width: 100%;display: none;}.search form{width: 100%;}
    .nav-on,.search-on{position: absolute;right: 0.8rem;top: 0;line-height:40px;font-size:16px;color: #fff;}
    .nav-on{left:10px;right: auto;}
    .wap-nav-bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);z-index: 100;display: none;}
    .info-down{padding: 15px;}.info-down>a.tx-btn{position: relative;right: auto;bottom: auto;margin-top: 1rem;}
    .side-nav-box{position: fixed;left:-220px;top: 0;width:200px;height: 100%;overflow: scroll;z-index: 230;padding: 0;}
    .item-down{padding: 0}
    .main{padding: 40px 0 0px 0}
    .place{padding: 8px 8px 0 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .row1{margin: 0;}.col1-{padding: 0;}
    .info-btn{top: auto;bottom:-5px;}
    .fixed-right{bottom: 5px;right: 5px;}
    .reg-box{width: 100%;}.reg-nav li a{line-height: 30px;height: 30px;font-size: 12px;}
    .user-nav li{width: 33.3333%;}.user-nav li a{padding: 0 5px;text-align: center;}
    .pop-box{width: 90%;left: 5%;margin-left: 0;}
    .msg li ul.msg{margin:10px 0 0 0;}
    .tx-text hr, .tx-hr{margin-top:9px;}.mr20{margin-right:12px;}
    .fixed-right{right:0;bottom:0;width:100%;background-color:#fff;box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
    .fixed-right li{float:left;width:25%;}
    .fixed-right li a{margin:0;}
    .info-next{font-size:12px;line-height:2;}
}
@media screen and (max-width: 640px){
    .list-name>img{width:50px;height:50px;}
    .list-name section{overflow:visible;}
}