
.w820 { width: 820px; }
.w360 { width: 360px; }
.plr20-tb15 { padding: 15px 20px; }
.plr20-t25 { padding-top: 25px; padding-left: 20px; padding-right: 20px; }
.plr10 { padding-left: 10px; padding-right: 10px; }

/* zs-tj-bar */
.zs-tj-bar { height: 280px; padding: 30px 20px; }
.img-block.w420 { float: left; width: 420px; height: 280px; }
.img-block.w420 p { font-size: 16px; bottom: 15px; }
	/**/
.tj-wz { width: 700px; }
.tj-wz dl {  }
.tj-wz dt { font-size: 24px; line-height: 40px; text-align: center; height: 40px; overflow: hidden; }
.tj-wz dd { line-height: 24px; color: #8c8c8c; text-indent: 2em; height: 48px; overflow: hidden; margin-top: 15px; }
.tj-wz ul { margin-top: 14px; }
.tj-wz li { float: left; width: 320px; padding: 0 15px; height: 32px; overflow: hidden; line-height: 32px; }
.tj-wz li a { font-size: 16px; }


/* gl-list2 */
.gl-list2 { height: 66px; padding: 30px 0; }
.gl-list2 li { float: left; width: 25%; }
.gl-list2 li a { 
	display: block; transition: all .25s linear;
	font-size: 18px; text-align: center; position: relative;
}
.gl-list2 li a .icon-all { display: block; margin: auto; margin-bottom: 13px; }
.gl-list2 li:hover a { background-color: #fff; transform: translateY(-10px); }


/* tab-nav-f22 */
.tab-nav-f22 { padding: 6px 20px 0; height: 47px; }
.tab-nav-f22 li { float: left; font-size: 22px; line-height: 46px; position: relative; margin-right: 40px; cursor: pointer; }
.tab-nav-f22 li.cur { color: #ff552e; }
.tab-nav-f22 li.cur:after { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #ff552e; content: ''; }

/* zs-tw-list */
.zs-tw-list { padding: 0 20px 20px; }
.zs-tw-list li { padding: 20px 0; overflow: hidden; }
.zs-tw-list li .img-block { float: left; width: 220px; height: 145px; margin-right: 40px; }
.zs-tw-list li .f20 { font-size: 20px; line-height: 36px; height: 36px; overflow: hidden; }
.zs-tw-list li p { line-height: 24px; height: 48px; color: #595959; margin: 5px 0 20px;overflow: hidden; }
.zs-tw-list li .info { height: 20px; color: #aaa; }
.zs-tw-list li .info span { float: left; margin-right: 30px; }
.zs-tw-list li .info span .iconfont { margin: -4px 10px 0 0; }
	/**/
.plr20-t25 .zs-tw-list  { padding-left: 0; padding-right: 0; }

/* tu-list */
.tu-list {}
.tu-list dd { float: left; width: 150px; height: 150px; margin-bottom: 20px; }
.tu-list dd p { font-size: 16px; bottom: 10px; }


/* jm-xm-list */
.pt40-bor1 { border-top: 1px solid #eee; padding-top: 35px; }
.jm-xm-list li { height: 100px; padding: 10px 0; }
.jm-xm-list li .img-block { float: left; width: 100px; height: 67px; margin-right: 20px; }
.jm-xm-list li p { height: 24px; line-height: 24px; overflow: hidden; color: #8c8c8c; }
.jm-xm-list li .f16 { padding-top: 5px; margin-bottom: 10px; }
	/**/
.zs-tw-list-margin { padding: 0; }
.zs-tw-list-margin li { background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0, .05); padding: 20px; margin-bottom: 20px; }


/* tw-list-h80 */
.tw-list-h80 { padding-bottom: 7px; }
.tw-list-h80 li { padding: 10px 0; overflow: hidden; }
.tw-list-h80 li .img-block { width: 120px; height: 80px; margin-top: 5px; }
.tw-list-h80 li .f16 { line-height: 28px; height: auto; max-height: 56px; }
.tw-list-h80 li .f14 { height: 20px; line-height: 20px; }


/* img-block */
.img-block.h213 { height: 213px; }
.img-block.h213 p { font-size: 16px; bottom: 15px; }


/* tag-bar */
.tag-bar { padding-bottom: 5px; }
.tag-bar a { float: left; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #eee; margin: 0 10px 10px 0; transition: all .2s linear; }
.tag-bar a:hover { background-color: #ff552e; border-color: #ff552e; color: #fff; }

.nav-f22 .icon-Rankinglist { float: left; font-size: 26px; color: #ff552e; margin-right: 10px }

.w360 .rank-bar { width: 360px; }
.w360 .rank-bar dt { line-height: 30px; height: 30px; padding: 14px 20px; }
.w360 .rank-bar dt h2, .w360 .rank-bar dt h3 { font-size: 22px; }


/* detail-page */
.detail-page { padding: 53px 40px 0; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0, .05); }
.det-tit { margin: 0 40px; }
.det-tit h1 { font-size: 32px; line-height: 42px; font-weight: 600; }
.det-tit .info { height: 24px; line-height: 24px; font-size: 12px; color: #8c8c8c; padding: 19px 0 14px; border-bottom: 1px solid #f5f5f5; }
.det-tit .info span { float: left; margin-right: 15px; }
.det-tit .info span em { font-style: normal; }
.det-tit .info span .iconfont { font-size: 12px; color: #ccc; margin: -2px 5px 0 0; }
.det-tit .tips { color: #999; margin-top: 20px; }
.det-tit .tips .icon-hints { margin: -3px 10px 0 0; }
	/**/
.det-nr { padding: 35px 40px; font-size: 16px; line-height: 32px; text-indent: 2rem;}
.det-nr p {text-indent: 2rem;}
.det-nr img {max-width:100%; display:block; margin:auto;}
	/**/
.det-zan { 
	width: 100px; height: 54px; padding-top: 10px; border-radius: 32px; border-color: #eee; background-color: #eee;
	text-align: center; color: #8c8c8c; margin: 0 auto 40px; cursor: pointer; 
}
.det-zan .iconfont { font-size: 26px; padding-left: 6px; }
.det-zan p { font-size: 16px; margin-top: 6px; }
.det-zan:hover { border-color: #eee; background-color: #eee; color: #8c8c8c; }

.det-zan.ct { background-color: #fb7b5e; border-color: #fb7b5e; color: #fff; }
.det-zan.ct .iconfont { animation: fdup .35s linear forwards; color: #fff; }
@keyframes fdup {
	0% { transform: scale(1);  }
	80% { transform: scale(1.5); }
	100% { transform: scale(1); }
}
	/**/
.detail-page .other { border-top: 1px solid #f5f5f5; height: 32px; line-height: 32px; padding: 30px 0; }
.detail-page .other .tag span, .detail-page .other .share dt { float: left; color: #8c8c8c; margin-right: 5px; }
.detail-page .other .tag .btn { float: left; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 16px; }
.detail-page .other .share dt { margin-right: 0; }
.detail-page .share dd { float: left; margin: 0 6px; position: relative; z-index: 50; }
.detail-page .share dd .ico { 
	width: 30px; height: 30px; text-align: center; cursor: pointer;
	border: 1px solid transparent; border-radius: 50%; transition: all .25s linear; 
}
.detail-page .share dd .ico .iconfont { font-size: 20px; margin-top: -3px; }
.detail-page .share dd .ico.wechat{ border-color: #89cf50; color: #89cf50; }
.detail-page .share dd .ico.weibo { border-color: #f9a094; color: #f9a094; }
.detail-page .share dd .ico.qzone { border-color: #f9d58b; color: #f9d58b; }
.detail-page .share dd:hover .ico.wechat{ background-color: #89cf50; color: #fff; }
.detail-page .share dd:hover .ico.weibo { background-color: #f9a094; color: #fff; }
.detail-page .share dd:hover .ico.qzone { background-color: #f9d58b; color: #fff; }
		/**/
.detail-page .share dd .pop { 
	position: absolute; left: 50%; top: 40px; margin-left: -70px; display: none;
	width: 110px; padding: 20px 10px 15px; background-color: #fff; box-shadow: 0 1px 15px 0 rgba(0,0,0, .1);
	font-size: 12px; color: #595959; text-align: center; line-height: 20px;
}
.detail-page .share dd .pop img { display: block; width: 100px; height: 100px; margin: auto; }


/* xm-qingxian */
.xm-qingxian { height: 294px; background-color: #fff; }
.xm-qingxian .nav-f22 { padding: 15px 20px 16px; }
	/**/
.xm-carousel, .xm-carousel .ovh, .xm-carousel .ban-ul, .xm-carousel .ban-ul .item { height: 233px; }
.xm-carousel .ban-ul .item { width: 360px; /*padding: 0 20px;*/ }
.xm-carousel .ban-ul .item .h140 { height: 140px; }
.xm-carousel .ban-ul .item .img-block { float: left; width: 140px; height: 93px; margin-right: 20px; }
.xm-carousel .ban-ul .item p { height: 20px; overflow: hidden; }
.xm-carousel .ban-ul .item .f16 { margin: 0 0 14px; }
.xm-carousel .ban-ul .item .h72 { line-height: 24px; color: #8c8c8c; height: 72px; overflow: hidden; margin: 10px 0 14px; }
.xm-carousel .ban-ul .item .btn-bar { height: 40px; }
.xm-carousel .ban-ul .item .btn-bar .btn { width: 148px; height: 38px; line-height: 38px; }
.xm-carousel .dot { right: 18px; top: -40px; }
.xm-carousel .dot i { display: inline-block; width: 8px; height: 8px; border: 1px solid #d9d9d9; border-radius: 50%; margin: 0 2px; }
.xm-carousel .dot i.cur { background-color: #ff552e; border-color: #ff552e; }


/* zx-tui */
.zx-tui dd { line-height: 24px; height: 48px; overflow: hidden; color: #8c8c8c; margin-top: 15px; }


/* tu-list-w245 */
.tu-list-w245 dd { width: 245px; height: 245px;  }


/* search-bar */
.search-bar { padding: 26px 30px 50px; position: relative; }
.search-bar .search-tab { overflow: hidden; }
.search-bar .search-tab span { 
	float: left; font-size: 16px; color: #595959; 
	padding-bottom: 4px; border-bottom: 2px solid #fff; 
	margin-right: 30px; cursor: pointer; 
}
.search-bar .search-tab span.cur { color: #ff552e; border-bottom-color: #ff552e; }
.search-bar .search-input { height: 40px; margin-top: 14px; }
.search-bar .search-input .input-bar { 
	float: left; width: 458px; height: 38px; line-height: 38px; padding: 0 10px;
	border: 1px solid #d9d9d9; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0,0,0, .1); margin-right: 10px; 
}
.search-bar .search-input .input-bar .tips { left: 10px; color: #ccc; }
.search-bar .search-input .input-bar .txt { display: block; width: 100%; height: 38px; line-height: 38px; }
.search-bar .search-input .search-btn { float: left; width: 78px; height: 38px; line-height: 38px; }
.search-bar .result-tip { position: absolute; left: 30px; bottom: 15px; color: #595959; }


/* hot-search */
.hot-search { position: relative; min-height: 24px; line-height: 24px; padding: 12px 20px 12px 95px; }
.hot-search dt { position: absolute; left: 20px; top: 12px; }
.hot-search dd { overflow: hidden; }
.hot-search dd a { float: left; text-decoration: underline; margin-right: 20px; }
.hot-search dd a:hover { text-decoration: none; }


/* result-num */
.result-num { padding: 20px 0; font-size: 18px; color: #595959; }

.result-list {}
.result-list li { height: 140px; padding: 20px 220px 20px 20px; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0, .05); position: relative; margin-bottom: 20px; }
.result-list li .img-block { float: left; width: 120px; height: 120px; margin-right: 20px; }
.result-list li .info { position: absolute; width: 200px; top: 18px; right: 20px; }
.result-list li .info p { font-size: 16px; color: #595959; text-align: right; line-height: 36px; height: 36px; overflow: hidden; }
.result-list li .btn { position: absolute; right: 20px; bottom: 30px; width: 94px; height: 30px; line-height: 30px; }
.result-list li .f20 { font-size: 20px; line-height: 36px; height: 36px; overflow: hidden; margin-bottom: 5px; }
.result-list li p { color: #8c8c8c; line-height: 24px; height: 24px; overflow: hidden; }


.tw-list-f2 li {
    float: left;
    width: 50%;
}

    .tw-list-f2 li .pl25 {
        padding-left: 25px;
    }

    .tw-list-f2 li .pr25 {
        padding-right: 25px;
    }

/* 2018-08-09 */
.det-nr p { margin-top:10px; }


/* xm-zixun-bar */
.xm-zixun-bar { height: 680px; padding: 0 40px; background: url('/images/jm-bg.jpg') no-repeat; }
.xm-zixun-bar .f28 { font-size: 28px; line-height: 34px; text-align: center; padding: 33px 0 13px; }
.xm-zixun-bar .f16 { color: #8c8c8c; text-align: center; }
.xm-zixun-bar .biao-list { margin-top: 35px;  }
.xm-zixun-bar .biao-list li { float: left; width: 300px; height: 40px; font-size: 16px; margin: 0 40px 15px; }
.xm-zixun-bar .biao-list li.bg {
	width: 220px; padding-left: 80px; position: relative;
	background-color: #fff; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0,0,0, .1);
}
.xm-zixun-bar .biao-list li .tit { position: absolute; left: 0; top: 0; width: 60px; line-height: 40px; padding-left: 10px; color: #8c8c8c; }
.xm-zixun-bar .biao-list li .input-bar { height: 40px;  }
.xm-zixun-bar .biao-list li .input-bar .txt { display: block; width: 100%; height: 30px; line-height: 30px; padding: 5px 0; font-size: 16px; }
.xm-zixun-bar .biao-list li .input-bar .tips { color: #8c8c8c; line-height: 40px; }
.xm-zixun-bar .biao-list li .drop-down { width: 110px; position: relative; z-index: 50; }
.xm-zixun-bar .biao-list li .drop-down .drop-txt { height: 40px; line-height: 40px; text-align: center; }
.xm-zixun-bar .biao-list li .drop-down:last-child:after { position: absolute; left: 0; top: 0; height: 40px; width: 1px; background-color: #eee; content: ''; }
.xm-zixun-bar .biao-list li .drop-down .drop-txt .icon-downarrow { right: 10px; }
.xm-zixun-bar .biao-list li .check-btn:before { width: 20px; height: 20px; border: none; box-shadow: 0 1px 1px 0 rgba(0,0,0, .1); margin-top: 0; }
.xm-zixun-bar .biao-list li .check-btn-click:before { background-color: #ff552e; }
.xm-zixun-bar .biao-list li .check-btn-click:after { color: #fff; left: 5px; }
	/**/
.xm-zixun-bar .btn { display: block; width: 180px; height: 48px; line-height: 48px; font-size: 16px; margin: auto; }
.xm-zixun-bar .liuyan-bar { height: 270px; margin: 0 40px 28px; }
.xm-zixun-bar .liuyan-bar .input-bar { height: 110px; padding: 16px 0 8px; }
.xm-zixun-bar .liuyan-bar .input-bar .tips { left: 20px; top: 17px; font-size: 16px; color: #8c8c8c; }
.xm-zixun-bar .liuyan-bar .input-bar .txt { display: block; width: 640px; height: 102px; padding: 0 20px; overflow-x: hidden; font-size: 16px; }
.xm-zixun-bar .liuyan-bar .kuaijie { border-top: 1px solid #f7f7f7; padding-top: 17px; }
.xm-zixun-bar .liuyan-bar .kuaijie dt { padding: 0 20px; line-height: 24px; color: #8c8c8c; }
.xm-zixun-bar .liuyan-bar .kuaijie dd { height: 84px; overflow: hidden; padding: 0 10px; }
.xm-zixun-bar .liuyan-bar .kuaijie dd span { 
	float: left; padding: 0 20px; height: 32px; overflow: hidden; line-height: 32px; color: #595959; 
	background-color: #f2f2f2; border-radius: 16px; margin: 5px 10px; cursor: pointer; 
}
.xm-zixun-bar .liuyan-bar .kuaijie dd span:hover, 
.xm-zixun-bar .liuyan-bar .kuaijie dd span.ct { background-color: #faede5; color: #ff552e; }

/* tips-h24 */
.tips-h24 { line-height: 28px; color: #8c8c8c; padding: 37px 0; }

.w820 .xm-zixun-bar .biao-list li{ margin: 0 15px 15px; }
.w820 .xm-zixun-bar .liuyan-bar { margin: 0 15px 28px; }
.w820 .xm-zixun-bar .liuyan-bar .input-bar .txt { width: 590px; }


/* 2019-04-03 add #5450 */
.det-zan-h30 { height:25px; padding-top:5px; }
.det-zan-h30 .iconfont { font-size:16px; }

/* 2019-04-01 add #5359 */
/* result-list-bar2 */
.result-list-bar2 li { padding-right: 20px; height: 130px; }
.result-list-bar2 .tit { padding-right: 200px; }
.result-list-bar2 .det { height: 48px; }

/* 2019-08-09 #6687 */
.gl-list-w5 li { width: 20%; }
/* check-btn */
.check-btn { float: left; height: 20px; color: #8c8c8c; position: relative; padding-left: 30px; cursor: pointer; margin-right: 20px; }
.check-btn:before { 
    position: absolute; left: 0; top: 0; content: ''; transition: all .15s linear;
    width: 14px; height: 14px; background-color: #fff; border: 1px solid #bfbfbf; margin-top: 2px;
}
.check-btn-click:after {position: absolute; left: 2px; top: 0; content: '√'; font-family: "Verdana"; color: #999; font-size: 12px; }
/**/
.radio-bar .check-btn:before { border-radius: 50%; }