@charset "utf-8";
/*!
 * qianjia css in 2019
 * cj modify */
.page-container { background-color:#F8F8F8}
.common-footer .frendlink-wrap { display:none}
.bottom-tool .each.weixin > a  { display:block;    font-size: 12px;line-height: 14px;padding-top: 5px; }
.bottom-tool .weixin { display:block}
.bottom-tool { bottom:40px;}
@media (min-width: 768px) {
.bottom-tool .each.weixin > a  {font-size: 14px;line-height: 19px;padding-top: 5px; }	
}
/*-------bottom-tool-------*/

.bottom-tool .each.talk > a { line-height:38px;padding-top:0; overflow:hidden;color:#3092E2; font-size:12px; border: 1px solid #3092E2;}
.bottom-tool .each.talk > a:hover {color:#fff; background-color:#3092E2;border: 1px solid #3092E2; }
.bottom-tool .each.talk .block-box {top:-18px; right:59px;}
.bottom-tool .each.talk .talk-link {border:1px solid #3092E2;color:#3092E2; border-radius:20px;padding:3px 0;width:80%;margin:0 auto; display:block;}
.bottom-tool .each.talk .talk-link:hover {color:#fff; background-color:#3092E2;border: 1px solid #3092E2;}
.bottom-tool .each.talk .talk-link .iconfont {font-size:14px; display:inline-block;margin-right:3px;}
.bottom-tool .each.talk p {padding:3px 0;}
.bottom-tool .each.talk .content {width:175px;}
.bottom-tool .each.talk .content p { font-size:14px;}
@media (min-width: 768px) {
.bottom-tool .each.talk > a {font-size:14px;line-height:19px;padding-top:5px; display:block; }	
	}
	

/*-------common-------*/
.img-cover { padding-bottom: 62%; }
.color-1 { background-color:#29bbc0}
.color-2 { background-color:#f9a045}
.color-3 { background-color:#0984dc}
.color-4 { background-color:#ee5757}
.color-5 { background-color:#456BC5}
.color-6 { background-color:#5DB85C}
.color-7 { background-color:#b55ec5}
.color-8 { background-color:#784EBC}
.color-9 { background-color:#C5963C}
.color-10 { background-color:#34415d}

.color-tag {background-color: #3092E2;}
/*---title---*/
.mod-title { position:relative; margin-bottom:15px;}
.mod-title h3 {font-size:18px;margin:0; line-height:36px; position:relative;}
.mod-title h3:after {content: ' ';
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    height: 2px;
    background:#3092E2;}
.mod-title h2 {font-size:18px;margin:0; line-height:36px; position:relative;padding-left:15px; }
.mod-title h2:before {content: ' ';
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 20px;
    background:#3092E2;}
.mod-title .right-action { position:absolute;right:0;top:0;}
.mod-title .right-action a.back-link { line-height:36px; padding-right:4px;font-size:14px;}
.mod-title .right-action .desc {color:#999; line-height:46px;}
.mod-title .color-strong {color:#5db85c}
.mod-loadlist .each-news .text .name a .color-strong {
    color: #5db85c;
}
@media (min-width: 768px) {
.mod-title {margin-bottom:25px;}
.mod-title h3 { line-height:40px; font-size:20px;}
.mod-title h2 {padding-left:20px;}	
.edit-md-4 .mod-title h2 {font-size:20px}
.mod-title h2:before { width:5px;}
.mod-title .right-action a.back-link { line-height:42px; font-size:15px;}
.mod-title .right-action a.back-link:hover { padding-right:8px}
}




/*----news---*/
.each-news { padding:15px 0; overflow:auto; position:relative; text-align:left;border-bottom:1px dashed #eee; }
.each-news:hover {  background-color: #fcfcfc; }
.each-news .img { float: left; width: 100px; }
.each-news .text {margin-left:115px; position:relative;}
.each-news .text .name { margin-bottom:5px;font-size: 15px; line-height:1.6;}
.each-news .text .name a { color: #444; display: block; width:100%;/*overflow: hidden; white-space: nowrap;text-overflow:ellipsis;*/}
.each-news .text .name a:hover {color:#3092E2;}
.each-news .text .iconfont {margin-right:3px; display:inline-block; }
.each-news .text .desc { color:#999; padding-bottom:8px; height:40px;/* display: -webkit-box;*/ overflow: hidden; display:none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; }
.each-news .text .sub-detail {color:#c3c3c3;padding-bottom:8px; font-size:12px; position:relative; }
.each-news .text .sub-detail span {padding-right:15px;display: inline-block; vertical-align: middle;}
.each-news .text .sub-detail span.editor {max-width:80px;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;  }  
.each-news .text .sub-detail span:last-child {margin-right:0}
.each-news .text .sub-detail a {color:#999;}
.each-news .text .sub-detail a:hover {color:#3092E2}

.each-news .tag-wrap { line-height:18px;margin-top:15px;margin-left:-5px; position:relative;} 
.each-news .tag-wrap .tag {border-radius:30px;padding:0 10px;font-size:10px;color:#666; background-color:#f0f0f0; display:inline-block;max-width: 90px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.each-news .tag-wrap a.tag:hover {color:#3092E2; background-color:#F2F7FD;}
.each-news .tag-wrap .tag + .tag {margin-left:5px;}

.each-news .editor { position:relative}
.each-news .editor img {width:20px;height:20px; border-radius:50%; overflow:hidden;    border: 1px solid #ddd; display:inline-block;
 vertical-align:middle;top:-1px;margin-right:5px; background-color:#f4f4f4;}

@media(min-width:768px) {
 
.each-news { padding:20px 15px; border-bottom:1px dashed #ddd;}
.each-news .img {width:180px;}
.each-news .text {  margin-left:200px; }
.each-news .text .name { font-size: 18px;  margin-bottom:12px;}
.each-news .text .desc { display:block;}
.each-news .text .sub-detail {font-size:14px;}
.each-news .tag-wrap { position:absolute;right:0;top:0; margin-top:0;margin-left:auto;line-height:22px;} 
.each-news .tag-wrap .tag {font-size:12px;}
.each-news .editor img {width:22px;height:22px; }
 }

/*---search page----*/
.search-top-wrap { position: relative;background-color: #2081C5; background-repeat: no-repeat; background-image: url(http://jscss.qianjia.com/common/images/bg_usercenter2.jpg);
    background-position: center top;background-size: 100%;  height:200px;}

.search-top-wrap .search-label-wrap {width:95%;margin:0 auto; max-width:700px;padding-top:30px;}
.search-top-wrap .input-group {border:0; box-shadow:0 0 10px rgba(0,0,0,0.2); background-color:#fff; border-radius:30px; overflow:hidden;}
.search-top-wrap .form-control {border:0; border-radius:30px; overflow:hidden;height: 42px; padding:7px 12px; padding-left:20px;font-size: 18px;}
.search-top-wrap .form-control:focus {border:0;}
.search-top-wrap .input-group-btn { border:0;}
.search-top-wrap .input-group .btn-submit { font-size:26px; line-height: 1; padding: 6px 9px 8px 9px;color: #2486cf; background:#fff; border-radius: 50px;}
.search-top-wrap .input-group .btn-submit:hover, .search-top-wrap .input-group .btn-submit:active { background-color:#EDF3FA; color: #2486cf; }
.search-top-wrap .nav-position-wrap li,.search-top-wrap .nav-position-wrap li.first, .search-top-wrap .nav-position-wrap li,
.search-top-wrap .nav-position-wrap li a span, .search-top-wrap .nav-position-wrap li a:hover,.search-top-wrap .nav-position-wrap li span {color:#fff;}

@media(min-width:768px) {
.search-top-wrap {height: 260px; background-size: auto;}
.search-top-wrap .search-label-wrap {padding-top:40px;}
.search-top-wrap .form-control { height: 48px; padding: 10px 12px; padding-left:30px; }
.search-top-wrap .input-group .btn-submit { font-size: 30px; }
}	


.serach-middle-wrap { position:relative}	
.each-news .text .sub-detail .time font { color: #5db85c!important;}
.serach-middle-wrap .each-news .text .name a font { color: #5db85c!important;}
.serach-middle-wrap .each-news .text .desc font { color: #5db85c!important;}
.serach-middle-wrap .mod-loadlist .each-news .img .tag font { color: #fff!important;}
.serach-middle-wrap .each-news .text .sub-detail a font { color: #5db85c!important;}
.serach-middle-wrap .mod-loadlist {margin-top:-30px;border-radius:10px; }	
.serach-middle-wrap .mod-loadlist .mod-title h3:after { background: #fff;}
.serach-middle-wrap .loadlist-tab { border-bottom: 0;}
.serach-middle-wrap .loadlist-tab ul {border-bottom: 1px solid #eee;}
.serach-middle-wrap .loadlist-tab ul li.active a:after { display:none}
.serach-middle-wrap .loadlist-tab ul li {padding-left:0;padding-right:0;}
.serach-middle-wrap .loadlist-tab ul li a { border: 0px solid transparent; border-radius: 30px; padding: 3px 15px;}
.serach-middle-wrap .loadlist-tab ul li a:hover,.serach-middle-wrap .loadlist-tab ul li.active a { color: #333333;border: 0px solid #e4e4e4; background-color:#f8f8f8; }
.serach-middle-wrap .mod-loadlist .each-news .icon-play { position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 2;
    font-size: 16px;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50%;
    opacity: 0.95;}
 
@media(min-width:992px) {
.serach-middle-wrap .mod-loadlist {border-radius:0; }
.serach-middle-wrap .custom-right .mod:first-child {margin-top:-30px;}
.serach-middle-wrap .mod-loadlist .each-news .icon-play {width: 50px;margin-top: -25px;
    margin-left: -25px;
    height:50px;
    line-height:50px;}
}

@media(min-width:1200px) {
.serach-middle-wrap .loadlist-tab ul li {padding-left:5px;padding-right:5px;}	
.serach-middle-wrap .loadlist-tab ul li a {padding: 3px 10px;}
}
.color-zx { background-color:#3092E2}
.color-zkh { background-color:#1f356b}
.color-jy { background-color:#e6b268}
.color-hd { background-color:#5DB85C}
.color-wk { background-color:#3092E2}
.color-sp { background-color:#456BC5}
 
.empty-result {padding:30px 0; text-align:center;}
.empty-result .desc {color:#999;text-align:center;font-size:14px; line-height:30px;margin-top:10px;}
.empty-result .icon {width:100px;height:100px; background-image:url(http://qianjia.com/jscss/common/images/error404.jpg); background-size:cover;
background-repeat:no-repeat;margin:0 auto; }



/*-----catalog page----*/

.catalog { background-color:#fff}
.catalog-wrap {}

.catalog-section-a { background-color:#F5F5F5}
.catalog-title {background-color:#F5F5F5;font-size: 24px; color: #444; font-weight: 100; line-height: 2; text-align: center;padding-bottom:30px;}

.mod-catalog { position:relative; padding:15px 0;}
.catalog .mod.mod-catalog { margin-top: 20px;}
.mod-catalog .mod-content {margin-bottom:40px;}
.mod-catalog .item-head {font-size:16px; text-align:center;width:100px;height:32px;margin:0 auto; background-color:#f2f2f2;color:#444;line-height:32px; border-radius:20px;}
.mod-catalog .item-content {margin-bottom:50px; clear:both; overflow:auto;  margin-top: 20px;}
.mod-catalog .each-item { position:relative; float:left;width:33.3%;}
.mod-catalog .each-item > a {display: block;margin:5px; position:relative; overflow:hidden; border-radius:6px; }
.mod-catalog .each-item .img-cover { position:relative; z-index:1;}
.mod-catalog .each-item .name { position:absolute; left:0;top:50%;height:24px; line-height:24px;margin-top:-12px;width:100%; z-index:3; 
text-align:center; font-size:16px;color:#fff;}
.mod-catalog .each-item .bg { position:absolute; left:0;top:0;width:100%;height:100%; background-color:#000; opacity:0.2; z-index:2;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.mod-catalog .each-item a:hover .img-cover>img {transform: scale(1.1);-webkit-transform: scale(1.1);}
 
    
@media(min-width:768px) {
.mod-catalog .mod-content {margin-bottom:60px;}
.catalog-title { font-size: 32px;padding-bottom:50px;}
.mod-catalog {padding:20px;}
.mod-catalog .item-head {font-size:18px; width:130px;height:38px;line-height:38px;}
.mod-catalog .each-item > a { margin:15px; border-radius:0; }
.mod-catalog .each-item .name {font-size:20px; }
}

@media(min-width:1200px) {
.mod-catalog .each-item .bg { opacity:0.4;}	
.mod-catalog .each-item a:hover .bg {opacity:0.1; }
.mod-catalog .each-item { width:25%}
}


/*-----tag page------*/
.tagpage { background-color:#fff}
.tagpage-wrap {}
.tag-section-a {background-color: #F5F5F5;}
.all-writer-search { background-color: #F5F5F5;padding-bottom:40px;}
.all-writer-search .head { font-size:24px; color:#444; font-weight:100; line-height:2; text-align:center;}
.all-writer-search .desc {color:#ccc; font-size:14px; width:160px; margin:0 auto;height:22px; line-height:22px; text-align: center; position:relative;}
.all-writer-search .desc:before {position:absolute;width:50px;height:1px;border-top:1px solid #ddd;left:-50px;top:48%; content:' ';}
.all-writer-search .desc:after { position:absolute;width:50px;height:1px;border-top:1px solid #ddd;right:-50px;top:48%; content:' ';}
.all-writer-search .writer-search {padding-top:30px;}
.all-writer-search .ul-list { overflow:auto; }
.all-writer-search .ul-list li { float:left;width:7.6%;height:34px; position:relative;}
.all-writer-search .ul-list li a { display:block;border:1px solid transparent; line-height:32px; text-align:center; font-size:16px; color:#444;}
.all-writer-search .ul-list li a:hover { background-color:#fff}
.all-writer-search .ul-list li.active {}
.all-writer-search .ul-list li.active a {border:1px solid #3092E2; background-color:#3092E2;color:#fff;  }
	
@media (min-width: 768px) {
.all-writer-search .head { font-size:32px; }
.all-writer-search .desc {font-size:16px;width:180px;}
.all-writer-search .ul-list li {width:7.6%;}
.all-writer-search .ul-list li a {font-size:18px}	
}

@media (min-width: 1200px) {
.all-writer-search .ul-list li {width:3.8%;}		
}
 
 
.mod-writer-list {}
.mod-writer-list .mod-content {padding:10px 0;}
.mod-writer-list .list-content {margin-bottom:30px;}
.mod-writer-list .list-content .head { font-size:16px; text-align:center;width:32px;height:32px;margin:0 auto;
 background-color:#333;color:#fff;line-height:32px; border-radius:50%;}
.mod-writer-list .list-content .head span { display:block}
.mod-writer-list .list-content .ul-list { overflow:auto;margin-top:20px;}
.mod-writer-list .list-content .ul-list li { position:relative; float:left; margin-bottom:10px;margin-right:10px;}
.mod-writer-list .list-content .ul-list li a {padding:4px 15px; font-size:15px;color:#444;border-radius:30px;border: 1px solid #eee;    
background-color: #f9f9f9; display:inline-block; line-height:1.42;}
.mod-writer-list .list-content .ul-list li a:hover {color:#fff; background:#3092E2;border:1px solid #3092E2; }

@media (min-width: 768px) {
.mod-writer-list .mod-content {padding:10px;}
.mod-writer-list .list-content {margin-bottom:50px;}
.mod-writer-list .list-content .head { font-size:18px; width:38px;height:38px;line-height:38px;}	
.mod-writer-list .list-content .ul-list li {margin-bottom:20px;margin-right:20px;}
.mod-writer-list .list-content .ul-list li a { font-size:16px;padding:4px 18px; }
 
}


/*----list---*/
.list {}
.list-wrap {padding-bottom:40px;}
.custom-right { position:relative}
.mod {margin-top:30px;}
.mod.left-first {margin-top:0;}
 

@media(min-width:768px) {
.mod {margin-top:40px;}

}
@media(min-width:768px) and (max-width:992px){
.clear-top {margin-top:40px}
.clear-top .mod {margin-top:0}
}
@media (min-width: 992px) {
.col-md-8.edit-md-8 { padding-right:30px; width: 69%;}
.col-md-4.edit-md-4 { width: 31%;}
.mod.right-first {margin-top:0;}
} 

.list-section-b > .container > .mod-ad .ad-num-wrap {margin-bottom:30px;}
.list-section-c .mod-loadlist {margin-top:0;}

@media (min-width: 768px) {
.list-section-b > .container > .mod-ad .ad-num-wrap {margin-bottom:40px;}
.list-section-c .mod-loadlist {margin-top:0;}
.custom-right > .mod:first-child {margin-top:0;}
}

/*----ad---*/
.ad-num-wrap {width:100%; overflow:hidden; position:relative;}
.ad-num-wrap .ad-tips {width:34px;height:16px; overflow:hidden; background-image:url(http://qianjia.com/jscss/common/images/adtips.png);
background-repeat:no-repeat; position:absolute;left:0;top:0; z-index:5; }
 .ad-num-wrap img {width:100%;height:auto;}
 
.page-top-ad { position:relative;width:100%;height:auto; z-index:11;} 
.page-top-ad .ad-num-wrap { position:relative; z-index:1;}
.page-top-ad .close { position: absolute;z-index: 2; right:7px;top: 5px;  opacity: 0.8;font-weight: normal;font-size: 12px;width: 22px; height: 22px;
    border: 0; border-radius: 50%; line-height: 22px; text-align: center; background: #fff; }
.page-top-ad .close:hover { opacity:1;}	 

/*-----position----*/
 
.nav-position-wrap { position:relative;width:100%;margin-top:10px;margin-bottom:10px; }
.nav-position-wrap ul { height:30px; line-height:30px;}
.nav-position-wrap li a,.nav-position-wrap li span { display:inline-block;color:#666;}
.nav-position-wrap li a:hover, .nav-position-wrap li a .iconfont:hover {color:#3092E2 }
.nav-position-wrap li { float:left;color:#666;padding-right:20px; background-image:url(../../Images/TingChongQuan/li_style1.gif);
 background-repeat:no-repeat; background-position:center right; background-size:16px;}
.nav-position-wrap li.first,.nav-position-wrap li.last { background:none; padding-right:5px; }
@media (min-width: 768px) {
.nav-position-wrap  {margin-top:20px; }	
}

 
/*----ajax list------*/

 
.mod-loadlist { padding:10px;padding-bottom:30px; background-color:#fff;}
.mod-loadlist .mod-title  {margin-left:10px;margin-right:10px;}
.loadlist-tab {width:100%;margin-bottom:10px;overflow-y: hidden; overflow-x: auto; border-bottom:1px solid #ccc;    -webkit-overflow-scrolling: touch;}
.loadlist-tab ul {  min-width: 100%;  display: inline-block;white-space: nowrap;}
.loadlist-tab ul li { text-align:center;padding:14px 8px; display: inline-block;  position:relative;  }
.loadlist-tab ul li a {color:#333; font-size:16px; position:relative; display: block;}
.loadlist-tab ul li a:hover, .loadlist-tab ul li.active a {color:#3092E2;}
.loadlist-tab ul li a:after { position:absolute;width:20px;height:3px;border-radius:5px; background-color:#fff;
content:' ';left:50%;top:120%;margin-left:-10px;}
.loadlist-tab ul li.active a:after { background-color:#3092E2;}
.mod-loadlist .each-news .img .tag { position:absolute; z-index:4;top:0;left:0;width:auto;height:16px; line-height:16px;font-size:10px;color:#fff;  padding:0 8px;}
.mod-loadlist .each-news .text .name {display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.mod-loadlist .each-news .spe { background-color: #3092E2; color: #fff; font-size: 10px;border-radius: 4px; padding: 3px 6px;line-height: 1.2;
    vertical-align: middle; position: relative; display: inline-block;top: -2px; margin-right: 5px;}
.mod-loadlist .each-news .hot { background-image:url(http://qianjia.com/jscss/common/images/fire.png); background-size:cover;
    width:15px;height:15px; vertical-align: middle;position: relative;display: inline-block; top: -2px; margin-right: 5px;}
.mod-loadlist .each-news .text .sub-detail span.editor {max-width:140px;}
.loading-wrap {margin-top:30px;border:1px solid #eee;border-radius:5px; cursor:pointer;padding:8px;color:#666; background-color:#f9f9f9; text-align: center;}

@media (max-width: 767px) {
.mod-loadlist .each-news .text .name {min-height:40px}
.mod-loadlist .each-news .tag-wrap { margin:0; position:absolute;right:0;top:0;}
 
}

@media (min-width: 768px) {
.mod-loadlist { padding:20px;}
.mod-loadlist .mod-title { margin-bottom:10px;}
.mod-loadlist .mod-title h3 { line-height: 48px; font-size: 24px;}
.loadlist-tab ul { display:table;width:100%; }
.loadlist-tab ul li { float:left;width:16.6%;}
.loadlist-tab ul li a { font-size:17px}
.mod-loadlist .each-news .spe { font-size: 12px;}
.mod-loadlist .each-news .hot {width:20px;height:20px;}
.mod-loadlist .each-news .img {width: 220px;}
.mod-loadlist .each-news .text {  margin-left: 250px;height: auto;padding-bottom: 40px; min-height: 140px;}
.mod-loadlist .each-news .text .name { font-size:19px;margin-top:2px;font-weight: bold;}
.mod-loadlist .each-news .text .name a {color:#333;  }
.mod-loadlist .each-news .text .name a:hover {color:#3092E2}
.mod-loadlist .each-news .text .name .spe { font-weight: normal;}
.mod-loadlist .each-news .text .sub-detail { position:absolute;left:0;bottom:0;width:100%;}
.mod-loadlist .each-news .text .desc { display:none;}
.mod-loadlist .each-news .img .tag { line-height:24px;height:24px;padding:0 12px;font-size:12px}
}
@media (min-width:992px) {
.mod-loadlist .each-news .text .name {    max-height: 60px; }
.mod-loadlist .each-news .tag-wrap { position:relative;left:auto;top:auto; line-height:18px;margin-top: 15px;margin-left:-5px;}

}

@media (min-width: 1200px) {
.mod-loadlist {  padding-bottom:30px; }
.loading-wrap {padding-top:30px;margin-top:0;border:0; background-color:#fff; }	
.searh .loading-wrap {margin-top:30px;border:1px solid #eee;border-radius:5px; cursor:pointer;padding:8px;color:#666; background-color:#f9f9f9; text-align: center;}
.mod-loadlist .each-news:hover .name a {color:#3092E2}
}

@media (min-width: 1500px) {
.mod-loadlist .each-news .text .desc { display:block;}
.mod-loadlist .each-news { padding: 30px 15px;	}
.mod-loadlist .each-news .tag-wrap {
    position: absolute;
    right: 0;
    top: 0;margin-left:auto;
    margin-top: 0;
    line-height: 22px;
}
}

/*----mod-fixed-----*/
.mod-fixed { display:none}
 @media (min-width: 1200px) {
.mod-fixed.fixed {position: fixed;  top: 0;z-index: 99;width:300px;margin-top:10px; display:block; }
 }
 @media (min-width: 1500px) {
.mod-fixed.fixed { width:363px; }
 } 
 
/*----zk recom-----*/

.mod-zk-recom { background-color:#fff;padding:20px 0 15px 0; overflow:hidden;}
.mod-zk-recom .mod-title {margin-bottom:10px;margin-left:15px;margin-right:15px;}
.recom-ul-list {padding:0 18px;padding-bottom:10px;}
.recom-ul-list li {padding:18px 0;border-bottom:0;}
.recom-ul-list li:hover { background:none;}
.recom-ul-list li .text .name {display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.recom-ul-list li .text .sub-detail span.editor { max-width:100%;}
.mod-zk-recom .bottom-link { text-align:center;margin-bottom:20px; }
.mod-zk-recom .bottom-link .btn-shadow { font-size:15px; padding: 7px 20px; box-shadow:none; border-radius:0; color:#3092E2; background:none;border:1px solid #3092E2;}
.mod-zk-recom .bottom-link .btn-shadow .iconfont {margin-right:4px;} 
.mod-zk-recom .bottom-link .btn-shadow:hover { background:#3092E2; color:#fff;border:1px solid #3092E2;}

@media (min-width: 768px) {
.recom-ul-list li .img {width: 150px;}
.recom-ul-list li .text {margin-left: 165px; }
.recom-ul-list li .text .name { font-size: 15px;max-height:53px; overflow:hidden; margin-bottom: 15px;}
.recom-ul-list li .text .name a { white-space: normal;}
}
 
@media (min-width: 1200px) {
.mod-zk-recom {background-color:#fff; }
 
}


  
/*----top10-----*/
.mod-top {}
.mod-top .ul-list {padding:0 2px; }
.mod-top .ul-list li {padding:8px 0; }
.mod-top .ul-list li a { color:#333;width:100%; font-size:15px; height:21px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;     display: block;}
.mod-top .ul-list li a:hover {color:#3092E2}
.mod-top .ul-list li .hot {
    background-image: url(http://qianjia.com/jscss/common/images/fire.png);background-position:center;
    background-size: cover;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 5px;
} 
.mod-top .ul-list .num {  /*  background-image: url(http://qianjia.com/jscss/common/images/li_style9.png); background-position:center;
    background-size:auto;*/
    width: 15px;background-color:#dadada; color: #fff;
    height: 15px;
    vertical-align: middle;
    position: relative;    font-size: 10px;
    display: inline-block; text-align:center;
    top: -2px;line-height: 15px;  border-radius: 10px;
    margin-right:10px;}
.mod-top .ul-list .num1,.mod-top .ul-list .num2,.mod-top .ul-list .num3 {    background-color: #000066; color: #fff;}

@media (min-width: 768px) {
.mod-top .head {width:120px;font-size:18px;}
.mod-top .ul-list .num {font-size:12px; margin-right:12px;}	
	}
 
/*---rank---*/
.mod-rank { padding: 20px 15px 25px 15px;  background-color: #fff;}
.mod-rank .mod-title { margin-bottom:10px;}
.rank-ul-list {padding:0 5px;}
.rank-ul-list li {padding:20px 10px 15px 10px;}
.rank-ul-list li:hover { background:none}
.rank-ul-list li:last-child {border:0}
.rank-ul-list li .img { display:none; float:none; width:100%;margin-bottom:12px;}
.rank-ul-list li.active .img { display:block}
.rank-ul-list li .text {margin-left:0}
.rank-ul-list li .text .name {font-size:15px; margin-bottom:8px;}

@media (min-width: 768px) {
.rank-ul-list li .text .name {font-size:16px;}
}
 

/*-----adviser-------*/

.mod-view {padding:20px 0 5px 0; background-color:#fff; }
.mod-view .mod-title {margin-left:15px;margin-right:15px}
.mod-view .mod-content { position:relative}
.mod-view .view-ul-list { overflow:auto; padding :15px 15px 0 15px;}
.view-ul-list .point { float:left;width:50%;height:73px;padding-left:56px; overflow:hidden; color:#777;
background-repeat:no-repeat; background-position:left top; background-size:45px;}
.view-ul-list .point strong { font-size:16px; font-weight:normal;color:#444;}
.view-ul-list .point-a {background-image:url(http://qianjia.com/jscss/common/images/icon_view1.png); }
.view-ul-list .point-b {background-image:url(http://qianjia.com/jscss/common/images/icon_view2.png); }
.view-ul-list .point-c {background-image:url(http://qianjia.com/jscss/common/images/icon_view3.png); }
.view-ul-list .point-d {background-image:url(http://qianjia.com/jscss/common/images/icon_view4.png); }
.mod-view .bottom-link {border-top:1px solid #eee;}
.mod-view .bottom-link a { line-height:40px; text-align:center; color:#666; display:block; font-size:15px;}
.mod-view .bottom-link a:hover {color:#3092E2;}

@media (min-width: 768px) {
.mod-view .view-ul-list {  padding-top:0;}
} 
 
@media (min-width: 1200px) {
.mod-view {background-color:#fff;  }	
} 

/*----guide------*/
.mod-guide {padding:20px 15px 15px 15px; background-color:#fff;}
.guide-ul-list { overflow:auto;margin-left:-5px;margin-right:-5px}
.guide-ul-list li {width:50%; float:left;border:0; padding:10px 10px;}
.guide-ul-list li:hover { background:none}
.guide-ul-list li .img { float:none; width: 100%;}
.guide-ul-list li .text {margin:0;height:75px;margin-top:14px;overflow: hidden;}
.guide-ul-list li .spe { background-color:#3092E2;color:#fff;font-size:12px;border-radius:4px;padding:3px 6px; line-height:1.2; vertical-align:middle; position:relative;
 display:inline-block;top:-2px;margin-right:5px;}
 
@media (min-width: 768px) {

.guide-ul-list {margin-left:-5px;margin-right:-5px}	
.guide-ul-list li .text .name { font-size: 15px;}
}
@media (min-width: 1200px) {
.mod-guide { background-color: #fff;}	
}
 

/*----special------*/

.mod-special {padding:0; position:relative;}
.mod-special .mod-content {padding:0;}
.special-content .each-special { background-color:#fff; overflow:hidden; display:block;color:#444; }
.special-content .swiper-button-white { display:none;top:40%; }
.special-content .swiper-pagination { bottom:auto; top: 10px;
    color: #fff;
    text-align: right;
    padding-right: 15px;
    font-size: 12px;}
.special-content .img-cover {border:0;  padding-bottom: 62%;}
.special-content .img-cover .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 2;
    font-size:22px;
    color: #fff;
    width: 60px;
    height:60px;
    line-height:60px;
    text-align: center;
    display: block;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50%;
    opacity: 0.95;
}

.special-content .text { text-align:left; font-size:15px; font-weight:normal; padding:20px 15px; }
.special-content .text:hover {color:#3092E2} 
.special-content .text .spe {
    background-color: #3092E2;
    color: #fff; font-weight:normal;
    font-size: 10px;
    border-radius: 4px;
    padding: 3px 6px;
    line-height: 1.2;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 5px;
}
.special-content .text .icon {
    width: 18px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
    background-image: url(http://qianjia.com/jscss/common/images/li_style8.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px) {
.special-content .text .spe {  font-size: 12px;}
.special-content .img-cover .icon-play {
    margin-top: -30px;
    margin-left: -30px;
    font-size: 22px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.special-content .text {font-size:16px}
.special-content .text .icon {width: 20px; height: 15px;}
}
@media (min-width: 1200px) {
 
.special-content:hover .swiper-button-white {top:42%; display:block; }
.special-content .swiper-button-white { background-size:50%; background-color:rgba(0,0,0,0.6); opacity:0.9;}
.special-content .swiper-button-prev {left:0;border-radius:0 5px 5px 0; }
.special-content .swiper-button-next {right:0;border-radius:5px 0 0 5px;}

}
 
 
 
/*----talk------*/

.mod-talk { padding:20px 15px 10px 15px; background-color: #fff;}
.talk-ul-list {padding-top:5px}
.talk-ul-list li { overflow:auto;margin-bottom:30px;}
.talk-ul-list li .img {width:65px;height:65px;margin-left:4px;float:left; border-radius:50%; overflow:hidden; background-color:#f4f4f4;}
.talk-ul-list li .img img {width:100%;height:100%;}
.talk-ul-list li .text {margin-left:85px;height:55px ; position:relative;}
.talk-ul-list li .text .name {font-size:18px;color:#444; }
.talk-ul-list li .text .sub-name {font-size:15px;overflow: hidden;color:#999;   padding-right:5px; line-height:1.42;height:46px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.talk-ul-list li:hover .name {color:#3092E2}
.talk-ul-list li .desc {color:#555; clear:both; line-height:1.6;background-color:#f8f8f8;  border-radius: 6px; padding:8px 10px;border: 1px solid #eee;margin-top: 17px;}
 .talk-ul-list li .desc div {height:68px;width:100%;display: -webkit-box; position:relative;overflow: hidden; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.talk-ul-list li .text:before { background-image:url(http://qianjia.com/jscss/common/images/talk_icon_hui.png); width:15px;height:15px;
content:' '; position:absolute;left:18px;top:75px; z-index:3;}
@media (min-width: 768px) {
 
.talk-ul-list li .img {width:72px;height:72px;}
.talk-ul-list li .text {margin-left:92px;}
.talk-ul-list li .text .name {margin-top:3px;}
.talk-ul-list li .text .sub-name {font-size:16px;}
.talk-ul-list li .desc div {height:44px;-webkit-line-clamp:2;}
}
@media (min-width: 992px) {
 
.talk-ul-list li .desc div {height:68px;-webkit-line-clamp: 3;}
}
@media (min-width: 1200px) {
.mod-talk {background-color: #fff;}
}

/*---tag----*/

.mod-tag { padding:20px 0 25px 0; background-color: #fff;}
.mod-tag .mod-title {margin-right:15px}
.mod-tag .hot-label-wrap { overflow:auto;padding-left:15px; }
.mod-tag .hot-label-wrap a { border-radius:30px; padding:5px 17px;margin-right:12px; margin-bottom:12px;background-color:#f9f9f9; color:#444;
border:1px solid #eee; display:block; float:left; }
.mod-tag .hot-label-wrap a:hover { background-color:#3092E2;color:#fff;border:1px solid #3092E2;}
 
@media (min-width: 1200px) {
.mod-tag {background-color: #fff;}
}

/*----activity---*/

.mod-activity { padding: 20px 15px 25px 0; background-color: #fff;}
.mod-activity .mod-title {margin-bottom:10px;}
.mod-activity .mod-content {padding-left:21px; overflow:hidden;padding-right:7px; }
.mod-activity .activity-banner { margin-top:15px;overflow:hidden;margin-bottom:20px;}
.mod-activity .activity-banner img {width:100%;height:100%; display:block}
.activity-ul-list { margin-left: -4px;}
.activity-banner ~ .activity-ul-list {margin-left:-2px;}
.activity-ul-list li {padding:6px 0; }
.activity-ul-list li a {background-image:url(http://qianjia.com/jscss/common/images/li_style9.png); background-repeat:no-repeat; background-position:-7px center;
height:24px;color:#444;padding-left:17px;  border-radius:20px;line-height:24px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display:block; position:relative;}
.activity-ul-list li a:hover {background-image:url(http://qianjia.com/jscss/common/images/li_style10.png);background-position:-1px center; padding-left:25px; 
background-color:#3092E2;color:#fff;}

 
@media (min-width: 1200px) {
.mod-activity {background-color: #fff;}
}



/*----booth---*/
.mod-booth { padding:20px 15px 25px 0; background-color: #fff;}
.mod-booth .mod-content {padding-left:21px; overflow:hidden;padding-right:7px; }
.booth-ul-list {}
.booth-ul-list li { border-bottom:1px solid transparent;padding-bottom:8px;margin-bottom:7px; border-top:1px solid transparent; }
.booth-ul-list li.active { background-color:#fff;}
.booth-ul-list .activity-banner { display:none; overflow:hidden;margin-bottom:5px;}
.booth-ul-list .activity-banner img {width:100%;height:100%; display:block}
.booth-ul-list li.active .activity-banner { display:block}
.booth-ul-list li a { display:block}
.booth-ul-list li p {background-image:url(http://qianjia.com/jscss/common/images/li_style9.png); background-repeat:no-repeat; background-position:-7px center;
height:24px;color:#444;padding-left:17px;  border-radius:20px;line-height:24px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display:block; position:relative;}
.booth-ul-list li a:hover {}
.booth-ul-list li.active p {background-image:url(http://qianjia.com/jscss/common/images/li_style4.gif);  }

 
@media (min-width: 1200px) {
.mod-booth {background-color: #fff;}
}


/*-----index data-----*/

.mod-data { }
.mod-data .mod-content {}
.mod-data .brand-list {  }
.mod-data .brand-list .table {margin-bottom:0; background-color: #fff;}
.mod-data .brand-list td { border-top:0;border-bottom:1px solid #f3f3f3; text-align:center;}
.mod-data .brand-list tbody tr:hover { background-color:#fff}
.mod-data .brand-list th { padding:8px 0;  min-width:30px; color:#fff; border-bottom:0;background:#77b8ec; font-size:13px; font-weight:normal; text-align:center; }
/*.mod-data .brand-list th:first-child {border-radius:6px 0 0 0;}
.mod-data .brand-list th:last-child {border-radius:0 6px 0 0;}*/
.mod-data .brand-list .head-desc {     text-align: center;
    background-color: #3987c7;border-radius:6px 6px 0 0;
    color: #fff;
    line-height: 40px;
    font-size: 16px; }
.mod-data .brand-list .num { width:18px;height:18px;color:#999; font-size:14px; margin:0 auto; margin-top:3px; 
text-align:center; line-height:18px;font-style: italic; }
.mod-data .brand-list .num1 { color:#1a4084; font-weight:bold; }
.mod-data .brand-list .num2 {color:#3c5dce; font-weight:bold; }
.mod-data .brand-list .num3 { color:#739dfb; font-weight:bold; }
.mod-data .brand-list table td {margin-left:35px;color:#666; padding-right:5px; overflow:hidden; font-size:13px;line-height:1.6;}
.mod-data .brand-list .name { display:block;font-size:15px;width:100%;height:21px; line-height:21px; overflow:hidden; 
 text-align:center; color:#333; }
.mod-data .bottom-link {margin-top:30px; border-top: 1px solid #eee;}
.mod-data .bottom-link a  {line-height: 40px; text-align: center; color: #666;display: block; font-size: 15px;}
.mod-data .bottom-link a:hover {color:#3092E2}
@media (min-width: 768px) {
.mod-data .brand-list { }	
.mod-data .brand-list th {font-size:15px}
.mod-data .brand-list .name { font-size:16px;}
}

/*------brand swiper----*/
.mod-brand-swiper {position:relative; padding:20px 15px 35px 15px;background-color: #fff;}
.mod-brand-swiper .mod-content {padding:0 3px;}
.mod-brand-swiper .ul-list { overflow:auto;margin-left:-7px;margin-right:-7px;}
.mod-brand-swiper .item {width:49.5%; float:left;}
.mod-brand-swiper .item-img { position:relative; z-index:1;width:100%;height:100%; display:block;}
.mod-brand-swiper .item-name { opacity:0; position:absolute;left:0;top:0; z-index:2;width:100%;height:100%; background-color:rgba(0,0,0,0.5); 
color:#fff; line-height:32px; text-align:center;font-size:14px; overflow:hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.mod-brand-swiper .item a { display:block;margin:7px; overflow:hidden;position:relative;border:1px solid #e6e7e8;}
.mod-brand-swiper .control {margin-top:15px; position:relative;height:25px;}
.mod-brand-swiper .control .swiper-pagination { position:relative;left:auto;top:auto;bottom:auto; text-align:left; padding-left:4px;line-height:24px;}
.mod-brand-swiper .control .swiper-button-next { position:absolute;right:2px;top:0; background-color:#ecedf1;margin:0;width:24px;height:24px; background-size:30%;}
.mod-brand-swiper .control .swiper-button-prev { left:auto;position:absolute;right:36px;top:0;background-color:#ecedf1;margin:0;width:24px;height:24px;background-size:30%;}

@media (min-width: 768px) {
.mod-brand-swiper .item {width:20%; }	
.mod-brand-swiper .item-name {line-height:42px;} 
.mod-brand-swiper .item a:hover .item-name { opacity:1;}
}
@media (min-width: 992px) {
.mod-brand-swiper .item {width:49.5%; }
.mod-brand-swiper.item-name {line-height:36px;} 	
}
@media (min-width: 1200px) { 
.mod-brand-swiper.item-name {line-height:38px;} 
}
@media (min-width: 1200px) { 
.mod-brand-swiper.item-name {line-height:48px;} 
}


.news-search {
    margin-bottom: 20px;
}
.news-search .searchBox {
    width: 658px;
    margin: 0 auto;
}

.news-search .search_text {
    width: 566px;
    color: #acacac;
    font-size: 12px;
    text-indent: 10px;
    border: 1px solid #91989d;
    height: 36px;
    line-height: 34px;
    float: left;
}

.news-search .search_btn {
    width: 90px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    background-color: #0062d7;
    color: #fff;
    border: 0;
    float: left;
}

.searchTip {
    text-align: center;
    color: #3092E2;
    font-size: 20px;
}