@charset "utf-8";
/*!
 * qianjia css in 2019
 * cj modify */
 
.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; }	
}

/* -----modal tips-----*/
.text-modal { position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;}
.text-modal-text { padding:8px 10px; color:#fff; background-color:rgba(0,0,0,0.7) ;text-align:center; position:absolute;
left:50%;top:48%;margin-left:-30px; border-radius:5px;}
.text-modal-text strong { display:block; text-align:center;font-size:14px; font-weight:normal; }

@media(min-width:768px){
.text-modal-text { padding:10px 15px;	}
}



/*-------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;}
@media (max-width: 767px) {
.bottom-tool {bottom:70px;}

}
/*---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}
@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;}
.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; }
 }
 
/*----writer---*/
.writer {}
.writer-wrap {padding-bottom:40px;}
.mod {margin-top:30px;}
.mod.left-first {margin-top:0;}
.col-md-1.edit-md-1 { display:none}
.writer-section-a {background-color: #F5F5F5;}
@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%;}
.col-md-1.edit-md-1 { padding-right:30px;width:120px; }
.col-md-7.edit-md-7 { padding-right:30px;  width:69%;}
.mod.right-first {margin-top:0;}
}
@media (min-width: 1200px) {
.col-md-7.edit-md-7 { width:618px;}	
.col-md-1.edit-md-1 { display:block}
}
 
@media (min-width: 1500px) {
.col-md-7.edit-md-7 { width:755px;}	
}
 
 
.writer-top-bg {background-color:#F7F8FA;background-position:center center;background-image: url(http://qianjia.com/jscss/common/images/writer_bg.jpg); background-repeat:no-repeat;
    background-size:cover; }
@media (min-width: 768px) {
 .writer-top-bg {background-position:center center;  background-size:contain;}
}

/*-----writer-top-wrap------*/


