@charset "utf-8";
/*!
 * qianjia css in 2019
 * cj modify */
 body { margin:0!important; font-size:14px!important}
.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; }	
	}
	

/* -----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; }
 }
 
/*----detail---*/
.detail {}
.detail-wrap {padding-bottom:40px;}
.custom-right { position:relative}
.mod {margin-top:30px;}
.mod.left-first {margin-top:0;}
.col-md-1.edit-md-1 { display:none}
@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;}	
}


.detail-section-a { background-color:#F5F5F5}
 
@media (min-width: 768px) {
 
}

/*----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) {

}

/*----left tool----*/


.article-left-tool { float:left;}
.article-left-tool .tool-content {position:fixed;left:0;right:0;bottom:0;background-color:#F8F8FB; height:50px; z-index:8;padding-left: 15px;}
.article-left-tool .tool-content .button {  overflow:hidden; float:left;text-align:left;width:15.5%; position:relative;}
.article-left-tool.zk-tool .tool-content .button {width:13%;}
.article-left-tool .tool-content .button a {display: block;color:#c0c5d0; overflow:auto;} 
.article-left-tool .tool-content .button .iconfont {margin:13px auto;margin-right:3px; float:left; font-size:24px; display: inline-block; line-height:1;}
.article-left-tool .tool-content .button i { font-size:12px;float:left; line-height:50px;font-style:normal; display:none; }
.article-left-tool .tool-content .icon-b a.active { color:#F8D15C }
.article-left-tool .tool-content .icon-c a.active {color:#FF6060;}
.article-left-tool .tool-content .icon-a a:hover {color: #3092E2;}

.tool-share { position:relative;float:right;margin-right:10px;width:45%; }
.zk-tool .tool-share  {width:40%;}
.com-tool .tool-share {margin:0 auto; float:none;}
.tool-share .bdshare-button-style1-16 { float:left;margin:0 auto;width: 100%; }
.tool-share .bdshare-button-style1-16 .icon {margin:0; padding:0; overflow:hidden; width:33.3%;height:50px;line-height:50px;
 text-align:center;background-image:url(http://qianjia.com/jscss/common/images/share.png); background-size:150px 100px;  }

.tool-share .bdshare-button-style1-16 .bds_weixin, .tool-share .bdshare-button-style1-16 .bds_weixin:hover { background-position:0 0}
.tool-share .bdshare-button-style1-16 .bds_qzone,.tool-share .bdshare-button-style1-16 .bds_qzone:hover { background-position:-50px 0}
.tool-share .bdshare-button-style1-16 .bds_tsina,.tool-share .bdshare-button-style1-16 .bds_tsina:hover { background-position:-100px 0}

 

.bd_weixin_popup .bd_weixin_popup_main {padding:20px 0!important;}
.bd_weixin_popup {width:255px!important;height: 335px!important;}
.bd_weixin_popup .bd_weixin_popup_foot { text-align:center!important}
 
@media (min-width: 768px) {
.article-left-tool .tool-content {position:fixed;left:0;right:0;bottom:0;background-color:#F8F8FB; height:70px;padding-left:30px}
 
.article-left-tool .tool-content .button a { text-align:center}
.article-left-tool .tool-content .button .iconfont { font-size:32px;margin :19px 0;margin-right:5px; }
.article-left-tool .tool-content .button i { font-size:18px; line-height:70px; display:block;}
.tool-share .bdshare-button-style1-16 .icon {width:70px;margin-left:7%; height:70px;line-height:70px; background-size:auto;}
.tool-share .bdshare-button-style1-16 .bds_weixin, .tool-share .bdshare-button-style1-16 .bds_weixin:hover { background-position:0 0}
.tool-share .bdshare-button-style1-16 .bds_qzone,.tool-share .bdshare-button-style1-16 .bds_qzone:hover { background-position:-70px 0}
.tool-share .bdshare-button-style1-16 .bds_tsina,.tool-share .bdshare-button-style1-16 .bds_tsina:hover { background-position:-140px 0}
}
@media (min-width: 992px) {
.article-left-tool { width:80px; }
.article-left-tool .tool-content { position:relative;left:auto; right:auto;bottom:auto;width:80px;background-color:#F8F8FB; top:0; height:auto; 
border-right:0px solid #eee;padding-left:0 }
.article-left-tool.fixed .tool-content { position:fixed; top:10px;}
.article-left-tool .tool-content .button { width:70px;margin:0 auto; border-bottom:1px solid #F1F1F8;float:none;background-color:#F8F8FB;}
.article-left-tool.zk-tool .tool-content .button { width:70px;}
.article-left-tool .tool-content .button a:hover { background-color:#F8F8FB; }
.article-left-tool .tool-content .button .iconfont {font-size:30px;margin:0;margin-top:12px;float:none;  }
.article-left-tool .tool-content .button i { font-size:14px;padding-bottom:11px; display:block;float:none; line-height:1.2; }
.tool-share { float:none;padding:0; width:100%;margin:0;} 
.zk-tool .tool-share { width:100%;}
.tool-share .bdshare-button-style1-16 { float:none;width:70px;margin:0 auto;}
.tool-share .bdshare-button-style1-16 .icon {width:100%; margin:0 auto;border-bottom:1px solid #F1F1F8;}
.tool-share .bdshare-button-style1-16 .icon:hover { background-color:#F8F8FB; }
.tool-share .bdshare-button-style1-16 .bds_weixin:hover { background-position:0 -70px}
.tool-share .bdshare-button-style1-16 .bds_qzone { background-position:-70px 0;border-bottom:0;}
.tool-share .bdshare-button-style1-16 .bds_qzone:hover { background-position:-70px -70px}
.tool-share .bdshare-button-style1-16 .bds_tsina { background-position:-140px 0;}
.tool-share .bdshare-button-style1-16 .bds_tsina:hover { background-position:-140px -70px}
 
}
@media (min-width: 1200px) {
.article-left-tool .tool-content .icon-b a:hover { color:#F8D15C }
.article-left-tool .tool-content .icon-c a:hover{color:#FF6060;}
}


 
.modal-flower {}
.modal-flower .modal-dialog {}
.modal-flower .flower-title { text-align:center; font-size:17px;padding-top:30px; color:#999;}
.modal-flower .flower-desc {margin:20px auto;width:80%; text-align:center; font-size:15px; line-height:1.6;}
.modal-flower .flower-pay { text-align:center;}
.modal-flower .flower-pay img {width:140px;height:140px; margin:0 auto; display:block;overflow:hidden;}
.modal-flower .flower-pay strong { text-align:center; display:block;padding-top:15px; font-size:15px; font-weight:normal;}
.modal-flower .modal-footer {padding-top:30px; text-align:center;padding-bottom:30px;}
.modal-flower .btn-primary { width: 150px; border: 0; font-size: 16px;}

@media (min-width: 768px) {
.modal-flower .modal-dialog {width:500px;}	
.modal-flower .flower-pay {margin-left:40px;margin-right:40px;}
}

/*----article detail----*/

.article-detail-wrap { position:relative;}

@media (min-width: 992px) {
/*.article-detail-wrap .article-wrap {margin-left:130px;}*/
.article-detail-wrap .article-wrap > .mod:first-child {margin-top:0;}
.custom-right > .mod:first-child {margin-top:0;}
}

@media (min-width: 1500px) {
.article-detail-wrap {margin-right:10px}	
}



.detail-top-title {background-color:#F5F5F5; padding-bottom:20px; margin-bottom:20px; }
.detail-top-title .line {width:35px;height:3px; background-color:#3092E2;border-radius:5px;margin-top:7px;margin-left: 15px; }
    .detail-top-title h1 {
        font-size: 22px;
        margin: 0;
        line-height: 1.6;
        padding-left: 15px;
        padding-right: 15px;
    }
.detail-section-c > .container > .mod-ad {margin-top:0; }
.detail-section-c > .container > .mod-ad .ad-num-wrap { margin-top:20px; }

@media(min-width:768px) {
    .detail-top-title {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-left: 15px;
        
        margin-bottom: 40px;
    }
.detail-top-title h1 {font-size:30px;}
.detail-top-title .line {width:55px;margin-top:10px;}
.detail-section-c > .container > .mod-ad {margin-top:0;}
.detail-section-c > .container > .mod-ad .ad-num-wrap {margin-top:0; margin-bottom:40px;}
}

.article-info {color:#555; font-size:14px;height:30px;line-height:30px; }
.article-info a {color:#555;}
.article-info span { float:left;}
.article-info .time { float:right;}
.article-info .source {padding-right:20px;}
.article-info .editor {padding-right:20px;}


.article-info-xs {height:45px; }
.article-info-xs .l { float:left; position:relative;}
.article-info-xs .user-logo { position:absolute;left:0;top:0;width:38px;height:38px;}
.article-info-xs .user-logo > a { display:block;width:38px;height:38px; border-radius:50%;border:1px solid #ddd; overflow:hidden; position:relative; z-index:1;
background-position: center;
    background-size: cover;
    background-image: url(http://jscss.qianjia.com/common/images/user_img2.jpg);}
.article-info-xs .user-logo img { display:block;width:100%;height:100%;}
.article-info-xs .user-logo .rz-id {display: inline-block; position:absolute; z-index:2;right:1px;bottom:1px; width:14px;height:14px;background-position: center;
    background-repeat:no-repeat; background-size:cover; background-image: url(http://jscss.qianjia.com/common/images/rz01.png); }
.article-info-xs .name { padding-left:50px; }
.article-info-xs .name a { color:#444; font-size:16px;width: 130px; overflow:hidden; height:22px; line-height:22px; display:block;text-overflow:ellipsis;white-space: nowrap;}
.article-info-xs .desc { display:block;color:#999; font-size:12px;}
.article-info-xs .r { float:right;padding-top:4px;}
.article-info-xs .btn-shadow {font-size:13px; box-shadow:none;border-radius:25px;padding: 8px 15px; }
.article-info-xs .btn-shadow.active { opacity: 0.6;}
 

@media(min-width:768px) {
.article-info {font-size:15px;padding:0 5px; }
.article-info-xs {height:75px; }
.article-info-xs .user-logo { width:60px;height:60px; }
.article-info-xs .user-logo > a {width:60px;height:60px;}
.article-info-xs .user-logo .rz-id {width:18px;height:18px;}
.article-info-xs .name { padding-left:75px; }
.article-info-xs .name a {font-size:18px; height:34px; line-height:34px; width: 250px; }
.article-info-xs .desc {font-size:14px;}
.article-info-xs .btn-shadow {padding:8px 18px; font-size:15px;}
.article-info-xs .r {padding-top:10px;}
}
@media(min-width:992px) {
.article-info { display:block}	
.article-info-xs { display:none} 	
}



.article-guide {margin-top:10px;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:15px 5px; position:relative;}
.article-guide .l { position:absolute;top:50%;left:5px;background-image:url(http://qianjia.com/jscss/common/images/daodu.png);width:22px;margin-top:-22px;height:44px; background-repeat:no-repeat;
background-size:contain; overflow:hidden; text-indent:-100px;}
.article-guide .r { height:auto;max-height:72px; overflow:hidden;width:auto;margin-left:40px;padding-left:15px; border-left:1px solid #ddd; font-size:15px; line-height:1.6;color:#555;
 text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.article-detail-wrap .article-wrap > .mod > .mod .ad-num-wrap {margin-top:30px}



@media(min-width:768px) {
.article-guide {margin-top:20px;padding:20px 5px;}
.article-guide .r { font-size:16px; max-height:76px;  }
}
@media(min-width:1200px) {
.article-guide .l {background-image:url(http://qianjia.com/jscss/common/images/daodu_lg.png);background-size:auto;width:22px; height:44px;  }	
}

.article-wrap .acticle-ad {width:100%;position:relative; z-index:2;margin-top:50px;}
.article-wrap .acticle-ad .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;}
.article-wrap .acticle-ad img { width:100%;height:100%; display:block}
 
.article-text { position:relative; overflow:hidden;margin-top:30px;padding:0 10px;}
.article-text .height-top { float:left; width:0;height:1px; }

.article-text article {text-align: justify; line-height:2;font-size:1.6rem; color:#333; z-index:1; position:relative;word-break: break-all;}

@media (min-width: 768px) {
.article-text {padding:0}
.article-text .acticle-ad {margin-top:70px;}
}

/*--文章区域---*/
.article-text p,
.article-text h1,
.article-text h2,
.article-text h3,
.article-text h4,
.article-text h5,
.article-text table,
.article-text pre {
font-weight:normal
}


.article-text h1 { font-size:2.4rem;line-height:1.2; margin:0;margin-top: 20px;  margin-bottom: 10px; border-left:5px solid #1e91d5;display:block; padding-left:15px;}
.article-text h2 {font-size:1.6rem;margin:0;margin-top: 10px; margin-bottom: 10px; line-height: 1.2; border-left: 5px solid #1e91d5;padding:4px 15px; background-color:#f4f8fd; display:block; }
.article-text h3 {font-size:1.6rem;margin:0;margin-top: 20px;font-weight:bold; line-height:1.2;  margin-bottom: 10px; border-left:5px solid #1e91d5;display:block; padding-left:15px;}
.article-text h4 {font-size:1.6rem;line-height:2;text-align:left;margin-top:2px; margin-bottom: 2px; display:block; background-repeat:no-repeat; background-image:url(http://jscss.qianjia.com/common/images/li_style3.gif); background-position:left center; background-size:24px;padding-left:2rem;}
.article-text h5 {font-size:1.6rem;line-height:2;text-align:left; margin-top: 2px;margin-bottom: 2px; display:block; background-repeat:no-repeat; background-image:url(http://jscss.qianjia.com/common/images/li_style4.gif); background-position:left center; background-size:24px;padding-left:2rem;}
.article-text h6 {font-size:1.6rem;line-height:2;text-align:left;margin-top: 2px;margin-bottom:2px;  display:block; background-repeat:no-repeat; background-image:url(http://jscss.qianjia.com/common/images/li_style6.gif); background-position:left center; background-size:24px;padding-left: 2.5rem;}
.article-text mark {font-size:1.2rem;line-height:2;color:#999;margin-top:10px;margin-bottom:20px; text-align:center; padding:4px 2px;display:block;}
.article-text sub {font-size:1.6rem;line-height:2;border-bottom:1px solid #1e91d5; display:inline; font-weight:normal;}

.article-text p {  margin-bottom: 25px; margin-top: 25px; line-height:2;text-indent: 2em;}
.article-text p:first-child {margin-top:0;}

.article-text ul,
.article-text ol {
  margin: 20px 0 20px 20px;
}
.article-text ul li {list-style: initial;}
.article-text ol {list-style-type: decimal;}
.article-text ol li {list-style: initial;}

.article-text iframe { width:100%;height:300px;margin:0 auto; display:block; min-width:270px;max-width:690px;}
@media (min-width: 500px) {
.article-text iframe {height:400px;}	
}

.article-text blockquote {
padding:12px 15px; display:block;background-color:#f9f9f9;font-size:1.6rem; margin-top: 20px;margin-bottom: 20px;border-radius:4px; line-height:2;border-left: 5px solid #eee;
}
.article-text code {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}
.article-text pre code {
  display: block;
}
.article-text table {
  border-top: 1px solid #ddd; width: 100%!important;
  border-left: 1px solid #ddd; 
}
.article-text table td,
.article-text table th {
  border-bottom: 1px solid #ddd;word-break:break-all;word-wrap:break-word ;
  border-right: 1px solid #ddd;font-size:12px!important;
  padding: 3px 5px;line-height:1.6;width:auto!important;
}
.article-text table td p,
.article-text table th p {margin-bottom:0;word-break:break-all; word-wrap:break-word; }
.article-text table span {font-size:12px!important;}
.article-text table th {
  border-bottom:1px solid #3092E2; font-weight:normal;
  text-align: center;color: #3092E2;
}
 
.article-text img { display: inline-block;height: auto!important;width:auto;max-width: 100%;}
 
@media (min-width: 768px) {
.article-text table td,
.article-text table th { padding:6px 8px; width:auto!important;}
.article-text table td,
.article-text table th,
.article-text table span {font-size:14px!important;}
}
/*--------*/

.btn-give-money {margin-top:40px;}
.btn-give-money .desc { font-size:14px; text-align:center;margin-top:20px;color:#999;}
.btn-give-money .btn-shadow {  background:#50aefb;height:40px;width:140px; line-height:40px;padding:0;padding-right:3px;
 text-align:center; display:block;margin:0 auto;font-size:16px; }
.btn-give-money .btn-shadow:hover {    background: #3092E2;}
.btn-give-money .iconfont {margin-right:6px;}
.btn-give-money i { font-style:normal;}
@media (min-width: 768px) {
.btn-give-money .desc {font-size:16px;}
.btn-give-money .btn-shadow {font-size:18px;height:42px;width:170px; line-height:42px; box-shadow:none;}
}


.bottom-info {width:100%; position:relative;margin-top:30px; border-top:1px dashed #eee;padding-top:25px;}
.acticle-tips {color:#999;font-size:12px;padding-top:20px;  line-height:1.6; padding-left:5px;}
.acticle-tag a {border-radius: 30px; line-height: 22px;padding: 0 12px;font-size: 10px; color: #999; background-color: #f0f0f0; display: inline-block;margin-right:10px;}
.acticle-tag a:hover {color:#3092E2; background-color:#F2F7FD;}
.bottom-info .bottom-writer {margin-top:20px; font-size:14px;color:#555; line-height:22px;    overflow: auto;}
.bottom-info .bottom-writer .editor { float:left;}
 
@media (min-width: 768px) {

.acticle-tag a {font-size: 14px; line-height: 28px; padding: 0 15px;}
.bottom-info {padding-top:40px; }
.bottom-info .bottom-writer {margin-top:0;font-size:15px; position:absolute;right:0;top:0;padding-top:42px;}
.bottom-info .bottom-writer .editor { float:none;padding-left:30px;}
.acticle-tips {font-size:12px;padding-top:20px;} 
}
@media (min-width: 992px) {
.bottom-info .bottom-writer { position:relative;right:auto;top:auto;margin-top: 20px;padding:0; padding-left:5px;}	
}
@media (min-width: 1500px) {
.bottom-info .bottom-writer {margin-top:0;font-size:15px;padding-left:0; position:absolute;right:0;top:0;padding-top:42px;}	
}



/*-----join----*/
.welcome-join { border:1px solid #eee;padding:15px ; margin-bottom:30px;background-color:#FAFAFA; position:relative;}
.welcome-join .l {width:80px; float:left; }
.welcome-join .l img { width:80px;height:80px; display:block;}
.welcome-join .r {margin-left:90px;}
.welcome-join .r .name { font-size:16px;margin-bottom:6px;} 
.welcome-join .r .desc { color:#999;font-size:14px; padding-left:10px;line-height:1.6;}

@media (min-width: 768px) {
.welcome-join { padding:20px ; }
.welcome-join .r .name { font-size:20px;    padding-top: 10px;}  	
.welcome-join .r .desc {font-size:15px; }
.welcome-join .r {margin-left:100px;}
}
@media (min-width: 992px) {
.welcome-join .r .name {  padding-top: 0;}	

}
@media (min-width: 1500px) {
.welcome-join .r .name {margin-bottom:8px ;padding-top:10px;} 
.welcome-join .r .desc {line-height:1.8;}
}



/*-----comment----*/

.mod-comment {padding-bottom:1px;position:relative;}
.mod-comment .mod-title .tips { font-size:12px;color:#999; line-height:36px;}
.comment-add-box { position:relative; }
.comment-add-box .user-logo { position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;border:1px solid #ddd; overflow:hidden;
  background-repeat: no-repeat;background-position: center;background-size: cover; background-color:#f4f4f4;
    background-image: url(http://jscss.qianjia.com/common/images/user_img2.jpg);}
.comment-add-box .user-logo img { width:100%; display:block;height:100%;}
.comment-add-box .box-content {margin-left:55px;position: relative; border: 3px solid #f0f0f0; }
.comment-add-box .box-textarea-block {    margin:12px; margin-right:80px;}
.comment-add-box .box-textarea {outline: none;resize: none;padding:0;overflow: auto;  height:40px; width: 100%; display: block; border: none; 
font-size: 14px; line-height:1.6; color: #4b4b4b;}
.comment-add-box .box-btn { position: absolute;order-radius:0 5px 5px 0;right: -3px; top: -3px; z-index: 1; width: 70px; height: 70px;
    background-color: #379be9;font-size: 15px; line-height:70px;text-align: center; color: #fff; cursor: pointer;}
@media (min-width: 768px) {
.mod-comment {margin-top:50px;}
.mod-comment .mod-title h2 { line-height: 48px; font-size: 22px;}
.mod-comment .mod-title h2:before {top:14px;height:22px;}
.mod-comment .mod-title .tips { font-size:15px;  line-height:48px;}

.comment-add-box .user-logo {width:52px;height:52px;}
.comment-add-box .box-content {margin-left:65px;}
.comment-add-box .box-textarea-block { margin-right: 110px;}
.comment-add-box .box-textarea {height:70px;font-size: 15px; }
.comment-add-box .box-btn {font-size: 16px;width: 100px; height: 100px;line-height: 100px;}
}


.comment-list {margin-top:30px; clear:both;position:relative;}
.each-comment {position:relative; overflow:auto;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px;}
.each-comment .top { position:relative;}
.each-comment .top .user-logo { position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;border:1px solid #ddd; overflow:hidden;
  background-repeat: no-repeat;background-position: center;background-size: cover; background-color:#f4f4f4;
    background-image: url(http://jscss.qianjia.com/common/images/user_img2.jpg);}
.each-comment .top .user-logo img { width:100%; display:block;height:100%;}
.each-comment .top .text {margin-left:55px;margin-right:140px; line-height:1.6; }
.each-comment .top .text .title { display:block;font-size:15px;font-weight:normal;}
.each-comment .top .text em { font-style:normal;padding:0 5px;color:#999;}
.each-comment .top .text .time {color:#ccc;font-size:12px;}
.each-comment .action { line-height:30px;margin-left:55px;padding-top:5px;}
.each-comment .action a {color:#999; display:inline-block;}
.each-comment .action a:hover {color:#555;}
.each-comment .action a.good {margin-left:10px;}
.each-comment .action a.good.active {color:#3092E2}
.each-comment .action a .iconfont {margin-right:2px;}
.each-comment .action i {font-style:normal;}
.each-comment .middle { font-size:14px;color:#555; line-height:1.6;padding-top:10px;margin-left:55px;}

@media (min-width: 768px) {
.each-comment {margin-bottom:30px;padding-left:5px;}
.each-comment .action {margin-left:0; position:absolute;right:0;top:0; }	
.each-comment .top .text {margin-left:60px;}
.each-comment .middle {font-size:15px; margin-left:60px;}
}

/*----writer info-----*/
 

.mod-writer-detail { background:#fff;border-radius:6px; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.1); position:relative;}
.mod-writer-detail .mod-content {padding:50px 18px 20px 18px;}
.mod-writer-detail .user-logo {margin:0 auto;width:80px;height:80px;position:relative;}
.mod-writer-detail .user-logo > a { display:block;width:80px;height:80px; border-radius:50%; overflow:hidden;border:1px solid #ddd; background-color:#f4f4f4;background-repeat: no-repeat;
    background-position: center;background-size: cover; background-image: url(http://jscss.qianjia.com/common/images/user_img2.jpg); }
.mod-writer-detail .user-logo img {width:100%;height:100%; display:block; position:relative; z-index:1; }
.mod-writer-detail .user-logo .rz-id {display: inline-block; position:absolute; z-index:2;right:1px;bottom:1px; width:20px;height:20px;background-position: center;
    background-repeat:no-repeat; background-size:cover; background-image: url(http://jscss.qianjia.com/common/images/rz01.png); }
.mod-writer-detail .user-logo .rz-com {display: inline-block; position:absolute; z-index:2;right:1px;bottom:1px; width:20px;height:20px;background-position: center;
    background-repeat:no-repeat; background-size:cover; background-image: url(http://jscss.qianjia.com/common/images/rz03.png); }
.mod-writer-detail .name {width:80%;margin:0 auto; text-align:center; font-weight:bold;font-size:18px;margin-top:20px;}
.mod-writer-detail .name a {color:#333;}
.mod-writer-detail .name a:hover {color:#3092E2;}
.mod-writer-detail .desc { width:80%;margin:0 auto; text-align:center;padding:10px 0; color:#999;}
.mod-writer-detail .action { text-align:center;padding:20px 0;}
.mod-writer-detail .btn-shadow {font-size:15px;padding:8px 0; width:160px; box-shadow:none; background:#50aefb; opacity:1; }
.mod-writer-detail .btn-shadow:hover { background:#3092E2}
.mod-writer-detail .btn-shadow .iconfont {margin-right:3px; font-size:18px;}
.mod-writer-detail .btn-shadow.active { opacity:0.6;}
.mod-writer-detail .head {color:#ccc; font-size:16px; width:100px; margin:20px auto;height:22px; line-height: 22px; text-align: center; position:relative;}
.mod-writer-detail .head:before {position:absolute;width:50px;height:1px;border-top:1px solid #eee;left:-50px;top:48%; content:' ';}
.mod-writer-detail .head:after { position:absolute;width:50px;height:1px;border-top:1px solid #eee;right:-50px;top:48%; content:' ';}
.mod-writer-detail .acticle-list {padding-bottom:10px;}
.mod-writer-detail .ul-list {padding:0; overflow:hidden; }
.mod-writer-detail .ul-list li {padding:6px 0; }
.mod-writer-detail .ul-list li a { color:#333;width:100%; font-size:15px; height:21px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;     display: block;
    background-image: url(http://qianjia.com/jscss/common/images/li_style9.png); text-indent:22px; background-repeat:no-repeat;
    background-position:-3px center;
    background-size: auto;}
.mod-writer-detail .ul-list li a:hover {color:#3092E2}
.mod-writer-detail .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-writer-detail .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-writer-detail .head {font-size:18px; width:120px;}
}
@media (min-width: 992px) {
.mod-writer-detail {margin-top:-60px;}	
}

/*-----zk-welcome----*/
.zk-welcome-wrap { background-color:#fff; overflow:hidden;position:relative;    margin-bottom: 30px;}
.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 {margin-bottom:40px}
.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}	
} 



/*-----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:30px; position:relative;margin-top:30px;}
.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; padding:8px;color:#666; cursor:pointer; background-color:#f9f9f9; text-align: center;}
.mod-loadlist .each-news .tag-wrap .tag {    max-width: 78px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
@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 {  }
.mod-loadlist .mod-title { margin-bottom:10px;}
.mod-loadlist .mod-title h2 { line-height: 48px; font-size: 22px;}
.mod-loadlist .mod-title h2:before {top:14px;height:22px;}
.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 { margin-top:0px;    margin-bottom: 8px; font-weight:bold; font-size: 19px;  }
.mod-loadlist .each-news .text .name a {color:#333; }
.mod-loadlist .each-news .text .name a .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; margin-bottom: 5px;padding-bottom:0;}
.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 {    height: 60px; }
.mod-loadlist .each-news .tag-wrap { position:relative;left:auto;top:auto; line-height:18px;margin-top: 15px;margin-left:-5px;}
.mod-loadlist .each-news { padding: 30px 5px;	}
}
@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 .img .tag {font-size:13px;}
.mod-loadlist .each-news .tag-wrap {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;margin-left:auto;
    line-height: 22px;
}
 
}
 

 
/*----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;position:relative;}
.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;}	
}




/*-----adviser-------*/

.mod-view {padding:20px 0 5px 0; background-color:#F7F7F7; position:relative;}
.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;  }	
} 


/*----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;position:relative;}
.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; }
 }

 
/*----top10-----*/
.mod-top {position:relative;}
.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;position:relative;}
.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;}	
}


/*-----adviser-------*/

.mod-view {padding:20px 0 5px 0; background-color:#F7F7F7;position:relative; }
.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;position:relative;}
.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;position:relative;}
.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;position:relative;}
.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;position:relative;}
.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;position:relative;}
.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;}
}


/*-----brand data-----*/

.mod-data { background-color: #fff;position:relative;}
.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;} 
}




/*------submit----*/

.mod-submit { margin-top:0;margin-bottom:30px; position:relative; background-color:#78B5FA; border-radius:8px;}

.mod-submit .bg {padding:3px; }
.mod-submit .head { text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:44px;height:44px;}
.mod-submit .content { background-color:#fff; position:relative; padding:30px;padding-top:25px; border-radius:8px; background-repeat:no-repeat;padding-bottom:60px;
background-position:center bottom; background-size:100%; background-image:url(http://qianjia.com/jscss/common/images/submit_bg.jpg);}
.mod-submit .content .tips { color:#555;font-size:14px; padding-bottom:20px;}
.mod-submit .content .form { position:relative;}
.mod-submit .content .form-group {margin-bottom:15px;}
.mod-submit .content .btn {  color:#fff; border-radius:40px;width:150px;margin:0 auto;font-size:17px; text-align:center; display:block;
  background: -webkit-linear-gradient(left, #FF8D3A,#FF4000);
    background: -o-linear-gradient(right,#FF8D3A, #FF4000);
    background: -moz-linear-gradient(right,#FF8D3A,#FF4000);
    background: linear-gradient(to right,#FF8D3A,#FF4000);
	    -webkit-box-shadow: 0 3px 8px rgba(255,142,58,0.3);
    box-shadow: 0 3px 8px rgba(255,142,58,0.3);}
.mod-submit .content .btn:hover,.mod-submit .content .btn:focus { opacity:0.9}
.modal-submit { }
.modal-submit .modal-body {text-align:center}
.modal-submit h3 { color:#1b8cca; margin-top:0;padding-top:5px; font-weight:normal;}
.modal-submit p { font-size:15px;}
.modal-submit .modal-footer { text-align:center}
@media (min-width: 768px) {
.mod-submit {margin-bottom:40px;  }		
}
@media (min-width: 1200px) {
.mod-fixed.fixed.mod-submit {margin-top:20px!important;}
}

/*-------------page-flashnews-detail------------------*/ 

.page-flashnews-detail { background:#f9f9f9; position:relative; }
.page-flashnews-detail .detail-wrap { position:relative; margin-bottom:50px;}
.page-flashnews-detail .detail-share { position:absolute;left:20px;top:90px;    z-index: 2;}
.page-flashnews-detail .detail-content { background:#fff; padding:30px 20px; overflow:hidden; position:relative; z-index:1;} 
.page-flashnews-detail .detail-text { position:relative}
.page-flashnews-detail .detail-text .head { font-weight:bold; line-height:1.6;font-size:17px;}
.page-flashnews-detail .detail-text .tool {height:30px; line-height:30px;margin-top:40px;margin-bottom:15px; font-size:13px;}
.page-flashnews-detail .detail-text .tool span {padding-right:20px; color:#999; }
.page-flashnews-detail .detail-text .desc { font-size:15px; line-height:2;color: #333;}
.page-flashnews-detail .detail-text .desc p { margin-bottom: 25px;  margin-top: 25px;line-height: 2;}

.page-flashnews-detail .next-text {border:1px dashed #ddd; margin-top:50px; border-top:3px solid #3092E2;padding:15px;}
.page-flashnews-detail .next-text .top { font-size:16px; color:#ccc; position:relative;margin-bottom:20px; }
.page-flashnews-detail .next-text .top:after { position:absolute;left:2px;top:110%;width:30px;height:2px; background:#eee; content:' ';}
.page-flashnews-detail .next-text .head {font-size:16px; font-weight:bold; line-height:1.6;} 
.page-flashnews-detail .next-text .head a {color:#333;}
.page-flashnews-detail .next-text .head a:hover,.page-flashnews-detail .next-text:hover .head a { color:#3092E2;}
.page-flashnews-detail .next-text .desc {margin-top:15px;color:#666; line-height:2; font-size:13px; position:relative;}
.page-flashnews-detail .next-text .time {margin-top:15px;color:#ccc; font-size:13px;}

.page-flashnews-detail .bdshare-button-style1-16 a {    color: #999;height:24px;padding:0; line-height:24px; background:none;
 background-size:30px;background-position:center; background-repeat:no-repeat;}
.page-flashnews-detail .bdshare-button-style1-16 .bds_weixin {width:24px; background-image:url(http://qianjia.com/jscss/common/images/share_chat1.png);}
.page-flashnews-detail .bdshare-button-style1-16 .bds_weixin:hover {background-image:url(http://qianjia.com/jscss/common/images/share_chat2.png);}
.page-flashnews-detail .bdshare-button-style1-16 .bds_tsina {width:24px;background-image:url(http://qianjia.com/jscss/common/images/share_weibo1.png);}
.page-flashnews-detail .bdshare-button-style1-16 .bds_tsina:hover {background-image:url(http://qianjia.com/jscss/common/images/share_weibo2.png);}



@media (min-width: 414px) {
.page-flashnews-detail .detail-text .head { font-size:18px}	
}
@media (min-width: 768px) {
.page-flashnews-detail .detail-share { ;left:0;top:0;} 
.page-flashnews-detail .detail-wrap {  padding:0 10px 0 100px;}
.page-flashnews-detail .detail-text .head {font-size:24px;}
.page-flashnews-detail .detail-text .tool {font-size:14px;margin-top:15px;}
.page-flashnews-detail .detail-text .desc { font-size:16px;}
.page-flashnews-detail .detail-content { padding:40px 50px; }
.page-flashnews-detail .next-text {padding:30px;}
.page-flashnews-detail .next-text .head {font-size:18px; }
.page-flashnews-detail .next-text .desc { font-size:15px;}	
.page-flashnews-detail .next-text .top { font-size:18px; }
.page-flashnews-detail .next-text .time {font-size:14px;}


.page-flashnews-detail .detail-share .article-share { width:80px; background-color: #fff;height:160px; overflow:hidden;}
.page-flashnews-detail .bdshare-button-style1-16 a.bds_title { display:none}
.page-flashnews-detail .bdshare-button-style1-16 a {width: 70px; margin-left: 5px; height: 70px;line-height: 70px; background-size: auto; }
.page-flashnews-detail .bdshare-button-style1-16 .bds_weixin {margin-top:5px;border-bottom: 1px solid #F1F1F8; }
.page-flashnews-detail .bdshare-button-style1-16 .bds_weixin {width:70px;}
.page-flashnews-detail .bdshare-button-style1-16 .bds_tsina {width:70px;}
 
}
@media (min-width: 992px) {
.page-flashnews-detail .detail-wrap {  padding:0 110px;}
}











.page-container {
    background-color: #fff !important;
}