.nav {
    height: 40px;
    line-height: 40px;
    color: #666;
    padding-left: 26px;
    background: url(../images/nav.png) left no-repeat;
	margin: 0 auto;
	width: 1174px;
	margin-top: 10px;
}
.w12{width: 1200px; margin: 0 auto;background: #fff;}
.list-box {
	position: relative;
	padding: 20px 0px 20px;
    background: #fff;
}

.list-box .box-tips {
	padding: 0 10px;
	border-bottom: 1px solid #ececec;
	display: none;
}
.list-box .box-tips div.l{
	width: 100px;
	line-height: 40px;
	text-indent: 20px;
    color: #666;
    float: left;
}
.list-box .box-tips ul.l{
    width: 1050px;
    margin-top: 7px;
    float: left;
}
.list-box .box-tips ul li{
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
	/*display: inline;*/
	float: left;
}
.list-box .box-tips ul li a {
	height: 24px;
	line-height: 24px;
    border: 1px solid #fff;
	display: inline-block;
	padding: 0 10px;
	white-space: nowrap;
    border: 1px solid #f3f3f3;
	color: #666;
	background-image: url(../images/x.png);
	background-repeat: no-repeat;
    background-position: 6px -1px;
    padding-left: 25px;
}
.list-box .box-tips ul li a:hover, .list-box .box-tips ul li a.action {
    border: 1px solid #00b6bd;
	color: #00b6bd;
	text-decoration: none;
    background-position: 6px -24px;
}
.list-box .box-item {
	padding-bottom: 10px;
}
.list-box .box-item .l {
	width: 120px;
	line-height: 24px;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
	text-align: center;
	float: left;
}
.list-box .box-item .h {
	width: 50px;
	line-height: 24px;
	margin-top: 5px;
	font-size: 12px;
	color: #666;
	text-align: center;
	float: left;
}
.list-box .box-item .h a {
	height: 24px;
	line-height: 24px;
	display: inline-block;
	padding: 0 10px;
	white-space: nowrap;
	float: left;
}
.list-box .box-item .h a:hover, .list-box .box-item .h a.action {
	background-color: #0c91eb;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}
.list-box .box-item .r {
	width: 958px;
	line-height: 24px;
	font-size: 12px;
	background-color: #fff;
	float: left;
}
.list-box .box-item .r ul {
	margin: 5px 10px;
	height: auto;
	overflow: hidden;
}
.list-box .box-item .r ul.collapse{
	height:25px;
}
.list-box .box-item .r ul::after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.list-box .box-item .r ul li {
	height: 25px;
	margin-right: 10px;
	/*display: inline;*/
	float: left;
    min-width: 60px;
}
.list-box .box-item .r ul li.split{
	width:100%;
	margin:12px 0;
	overflow:hidden;
	border-bottom:1px dotted #ececec;
	height: auto !important;
	line-height: normal !important;
}
.list-box .box-item .r ul li a {
	height: 24px;
	line-height: 24px;
	display: inline-block;
	padding: 0 10px;
	white-space: nowrap;
	font-size: 13px;
}
.list-box .box-item .r a:hover, .list-box .box-item .r a.action {
	background-color: #0c91eb;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}
.list-box .box-item .r .app-menu-active {
	background-color: #0c91eb;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}
.list-box .noexpand .r{
    width: 1030px;
}
.list-box .box-item .r ul.select li{
    height: 35px;
    line-height: 35px;
}
.list-box .box-item .r ul.select li select{
	height: 24px;
	line-height: 24px;
	display: inline-block;
	padding: 0 10px;
    margin-bottom: 10px;
	white-space: nowrap;
}
.list-box .box-item .r ul.select li select.action{
    color: #00b6bd;
    border:1px solid #00b6bd;
}
.list-box .box-item .m {
	width: 70px;
	line-height: 24px;
	margin-top: 5px;
	font-size: 12px;
	color: #666;
	text-align: center;
	float: left;
}
.list-box .box-item .m a {
	color: #666666;
	padding: 5px 10px;
}
.list-box .box-item .m a i {
	width: 10px;
	height: 6px;
	margin-left: 3px;
	overflow: hidden;
	display: inline-block;
	background-image: url(../images/filter.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.list-box .box-item .m a:hover{    
    color:#8D794D;
	text-decoration:none;
}
.list-box .box-item .m a:hover i{
	background-position:0 -10px;
}
.list-box .scroll .m a i{
	background-position:0 -20px;
}
.list-box .scroll .m a:hover i{
	background-position:0 -30px;
}
.list-box .box-expand {
	width: 80px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #ececec;
	text-align: center;
	background-color: #fff;
	position: absolute;
	bottom: -10px;
	left: 560px;
}
.list-box .box-expand a {
	width: 80px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	text-decoration: none;
}
.list-box .box-expand a i {
	width: 10px;
	height: 6px;
	line-height: 20px;
	margin-left: 3px;
	overflow: hidden;
	display: inline-block;
	background-image: url(../images/filter.png);
	background-position: 0 -10px;
	background-repeat: no-repeat;
}
.list-box .box-expand a:hover i{
	background-position:0 0;
}
.list-box .box-collapse a i{
	background-position:0 -30px;
}
.list-box .box-collapse a:hover i{
	background-position:0 -20px;
}

.qhlb-box .box-tips{
    line-height: 40px;
}
.qhlb-box .box-item .r ul li{
    min-width: auto;
}
.qhlb-box  .box-expand{
	left: 450px;
}
.qhlb-box .box-item .r ul li.action {
    background-color: #00b6bd;
}
.qhlb-box .box-item .r ul li.action a{
    color: #fff;
}

.list-box .tag .r ul li {
    width: 80px;
    overflow: hidden;
}
.list-box .expand{
	position: absolute;
	bottom: -12px;
	left: 0; right: 0;
	margin-left:auto;
	margin-right:auto;
	width: 60px;
	line-height: 24px;
	background: #45a5e6;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	font-size: 13px;
	cursor: pointer;
}
.b30{
	margin-bottom: 28px;
}
.b20{
	margin-bottom: 20px;
}
.list-qk{
	position: relative;
	background: unset;
	width: 1202px;
	margin: 0 auto;
}
.list-qk ul li{
	float: left;
    background-color: #fff;
    width: 392px;
    height: 220px;
    margin: 0 12px 12px 0;
    padding: 20px;
    text-align: left;
}
.list-qk ul li:hover {
	box-shadow: 0 0 10px #ccc;
	border-radius: 5px;
}
.list-qk ul li:nth-of-type(3n){
	margin-right: 0;
}
.list-qk ul li .item-image a {
    width: 130px;
    height: 180px;
    display: inline-block;
    overflow: hidden;
}
.list-qk ul li .item-image a img{
	width: 100%;
    height: 100%;
	-webkit-transition: transform 0.6s ease;
	-moz-transition: transform 0.6s ease;
	-ms-transition: transform 0.6s ease;
	transition: transform 0.6s ease;
}
.list-qk ul li .item-image a:hover img{
	-webkit-transform:scale(1.01); 
	-moz-transform:scale(1.01); 
	-ms-transform:scale(1.01); 
	transform:scale(1.01);
}
.list-qk ul li .right-text{
	width: 198px;
	margin-left: 15px;
	position: relative;
}
.list-qk ul li .item-title {
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-qk ul li .item-info-f {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
}
.list-qk ul li .item-info-c {
	font-weight: bold;
	margin: 10px 0;
}
.list-qk ul li .item-info-c span {
	margin-right: 5px;
}
.list-qk ul li .item-info-f span a{
	line-height: 24px;
    display: inline-block;
    padding: 0 10px;
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
    margin-top: 5px;
    margin-right: 10px;
    border-radius: 2px;
}
.list-qk ul li .item-info-f span a:hover{
	color: #eb3131;
}
.list-qk ul li .item-info-s {
	display:block;
	height: 22px;
	line-height: 22px;
    font-size: 12px;
    color: #f00;
    color: #999;
}
.list-qk ul li .item-info-s b{
	font-weight: normal;
	color: #eb3131;
}
.list-qk ul li .item-info-img{
	margin-top: 5px;
	position: relative;
}
.list-qk ul li .item-info-img i{
	display: inline-block;
	height: 24px;
    width: 24px;
}
.list-qk ul li .item-info-img i:before {
	content: "";
    background-image: url("../images/5s.png");
	height: 24px;
	width: 24px;
	background-size: 100% 100%;
	display: block;
	margin: 0px 6px 0 1px;
	position: absolute;
    top: 5px;
}
.list-qk ul li .item-info-img b{
	display: inline-block;
	padding: 0 10px 0 5px;
	color: #eb3131;
}
.list-qk ul li .item-info-x{
	position: absolute;
	bottom: -1px;
	right: -10px;
}
.list-qk ul li .item-info-x a:before{
	content: "";
    background-image: url("../images/dz_no.png");
	height: 24px;
	width: 24px;
	background-size: 100% 100%;
	display: block;
}
.list-qk ul li .item-info-x a:hover:before{
	content: "";
    background-image: url("../images/dz.png");
	height: 24px;
	width: 24px;
	background-size: 100% 100%;
	display: block;
}
.list-qk ul li .item-info-n{
	position: absolute;
	bottom: -1px;
	right: -10px;
}
.list-qk ul li .item-info-n a:before{
	content: "";
    background-image: url("../images/dz.png");
	height: 24px;
	width: 24px;
	background-size: 100% 100%;
	display: block;
}
.loadmore_btn {
    display: block;
    width: 1200px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    background-color: #fff;
    margin: 10px auto;
    text-align: center;
}
.loadmore_btn p{
	display: block;
	width: 100%;
	line-height: 60px;
}
.loadmore_btn p a{
	display: block;
}
.loadmore_btn p a i{
	display: inline-block;
	width: 10px;
	height: 13px;
	background: url(../images/icon_qkzz_more.png) no-repeat center;
	margin-left: 16px;
}
/*资讯列表页*/
.det-list{background:#fff;min-height: 200px;}
.det-lt{width:150px;float:left;}
.det-lt .det-nav{width:100%;border-radius:5px;background-color:#fff;box-sizing:border-box;padding:10px 0px;}
.det-lt .det-nav li{padding:3px 0px;text-align:center;}
.det-lt .det-nav li a{display:inline-block;height:35px;line-height:35px;color:rgba(0,0,0,.6);cursor:pointer;width:100%}
.det-lt .det-nav li a:hover{color:#fa5614}
.det-lt .det-nav li.on a {border-left:3px solid #2dbe60}
.det-lt .det-nav li.nobor a{border-bottom:1px solid #ecf2ff}
.det-rt{width:280px;float:right;}
.det-rt .det-mod{background-color:#fff;margin-bottom:10px}
.det-rt .det-mod .det-title{height:47px;line-height:47px}
.det-rt .det-mod .det-title span{display:inline-block;height:45px;line-height:45px;font-size:16px;color:#4b98ff;padding:0 10px;border-top:2px solid #4b98ff}
.det-rt .det-mod .hot-tips{padding:0 10px 10px;font-size:0}
.det-rt .det-mod .hot-tips a{display:inline-block;padding:0 10px 0 25px;font-size:14px;height:28px;line-height:28px;margin:0 10px 10px 0;border-radius:2px;white-space:nowrap;background:#eef5fe url(../image/icon_tab.png) no-repeat 6px 8px}
.det-rt .det-mod .hot-tips a:hover{background-color:#4b98ff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRGNkI4MjlFMEQxRjExRTc4MDNERUZEODZBQzBBODgzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRGNkI4MjlGMEQxRjExRTc4MDNERUZEODZBQzBBODgzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEY2QjgyOUMwRDFGMTFFNzgwM0RFRkQ4NkFDMEE4ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEY2QjgyOUQwRDFGMTFFNzgwM0RFRkQ4NkFDMEE4ODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7uXfJQAAABCUlEQVR42ozSsUsCYRjH8bujQUMRQqNB/QPanVycgnBscGkRpMHVSVFB6OaGxgtqCESHNgcRwbHBqU2QGloEh8a2zu+r7wvH073UCx/u7rn3uef9wblhGDqWlYAPF+9YYYYibjxLUxIPWKKPN/zgHHdYOGqikMAzGpHaGU4xREnVXHFUNSnABEOk0cAJSmjiGxlPZAr2xzg0qXWhM/UwxZc+7pUnMk301axXvbmLY12bI2syPYlMUWnU9FU9l3Gvbh5RtTRJlxghd8TYNfLO36uCOlrYmi/dwv/HpKypRV8O0I1pqmCMQrQuN/liclVOMtyYf3WADT5wjTY+fyW2ZOrgBSlb7p0AAwCsilmMn5k9rQAAAABJRU5ErkJggg==");color:#fff}
.det-rt .det-mod .news-list{padding:0 10px 8px}
.det-rt .det-mod .news-list a:hover{color:#fa5614}
.det-rt .det-mod .news-list dl{border-bottom:1px solid #e8e8e8;padding:8px 0}
.det-rt .det-mod .news-list dl dt{float:left;width:60px;height:60px;overflow:hidden}
.det-rt .det-mod .news-list dl dt img{width:88px;height:60px;margin-left:-14px}
.det-rt .det-mod .news-list dl dd{float:right;width:175px;line-height:20px;margin-top:10px}
.det-rt .det-mod .news-list dl.nobor{border:none}
.det-md{width:910px;float:left;}
.det-md .det-item{padding:0 15px;background-color:#fff}
.det-md .det-item:hover{background-color:#f7f7f7}
.det-md .det-item .det-cont{padding:20px 0;border-bottom:1px solid #eaeaea}
.det-md .det-item .det-cont:nth-last-child(2){border-bottom:none;}
.det-md .det-item .det-cont .cont-rt{font-size:0}
.det-md .det-item .det-cont .cont-rt i.hot{display:inline-block;width:26px;height:17px;background:url("../image/det-icon.png") no-repeat;background-position:0 -161px;margin:10px 0 0 10px}
.det-md .det-item .det-tit{float:left;display:inline-block;max-width:835px;overflow:hidden;height:36px;font-size:16px;color:#222;line-height:36px}
.det-md .det-item .det-tit:hover{color:#fa5614}

.det-md .det-item .det-info{font-size:14px;color:#bbb;width:100%;height:58px;line-height:29px;margin-bottom:10px;overflow:hidden}
.det-md .det-item .item-tip{font-size:0}
.det-md .det-item .item-tip span{float:left;font-size:14px;display:inline-block;height:21px;line-height:21px;padding:0 5px;border-radius:2px}
.det-md .det-item .item-tip a{font-size:14px;display:inline-block;height:23px;color:#666;line-height:23px;padding:0 5px;background-color:#eee;border-radius:2px;margin-left:10px}
.det-md .det-item .item-tip a:hover{color:#333;background-color:#e0e0e0}
.det-md .det-item .item-tip span.tw{border:1px solid #ff7920;color:#ff7920}
.det-md .det-item .item-tip span.tj{border:1px solid #b46aff;color:#b46aff}
.det-md .det-item .item-tip span.wb{border:1px solid #4b98ff;color:#4b98ff}
.det-md .det-item .item-tip span.sp{border:1px solid #44baad;color:#44baad}
.det-md .det-item .item-time{color:#bbb;font-size:14px}
.det-md .det-item .item-time .share-icon{float:right;display:inline-block;width:20px;height:20px;background:url("../image/det-icon.png") no-repeat!important;background-position:0 -25px!important;margin:0 0 0 17px;padding:0;*float:none;border:none;filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader (src="../image/det-icon.png",enabled=true,sizingMethod=scale)'}
.det-md .det-item .item-time .share-icon:hover{background-position:0 -58px!important;outline:none}
.det-md .det-item .det-cont.tw-cont .tp-img,.det-md .det-item .det-cont.tw-cont .tp-img img{display:inline-block;width:190px;height:130px}
.det-md .det-item .det-cont.tw-cont .cont-rt{float:right;width:510px;padding-top:10px}
.det-md .det-item .det-cont.tw-cont .cont-rt .det-tit{max-width:410px}
.det-md .det-item.nobor .det-cont{border:none}
.det-md .det-tab{height:45px;line-height:45px;background-color:#eaeaea}
.det-md .det-tab li{float:left;padding:0 25px;font-size:16px;cursor:pointer}
.det-md .det-tab li.on{height:43px;line-height:43px;background-color:#fff;color:#057ee1;border-top:2px solid #4b98ff}
.det-md .tip-title{height:45px;line-height:45px;background-color:#eaeaea;padding:0 15px}
.det-md .tip-title p{font-size:18px;color:#666;padding-left:27px;background:url("../image/det-icon.png") no-repeat;background-position:0 -110px}
.det-md .tip-title p span{color:#4b98ff}
.det-md .tip-title ul{font-size:0}
.det-md .tip-title ul li{display:inline-block;font-size:14px;margin:8px 0 0 10px;padding:0 7px;height:28px;line-height:28px;border:1px solid #dbdbdb;background-color:#fff;border-radius:2px;cursor:pointer}
.det-md .tip-title ul li:hover a{color:#4b98ff}
.list-rt .list-box .list-cont .list-item .dn-btn a.jiar:hover{color:#fa5614;background-color:transparent}
.det-md .det-item .det-info:hover{color:#bbb}
.det-md .det-title {
    height: 47px;
    line-height: 47px;
}
.det-md .det-title span {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #4b98ff;
    padding: 0 10px;
    border-top: 2px solid #4b98ff;
}
.ysxy_box{
	font-size: 15px;
	line-height: 28px;
    background-size: cover;
	min-height: 600px;
}
.ysxy_box .conet{
	float: right;
    width: 600px;
	padding:20px;
}

/*文章内容*/
.article {
	position: relative;
	margin-bottom: 20px;
	padding: 0 10px 50px;
	width: 890px;
	background: #fff
}

.article h1 {
	padding: 30px 60px;
	font-size: 24px;
	line-height: 40px;
	text-align: center
}

.article-meta,
.article .context {
	height: 40px;
	line-height: 40px;
	color: #999;
	text-align: center;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9
}

.article-meta span {
	margin: 0 10px
}

.article-inner {
	padding: 25px 70px;
	min-height:400px;
}

.article p {
	font-size: 15px;
	line-height: 30px;
}
.article p strong{
	font-size: 16px;
	font-weight: bold;
}
.article img {
	margin: 0 auto;
	max-width: 100%
}

.article table {
	border-collapse: separate
}

.article table p {
	margin-bottom: 0
}

.article .context li {
	float: left;
	margin: 0 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	list-style: none;
}

.article .context li span {
	float: left
}

.article .context li a {
	color: #666;
	font-size: 15px;
	display: inline-block;
	width: 238px;
	float: left;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left
}

.article .context li a:hover {
	color: #e6382f
}

.article-pic {
	margin: 40px 60px;
	width: 720px;
	height: 90px
}

.article-pic img {
	display: block;
	width: 720px;
	height: 90px
}

.article .tag {
	margin: 0 60px
}

.tag a {
	float: left;
	display: block;
	margin-right: 10px;
	padding: 0 10px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	background: #f2f2f2;
	transition: all .2s ease
}

.tag a:hover {
	color: #fff;
	background: #e6382f
}
/*用户登陆*/
.login_box{
	padding: 20px;
}
.login_box h2{
    border: #f8c8aa 1px solid;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #f85e44;
}
.login_box .login {
    width: 340px;
    border: #eeeeee 1px solid;
    padding: 20px;
}
.login_box .login input{
    border: 1px solid #dddddd;
    height:35px;
    line-height:35px;
    margin-bottom:20px;
    padding-left:40px;
}
.login_box .login .username{
    margin-top: 20px;
}
.login_box .login .username input{
    background: url("../images/login_ico.png") no-repeat scroll -40px -12px;
}
.login_box .login .username input:hover{
    background: url("../images/login_ico.png") no-repeat scroll -40px -317px;
    border: 1px solid #f8823d;
}
.login_box .login .password input{
    background: url("../images/login_ico.png") no-repeat scroll -40px -66px;
}

.login_box .login .password input:hover{
    background: url("../images/login_ico.png") no-repeat scroll -40px -363px;
    border: 1px solid #f8823d;
}

.login_box .login .code input{
    background: url("../images/login_ico.png") no-repeat scroll -40px -120px;
}

.login_box .login .code input:hover{
    background: url("../images/login_ico.png") no-repeat scroll -40px -416px;
    border: 1px solid #f8823d;
}

.login_box .login .code span{
    float:right;
    margin-right:45px;
    height:35px;
    line-height:35px;
}
.login_box .login .code img{
    float:left;
    margin-top:7px;
    margin-right:5px;
}

.login_box .login .info{
    color: #555555;
    margin-top:20px;
}
.login_box .login .info span{
    float:right;
    margin-right:30px;
}
.login_box .login .info a:hover{
    color: #f8823d;
}
.login_box .login .login_btn{
    display: block;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin-left: 30px;
    margin-right: 30px;
    background-color: #f8823d;
}
/*注册*/
.login_box .reg{
    margin-top: 30px;
}
.login_box .reg{
    margin-left:70px;
}
.login_box .reg ul li{
    margin-bottom:30px;
}
.login_box .reg span{
    float:left;
    line-height:42px;
    height:42px;
    display:inline-block;
}
.login_box .reg input{
    padding-left:5px;
    padding-right:5px;
}

.input-ok{
    float: left;
    border: 1px solid #dddddd;
    height:42px;
    color: #333333;
    font-size:14px;
}
.input-error{
    border: 1px solid #f8823d;
    float: left;
    height:42px;
    color: #333333;
    font-size:14px;
}
.input-alert{
    border: 1px solid #f8823d;
    float: left;
    height:42px;
    color: #333333;
    font-size:14px;
}
.login_box .reg .alert{
    color: #f8823d;
    font-size:18px;
    width:20px;
    text-align:center;
}
.login_box .reg .title{
    font-size: 18px;
    color: #333333;
    width:140px;
    text-align:right;
    padding-right:10px;
}
.login_box .reg .code{
    margin-left:20px;
}

.login_box .reg .code img{
    float: left;
}
.login_box .reg .code a{
    margin-left:20px;
    float: left;
}
.login_box .reg .send{
    margin-left:20px;
    width:180px;
}

.login_box .reg .remark{
    color:#777777;
    font-size:12px;
    margin-left:15px;
}
.login_box .reg .remark i{
    background: url("../images/ico.png") no-repeat scroll 0px -348px;
    width:17px;
    height:16px;
    display:inline-block;
    margin-right:6px;
    float:left;
    margin-top:14px;
}
.login_box .reg .remark .error-i{
    background: url("../images/ico.png") no-repeat scroll -18px -348px;
    width:17px;
    height:16px;
    display:inline-block;
    margin-right:6px;
    float:left;
    margin-top:14px;
}
.login_box .reg .remark .ok-i{
    background: url("../images/ico.png") no-repeat scroll 0px -365px;
    width:17px;
    height:16px;
    display:inline-block;
    margin-right:6px;
    float:left;
    margin-top:14px;
}
.login_box .reg .submit{
    padding-left:240px;
    margin-bottom:40px;
}
.login_box .reg .submit p{
    margin-bottom:10px;
    color:#333333;
}
.login_box .reg .submit p a:hover{
    color: #f8823d;
}

.send-button{
    color: #FFFFFF;
    background-color: #f8823d;
    border:0;
    cursor: pointer;
    font-size: 16px;
    padding-left:15px;
    padding-right:15px;
    padding-top:8px;
    padding-bottom:8px;
    font-size:13px;
}
.reg-btn{
    display:inline-block;
    width:400px;
    height:50px;
    line-height:50px;
    color:#FFF;
    text-align:center;
    background-color:#f8823d;
    font-size:16px;
    border: 0;
    cursor: pointer;
}
.reg-btn:hover{
    background-color: #f8621d;
}
/*期刊详情*/
.info-panel{
	background-color: #fff;
	padding: 20px;
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
.info-panel .left-img {
	position: relative;
    width: 200px;
    height: 284px;
    background-color: #fff;
}
.info-panel .left-img img {
    width: 200px;
    height: 284px;
}
.info-panel .left-img a.btn_collect:hover {
    color: #00b6bd;
}
.info-panel .left-img a.btn_collect {
    display: block;
    font-size: 12px;
    color: #222;
    text-align: center;
    margin: 12px auto 0;
    width: 70px;
    height: 27px;
    line-height: 27px;
    border-radius: 4px;
    border: solid 1px #eeeeee;
}
.info-panel .left-img a.btn_collect i.jrsc {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../images/xmn_icon_collect.png) no-repeat;
    vertical-align: middle;
    margin: 0 6px 2px 0;
}
.info-panel .left-img a.btn_collect:hover i.jrsc {
    width: 10px;
    height: 8px;
    background: url(../images/xmn_icon_collected.png) no-repeat;
}
.info-panel .right-info {
    width: 940px;
}
.info-panel .right-info h1 {
    font-size: 32px;
    color: #000;
    margin-top: -9px;
	font-weight: bold;
}
.info-panel .right-info .dyzy {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    margin-top: 6px;
}
.info-panel .specs-line {
    margin-top: 10px;
}
.info-panel .specs-line ul{
	display: block;
}
.info-panel .specs-line li {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding: 0 12px 0 18px;
    background-color: #f6f6f6;
    outline: 1px solid #f6f6f6;
    border: 1px solid #f6f6f6;
	float: left;
    /*cursor: pointer;鼠标经过形状*/
	margin: 5px 15px 5px 0;
	width: 170px;
	overflow: hidden;
}
.info-panel .specs-line .fla{
	min-width: 240px;
	padding-left: 2px;
    overflow: hidden;
}
.info-panel .specs-line li:hover {
    outline: 1px solid #f60;
    border: 1px solid #f60;
    color: #000;
}
.info-panel .right-info .bottom-panel-btns {
    margin-top: 20px;
}
.info-panel .right-info .bottom-panel-btns>a.dyobtn1 {
    background-color: #ff7e1a;
    margin-right: 14px;
}
.info-panel .right-info .bottom-panel-btns>a {
    display: inline-block;
    float: left;
    width: 165px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-right: 2px;
    transition: 0.3s;
    border-radius: 6px;
}
.info-panel .right-info .bottom-panel-btns>a.dyobtn1:hover {
    background-color: #ff9542;
}
.info-panel .right-info .bottom-panel-btns>a {
    display: inline-block;
    float: left;
    width: 165px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-right: 2px;
    transition: 0.3s;
    border-radius: 6px;
}
.info-panel .right-info .bottom-panel-btns>a.dyobtn2 {
    background-color: #045a96;
    margin-right: 10px;
}
.info-panel .right-info .bottom-panel-btns>a.dyobtn2:hover {
    background-color: #1c86d0;
}
.info-panel .right-info .bottom-panel-btns>a.dyobtn1::before {
    background-position: 0 0;
}
.info-panel .right-info .bottom-panel-btns>a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url(../images/icon_btns.png) no-repeat center;
    vertical-align: middle;
    margin-bottom: 2px;
}
.info-panel .right-info .bottom-panel-btns ul li {
    float: left;
    font-size: 12px;
    line-height: 22px;
    color: #999;
    margin-left: 20px;
    margin-top: 2px;
    padding-left: 20px;
    background: url(../images/dian.png) 0px 8px no-repeat;
}
.info-panel .rec{
	position: absolute;
	background: url(../images/rec.gif) 0px 8px no-repeat;
	background-size: 80px 48px;
	width: 80px;
	height: 60px;
	top:-20px;
	right: 0;
}
.info-panel .hot{
	position: absolute;
	background: url(../images/hot.gif) 0px 8px no-repeat;
	background-size: 80px 48px;
	width: 80px;
	height: 60px;
	top:-20px;
	right: 0;
}
/*点评回复*/
.yelp-l .yelp-hf{
	margin-bottom: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #f7f7f7;
    padding: 8px 10px;
    border: solid 1px #ddd;
    color: #9c9c9c;
    font-size: 11.5px;
    border-radius: 5px;
}
.yelp-l .yelp-hf .ecommentauthor{
	font-weight: bold;
}
/*点评回复*/    
.info-panel .dliside{width:84px;padding-top: 4px;position: fixed; padding-bottom: 2px; top:120px; right:20px; z-index:99;overflow: hidden;background-color: #ffffff;border-radius: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);width:calc(100%-435px);}
.info-panel .dliside a{display:block; width:100%;  margin-bottom:5px; color: #333333;font-size: 14px; }
.info-panel .dliside a:hover{text-decoration:none; }
.info-panel .dliside a .dliop2{ display: block;width: 30px;height: 30px; margin: 12px auto 2px;background: url("../images/rside.png") no-repeat;}
.info-panel .dliside a .dliop1{display: block; width: 57px; color: #333333;font-size: 14px; border-bottom: 1px solid #edeef0;padding-bottom: 12px;margin: auto;}
.info-panel .dliside a:last-of-type .dliop1{ border-bottom: none;}
.info-panel .dlsorder{margin-bottom:15px; padding-bottom:18px; border-bottom:1px solid #e8e8e8;}
.info-panel .dlsorder h4{margin-bottom:14px; font-size:24px; color:#333;}
.info-panel .dlsorder p{margin-bottom:5px; line-height:1.6; font-size:12px; color:#333;}
.info-panel .dliside .dide2 .dliop2 {s
    background-position: 2px 5px;
}
.info-panel .dliside a:hover .dliop2 {
	-webkit-animation:turn 1.8s ease; -moz-animation:turn 1.8s ease; -ms-animation:turn 1.8s ease; animation:turn 1.8s ease;
}
.info-panel .dliside .dide3 .dliop2 {
    background-position: 2px -72px;
}
.info-panel .dliside .dide4 .dliop2 {
	background-position: 2px -153px;
}
.info-panel .dliside .dide5 .dliop2 {
	background-position: 2px -232px;
}
.info-panel .dliside-n .dide2 .dliop2 {
    background-position: 2px 5px;
}
.info-panel .dliside-n .dide3 .dliop2 {
    background-position: 2px -72px;
}
.info-panel .dliside-n .dide4 .dliop2 {
	background-position: 2px -153px;
}
.info-panel .dliside-n .dide5 .dliop2 {
	background-position: 2px -232px;
}
@-webkit-keyframes turn{
	0{-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg);}
}
@-moz-keyframes turn{
	0{-moz-transform:rotateY(0deg);}
	100%{-moz-transform:rotateY(360deg);}
}
@-ms-keyframes turn{
	0{-ms-transform:rotateY(0deg);}
	100%{-ms-transform:rotateY(360deg);}
}
@keyframes turn{
	0{transform:rotateY0deg);}
	100%{transform:rotateY(-360deg);}
}
.info-panel .qkmore{
	position: relative;
	padding-top: 30px;
	display: block;
	clear: both;
}
.info-panel .qkmore .is-center{
	display: block;
    height: 1px;
    width: 100%;
	background-color: #dcdfe6;
    position: relative;
}

.info-panel .qkmore span{
	position: absolute;
	background-color: #fff;
    padding: 0 20px;
    font-weight: 500;
    color: #303133;
    font-size: 14px;
	left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.info-panel .qkmore ul{
	margin: 20px 5px 5px 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #fafafa;
    padding: 8px 10px;
    border: solid 1px #f1f1f1;
    color: #333;
    font-size: 12px;
    border-radius: 5px;
	width: 570px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.info-panel .qkmore ul li{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	width: 100%;
	line-height: 24px;
	height: 24px;
}

.page {
    width: auto;
    margin: 0 auto;
    padding: 15px;
    display: table;
    clear: both;
    text-align: center;
}
.page a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    float: left;
    margin-left: 10px;
}
.page a.page_on {
    background: #0c91eb;
    color: #fff;
}
.page a.page_on {
    background: #0c91eb;
    color: #fff;
}
.page a:hover {
    background: #0c91eb;
    color: #fff;
}
.qksx{display:inline-flex;align-items: center;justify-content: center;width: 100%;background-color: #fff; margin-bottom: 10px;padding: 6px;}
.qksx a{padding: 2px 15px;text-align: center;border-radius: 9999px;margin: 5px;}
.qksx a.on ,.qksx a:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);background-color: #0c91eb;color: #fff;}