.writer-top-wrap { }
.writer-top-wrap .container { position:relative}
.writer-top-wrap .writer-basic { padding-top:20px;}
.writer-top-wrap .writer-logo { float:left; width:62px;position:relative;}
.writer-top-wrap .writer-logo .img { width:60px;height:60px; border-radius:50%;border:2px solid #fff; overflow:hidden;  background-color:#f4f4f4;background-repeat: no-repeat;
    background-position: center; z-index:1; position:relative;
    background-size: cover;
    background-image: url(http://jscss.qianjia.com/common/images/user_img2.jpg);
}
.writer-top-wrap .writer-logo .rz-id {display: inline-block; position:absolute; z-index:2;right:1px;bottom:1px; width:18px;height:18px;background-position: center;
    background-repeat:no-repeat; background-size:cover; background-image: url(http://jscss.qianjia.com/common/images/rz01.png); }
.writer-top-wrap .writer-logo .img img {width:100%;height:100%; display:block;}
.writer-top-wrap .writer-info {margin-left:80px;}
.writer-top-wrap .writer-info .desc {font-size:13px; color:#868c94; line-height:1.8; min-height:28px;}
.writer-top-wrap .writer-info .content {margin-bottom:3px; overflow:auto;}
.writer-top-wrap .writer-info .name {font-weight: normal; font-size: 18px;  color:#333; vertical-align: middle; line-height:1.42; float:left;}
.writer-top-wrap .writer-info .tag-lever {
    display: inline-block;float:left;
    vertical-align: middle;
    margin-left:8px;
    background-color: #402719;
    position: relative;
    color: #f7e6a9;
    border-radius: 20px;
    padding: 2px 5px 1px 5px;
    line-height: 1.2;
    font-size: 10px;margin-top:4px;}
.writer-top-wrap .writer-info .tag-lever .iconfont {font-size: 1.2em;  margin-right: 1px;}
.writer-top-wrap .writer-info .rz-writer { display: inline-block; float:left;margin-left:4px;width:18px;height:18px;background-position: center;
    background-repeat:no-repeat;background-size:cover;
    background-image: url(http://jscss.qianjia.com/common/images/rz02.png);margin-top:4px;}


.writer-top-wrap .action { padding-bottom:40px; text-align:center;margin-top:20px;}
.writer-top-wrap .action .btn-focus { width:120px;margin:0 auto; font-size: 15px; padding:8px 0;  }
.writer-top-wrap .action .btn-focus:hover { }
.writer-top-wrap .action .btn-focus.active { opacity:0.5}

@media (min-width: 768px) {

.writer-top-wrap { height:200px;overflow:hidden; }
.writer-top-wrap .writer-basic {padding-right:200px;padding-top:30px;}
.writer-top-wrap .writer-info {margin-left:140px;}
.writer-top-wrap .writer-logo { width:112px;}
.writer-top-wrap .writer-logo .rz-id {width:24px;height:24px;right:5px;bottom:5px; }
.writer-top-wrap .writer-logo .img { width:110px;height:110px; border-radius:50%;border:5px solid #fff; }
.writer-top-wrap .writer-info .content {margin-bottom:10px;}
.writer-top-wrap .writer-info .name { font-size: 30px;}
.writer-top-wrap .writer-info .tag-lever {font-size: 13px;padding: 3px 10px; margin-top:12px;}
.writer-top-wrap .writer-info .rz-writer {margin-top:12px;width:24px;height:24px;margin-left:8px;}
.writer-top-wrap .writer-info .desc {font-size:16px;max-width: 80%;}
.writer-top-wrap .action { position:absolute;right:20px;top:0;padding-top:45px; padding-bottom:0;margin-top:0; }
.writer-top-wrap .action .btn-focus { width:160px; font-size: 16px; padding:11px 0;  }
}

/*-----writer search------*/

.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:3px;}
.mod-writer-list .list-content .ul-list li:after { position:absolute;right:0;top:4px;content:'|'; font-size:14px; color:#ccc;}
.mod-writer-list .list-content .ul-list li a {padding:4px 15px; font-size:16px;color:#444; display:inline-block; line-height:1.42;}
.mod-writer-list .list-content .ul-list li a:hover {color:#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 a { font-size:18px;padding:4px 18px; }
.mod-writer-list .list-content .ul-list li:after {top:6px;}
}


/*-----hot----*/
.mod-hot { background:#fff;border-radius:6px;padding:0; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.1); position:relative;    padding-top: 10px;}
.mod-hot .writer-data { overflow:auto;padding:40px 10px 20px 10px;  border-radius:6px 6px 0 0;display: none;}
.mod-hot .writer-data .date-one { float:left;width:25%; text-align:center;}
.mod-hot .writer-data .date-one strong { display:block; line-height:1.4; font-size:26px; color:#333; font-weight:normal;}
.mod-hot .writer-data .date-one span { display:block; line-height:24px;font-size:15px;color:#ccc; }

.mod-hot .mod-content {padding:0 18px 40px 18px;}
.mod-hot .zk-welcome-wrap { padding-bottom: 10px;}
.mod-hot .zk-welcome-wrap .welcome-top {border-radius:6px 6px 0 0;}
.mod-hot .head {color:#ccc; font-size:16px; width:100px; margin:30px auto 20px auto;height:22px; line-height:22px; text-align: center; position:relative;}
.mod-hot .head:before {position:absolute;width:50px;height:1px;border-top:1px solid #eee;left:-50px;top:48%; content:' ';}
.mod-hot .head:after { position:absolute;width:50px;height:1px;border-top:1px solid #eee;right:-50px;top:48%; content:' ';}
.mod-hot .ul-list li {padding:6px 0; }
.mod-hot .ul-list li a { color:#333;width:100%; font-size:15px; height:21px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;     display: block;}
.mod-hot .ul-list li a:hover {color:#3092E2}
.mod-hot .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-hot .ul-list .num {background-image: url(http://qianjia.com/jscss/common/images/li_style9.png); background-position:center;
    background-size:auto;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 5px;}
	
 
@media (min-width: 768px) {
.mod-hot .head {width:120px;font-size:18px;}

	}
@media (min-width: 992px) {
.writer .mod-hot {margin-top:-20px; position:relative;}
}


/*----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: #F7F7F7;}
.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;}
}

@media (min-width: 1200px) {
.mod-rank {    background-color: #FAFAFA;}	
}

 

/*----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;}	

@media (min-width: 768px) {

}
 
 
/*-----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(http://qianjia.com/jscss/common/images/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-bottom:20px; position:relative;}

.loadlist-tab {width:100%;margin-bottom:10px;overflow-y: hidden; background-color:#fff;  overflow-x: auto; border-bottom:1px solid #ddd;    -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;padding:8px;color:#666; background-color:#f9f9f9; cursor:pointer; text-align: center;}


@media (min-width: 768px) {
	.mod-loadlist .mod-title {margin-left:17px;}
.loadlist-tab ul { display:table;width:100%; }
.loadlist-tab ul li { display:table-cell; }
.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; font-weight:bold;margin-top:2px;}
.mod-loadlist .each-news .text .name a {color:#333;}
.mod-loadlist .each-news .text .name .spe { font-weight:normal}
.mod-loadlist .each-news .text .name a:hover {color:#3092E2}
.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:13px}
}
@media (min-width:992px) {
.mod-loadlist .each-news .text .name {    max-height: 60px; }

} 
@media (min-width: 1200px) {
.mod-loadlist { padding-bottom:30px; }	
.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;	}

}


/*-----zk-welcome----*/
.zk-welcome-wrap { background-color:#fff; overflow:hidden;}
.zk-welcome-wrap .mod-content { }
.zk-welcome-wrap .welcome-top { width:100%;height:115px; background-image:url(http://qianjia.com/jscss/common/images/zk_welcome.jpg);border-radius: 6px; 
background-position:left center; background-repeat:no-repeat; background-size:auto; background-color:#5ea9ed;overflow:hidden; }
.zk-welcome-wrap .welcome-top .desc {  float:left;margin-left:95px; color:#fff; font-size:16px;margin-top:35px;}
.zk-welcome-wrap .welcome-top .welcome-btn { float:right;margin-right:20px;margin-top:48px; }
.zk-welcome-wrap .welcome-top .btn-welcome {color:#fff;font-size:14px;border-radius:20px;padding:4px 13px;border:1px solid #fff;}
.zk-welcome-wrap .welcome-top .btn-welcome:hover { background-color:#fff;color:#1b8cca; font-weight:bold;}
	
	
@media (min-width: 360px) {
.zk-welcome-wrap .welcome-top .welcome-btn { display:block}	
}
@media (min-width: 768px) {
.zk-welcome-wrap .welcome-top .desc {font-size:17px;margin-left:105px; }	
.zk-welcome-wrap .welcome-top .btn-welcome {font-szie:15px;padding:5px 16px;}

 
}
@media (min-width: 992px) {
.zk-welcome-wrap .welcome-top { background-size:auto}
.zk-welcome-wrap .welcome-top .welcome-btn { display:none}
}

@media (min-width: 1500px) {
.zk-welcome-wrap .welcome-top .welcome-btn { display:block}	
} 

/*------brand swiper----*/
.mod-brand-swiper {position:relative; padding:20px 15px 35px 15px;background-color: #F7F7F7;}
.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 { background-color: #FAFAFA;}
.mod-brand-swiper.item-name {line-height:38px;} 
}
@media (min-width: 1200px) { 
.mod-brand-swiper.item-name {line-height:48px;} 
}

 /*----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:#F7F7F7;padding:25px 0 10px 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:#FAFAFA; }
 
}



/*-----adviser-------*/

.mod-view {padding:20px 0 5px 0; background-color:#F7F7F7; }
.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:#FAFAFA;  }	
} 

/*----guide------*/
.mod-guide {padding: 20px 15px 15px 15px; background-color:#F7F7F7;}
.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: #FAFAFA;}	
}
 

/*----special------*/

.mod-special {padding:0; background-color: #fff;position:relative;}
.mod-special .mod-content {padding:0;}
.special-content .each-special { background-color:#F7F7F7; 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) {
.mod-special {background-color: #fff;}
.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: #F7F7F7;}
.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:auto; 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: #fff;  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.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: #FAFAFA;}
}

/*---tag----*/

.mod-tag { padding: 20px 0 25px 0; background-color: #F7F7F7;}
.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:#fff; 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: #FAFAFA;}
}

/*----activity---*/
.mod-activity { padding: 20px 15px 25px 0; background-color: #F7F7F7;}
.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: #FAFAFA;}
}



/*----booth---*/
.mod-booth { padding: 20px 15px 25px 0; background-color: #F7F7F7;}
.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: #FAFAFA;}
}


/*-----index data-----*/

.mod-data { background-color: #fff;}
.mod-data .mod-content {}
.mod-data .brand-list {  }
.mod-data .brand-list .table {margin-bottom:0; }
.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: #F7F7F7;}
.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 { background-color: #FAFAFA;}
.mod-brand-swiper.item-name {line-height:38px;} 
}
@media (min-width: 1200px) { 
.mod-brand-swiper.item-name {line-height:48px;} 
}


/*----catalog----*/
.catalog {}
.catalog .catalog-wrap {}
.catalog .catalog-section-a {    background-color: #F5F5F5;}
.catalog .writer-section-c { background-color:#fff}








