@charset "utf-8";
/*!
 * qianjia css in 2020
 * cj modify */
a {color:#28D7BC}
a:hover, a:focus {color:#29bfa8}
.common-header { box-shadow: 0 0 8px rgba(0,0,0,0.1);}

.error-label { text-align:left;}
.page-container { background:#fff}

.common-footer .copyright-wrap {padding-bottom:110px;}
.btn-success {
    color: #fff;
    background-color: #4AD0BC;
    border-color:#2db9a4;
}
.btn-success:focus,.btn-success.focus,.btn-success:active:hover,
.btn-success:active,.btn-success.active, .btn-success:active:focus,
.btn-success:hover {
   color: #fff;
    background-color: #36b9a6;
    border-color:#2db9a4;
}
.btn-info {
    color: #4AD0BC;
    background-color: #fff;
    border-color:#2db9a4;
}
.btn-info:focus,.btn-info.focus,.btn-info:active:hover,
.btn-info:active,.btn-info.active, .btn-info:active:focus,
.btn-info:hover {
   color: #4AD0BC; 
    background-color: #f1f7f4;
    border-color:#2db9a4;
}
.common-header .main-logo .navbar-brand {
    height: auto;
    padding: 12px 0 15px 0;
    display: block;
    width: 72%;
}
@media (min-width: 768px) {
.common-header .main-logo .navbar-brand {
    padding: 15px 15px 18px 5px;width: 100%;
}
}
@media (min-width: 768px)and (max-width: 991px) {
.common-header .main-nav .main-nav-ul > li > a { padding: 0 8px;}	
}
@media (min-width: 992px)and (max-width: 1499px) {
.common-header .main-nav .main-nav-ul > li > a { padding: 0 12px;}	
}	
.common-header .main-nav .main-nav-ul > li > a:hover {color: #28D7BC;}

/*-------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;}

/*-------bottom-tool-------*/

.bottom-tool { bottom:80px;}
.bottom-tool .each.talk > a { line-height:38px;padding-top:0; overflow:hidden;color:#28D7BC; font-size:12px; border: 1px solid #28D7BC;}
.bottom-tool .each.talk > a:hover {color:#fff; background-color:#28D7BC;border: 1px solid #28D7BC; }
.bottom-tool .each.talk .block-box {top:-70px; right:59px;}
.bottom-tool .each.talk .talk-link {border:1px solid #28D7BC;color:#28D7BC; border-radius:20px;padding:3px 0;width:94%;margin:0 auto;font-size:14px; display:block;}
.bottom-tool .each.talk .talk-link:hover {color:#fff; background-color:#28D7BC;border: 1px solid #28D7BC;}
.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:150px;}
.bottom-tool .each.talk .content p { font-size:12px;}
.bottom-tool .each.talk .wx-img { width: 120px; height: 120px;margin: 0 auto; }
.bottom-tool .each.talk .wx-img img {width:100%;height:100%; display:block}


.bottom-tool .each.publish > a { color: #28D7BC;border: 1px solid #28D7BC;}
.bottom-tool .each.publish > a:hover {  color: #fff;border: 1px solid #28D7BC; background:#28D7BC;}

@media (min-width: 768px) {
.bottom-tool { bottom:100px;}
.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; }
}
/* ------share------ */
 
.article-share .social-icon .icon {
    background-image: url(../images/social-sprite.png);
    background-repeat: no-repeat;
}

.article-share .bds_more {
    display: none !important;
    background: none !important;
}

.article-share .share-wrapper a {
    float: left;
    width: 34px;
    height: 34px;
    margin: 0 0 0 6px;
    padding-left: 0;
}

.article-share .share-wrapper a:hover {
    color: #333;
    filter: alpha(opacity=100);
    opacity: 1;
}

.article-share .share-wrapper a {
    -webkit-transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s;
    transition: background 0.3s cubic-bezier(0.17, 0.67, 0.88, 1.25) 0s;
}

.article-share .share-wrapper .icon-tsina {
    background-position: -4px -4px;
}

.article-share .share-wrapper .icon-tqq {
    background-position: -84px -4px;
}

.article-share .share-wrapper .icon-renren {
    background-position: -125px -85px;
}

.article-share .share-wrapper .icon-douban {
    background-position: -165px -85px;
}

.article-share .share-wrapper .icon-qzone {
    background-position: -205px -85px;
}

.article-share .share-wrapper .icon-wechat {
    background-position: -244px -4px;
}

.article-share .share-wrapper .icon-tsina:hover {
    background-position: -4px -44px;
}

.article-share .share-wrapper .icon-tqq:hover {
    background-position: -84px -44px;
}

.article-share .share-wrapper .icon-renren:hover {
    background-position: -125px -125px;
}

.article-share .share-wrapper .icon-douban:hover {
    background-position: -165px -125px;
}

.article-share .share-wrapper .icon-qzone:hover {
    background-position: -205px -125px;
}

.article-share .share-wrapper .icon-wechat:hover {
    background-position: -244px -44px;
}

.article-share .share-wrapper .bds_title {
    width: auto;
    line-height: 34px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    background: none; display:none;
}
.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}
 
/*-----page------*/
 
.page-div { }
.page-div #pageNav {display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;}
#pageNav div {
    float:left;font-size:12px;
    margin:0;    margin-left: -1px;
}
#pageNav div > span {    line-height: 24px; color: #999; padding: 0 10px;}
#pageNav div input {height:25px;margin: 2px 0;  box-shadow: none;padding: 2px 0;line-height: 1.42; font-size:10px; border: 1px solid #ddd; border-radius:0;width:50px; text-align:center;}
#pageNav div div input:focus { outline:none; }
#pageNav div a{
    padding: 3px 8px;
    margin: 2px 0;    display: inline-block;
    line-height: 1.42;
    color: #666; background-color:#fff;
    font-size: 10px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius:0;
}
#pageNav div a:hover { background-color:#f6f6f6}
#pageNav div.cPageNum span {
    border: 1px solid #76dcc7;
    padding: 3px 8px;display: inline-block;
    font-weight:normal;line-height: 1.42;
    margin: 2px 0; font-size: 10px;
    color: #fff; 
    background-color:#76dcc7; 
    border-radius:0;
}
#pageNav div.totalRecNum span {
	padding: 4px 8px;
    margin: 2px 0;    
	display: inline-block;
    line-height: 1.42;}
@media (min-width: 768px) {
#pageNav div, #pageNav div.cPageNum span,#pageNav div a {font-size:14px}
#pageNav div input {height: 33px;   box-shadow: none;}
#pageNav div.cPageNum span,#pageNav div a {padding:6px 12px;} 
#pageNav div.totalRecNum span {    padding: 7px 8px;}
#pageNav div > span {    line-height: 30px; }
}

/*---each-mod---*/
.each-mod { position: relative;border:1px solid #ddd; margin-bottom:20px; background: #fff;}
.each-mod .img-cover {position: relative;border:0;}
.each-mod .img-cover .date { position: absolute; z-index: 3;right:0;bottom:0;background-color: rgba(241, 85, 85, 0.8);padding:3px 10px;border-radius:10px 0 0 0;color:#fff;font-size:14px;}
.each-mod .img-cover .date.end-date {background: rgba(152, 152, 152, 0.8)!important;}
.each-mod .img-cover .date .iconfont {margin-right:3px;}
.each-mod .img-cover .tag { position: absolute;left:0;top:0; z-index: 2;font-size:12px; background-color:rgba(241, 85, 85, 0.8);    border-radius: 0 0 6px 0;
 color:#fff; display: inline-block; padding:4px 10px;}
.each-mod .img-cover .tag.tag1 {background-color:rgba(241, 85, 85, 0.8);}
.each-mod .img-cover .tag.tag2 {background-color:rgba(230,157,60,0.7);}
.each-mod .text {padding:15px 10px; height: 146px;  overflow: hidden;}
.each-mod .text h2 {margin-top:0;font-size:15px; line-height: 1.6; height:50px;overflow: hidden; font-weight: bold;
   display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;}
.each-mod .text h2 a {color:#333;}
.each-mod .text h2 a:hover {color: #28D7BC;}
.each-mod .text p {line-height: 1.6; color:#888;height:57px; overflow: hidden;font-size:12px; 
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.each-mod .text span { display: block;color:#ccc; font-size:12px;position: relative; line-height: 22px;}
.each-mod .text .r { color:#28D7BC; font-weight: bold; display: block; }
.each-mod .bottom {background: #f8f8f8; position: relative;height:40px; overflow: hidden;font-size:12px; }
.each-mod .bottom .img { display: none; position: absolute;top:6px;left:15px; color:#666; width:32px;height:32px;}
.each-mod .bottom .img img {width:100%;height:100%; display: block;}
.each-mod .bottom .img .cover {width:100%;height:100%; position:relative; z-index:1; border-radius:50%; overflow: hidden;   background-color: #fff;border:1px solid #ccc;}
.each-mod .bottom .img .rz {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(../images/rz01.png);
} 
.each-mod .bottom .img .rz-com {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(../images/rz03.png);
} 
.each-mod .bottom p {padding-left:10px; line-height: 40px; color:#999;padding-right:25px; overflow: hidden;}
.each-mod .bottom .iconfont {position: absolute;right:8px;top:8px; font-size:24px; color:#ddd; cursor: pointer; line-height: 1; display:none;}
.each-mod .bottom .iconfont.active {color:#F8D15C}
.each-mod .bottom a {color:#999;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.each-mod .bottom a:hover {color: #28D7BC;}
.each-mod:hover .text { background:#28D7BC}
.each-mod:hover .text h2 a {color: #fff;transition:none;}
.each-mod:hover .text p {color:#fff}
.each-mod:hover .text span {color:#fff}

@media (min-width: 768px) {
	.each-mod .text h2 { font-size:17px; height:54px;}
	.each-mod {margin-bottom:40px; }
	.each-mod .img-cover .tag {font-size:14px; padding:6px 14px;    border-radius: 0 0 10px 0; }
	.each-mod .text {padding:15px; height: 165px;}	
	.each-mod .text p {font-size:14px; height:70px; }
	.each-mod .text span {font-size:13px;line-height: 30px; }
	.each-mod .text .r { position: absolute;right:0;top:0; line-height: 30px; display: inline;  }
	.each-mod .bottom {height:48px;font-size:14px; }
	.each-mod .bottom .img { display: block;top:8px;} 
	.each-mod .bottom p {padding-left:60px;line-height: 46px;padding-right:40px;  }
	.each-mod .bottom .iconfont {font-size:28px;right:12px;top:10px;}
.each-mod .bottom .img .rz { width: 16px;height: 16px;right: -2px;   bottom: -2px;}
.each-mod .bottom .img .rz-com { width: 16px;height: 16px;right: -2px;   bottom: -2px;}
}

/*----index---*/

.custom-right { position:relative}
.mod {margin-top:30px;}
.mod.left-first {margin-top:0;}
.index-bx .mt20 {margin-top:20px!important;}
@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%; position:relative;}
.col-md-4.edit-md-4 { width: 31%;position:relative;}
.mod.right-first {margin-top:0;}
} 


/*----ad---*/
.ad-num-wrap {width:100%; overflow:hidden; position:relative;}
.ad-num-wrap .ad-tips {width:34px;height:16px; overflow:hidden; background-image:url(../images/adtips.png);
background-repeat:no-repeat; position:absolute;left:0;top:0; z-index:5; }
.ad-num-wrap img {width:100%;height:auto;}
.ad-num-wrap a { display:block; position:relative;}
.ad-num-wrap .desc {  color:#fff;  padding: 10px;font-size: 12px; line-height: 1.6; position: absolute; left: 0;
    bottom: 0; z-index: 3; width: 100%;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    box-sizing: border-box;}
	
.ad-num-wrap .desc span {  color:#fff; display:block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
@media (min-width: 768px) {
.ad-num-wrap .desc {font-size: 15px; padding: 12px;}	
}

.index .index-section-a .mod {margin-top:0;padding-top:1px;}
.index .index-section-a .ad-num-wrap {margin-top:30px;}
.index .index-section-e .mod {margin-top:0;padding-top:1px;}
.index .index-section-e .ad-num-wrap {margin-top:30px;}


.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;}	

.ad-fixed { position:relative; display:none} 
@media (min-width: 992px) {

.ad-fixed.fixed { position:fixed; display:block; top:10px;margin-top:0;} 	
}


/*----quick index---*/
.page-quick { position: relative}
.mod-search-wrap { position: relative;background-color:#76DCC7;background-image: url(../images/topbg.jpg); background-position: left top; background-repeat: repeat-x; }
.mod-search-wrap .bg1 {position: relative; z-index: 2;background-image: url(../images/fang1.png);background-position:105% 180px; background-repeat: no-repeat; background-size: 100px; }
.mod-search-wrap .bg2 { position: absolute;left:0;bottom:0;width:100%;height:60px; background: #fff; z-index: 1;}
.mod-search-wrap .bg3 {background-image: url(../images/fang2.png);  background-position:-30px 60px; background-repeat: no-repeat; background-size: 100px;}

.top-step { position: relative;padding-top:20px;padding-bottom:10px;}
.top-step ul { position: relative; }
.top-step ul li { color:#fff; line-height: 1.7; height:80px;}
.top-step ul li .iconfont { display: inline-block; font-size:30px; margin-left:12%;border:1px solid #fff; line-height: 60px; width:60px;height:60px;border-radius:50%; text-align: center; float:left;}
.top-step ul li strong {margin-left:38%; opacity: 0.5; display: block;}
.top-step ul li p {margin-left:38%; font-size:18px; font-weight: bold;padding-top:6px; }

@media (min-width: 768px) {
.top-step { padding:50px 0;  }
.top-step ul { overflow: auto; padding-left:4%; }
.top-step ul li { float: left;width:33%;}	
.top-step ul li .iconfont { margin-left:1%; }
.top-step ul li strong {margin-left:30%;}
.top-step ul li p { margin-left:30%;}
	
.mod-search-wrap .bg1 { background-size: 200px}
.mod-search-wrap .bg3 { background-size: 200px}
}

@media (min-width: 992px) {
.top-step { background-image: url(../images/step_name.png); background-position: 10px center; background-repeat: no-repeat; background-size: 14%;}	
.top-step ul { padding-left:14%;}
.top-step ul li .iconfont { margin-left:10%;line-height: 70px; width:70px;height:70px;  }
	.top-step ul li + li {border-left:1px dashed #fff;}
	.top-step ul li strong {margin-left:43%;}
	.top-step ul li p {margin-left:43%;font-size:20px;}
}

@media (min-width: 1200px) {
.top-step { background-size: 16%; padding-top:55px;}
.top-step ul li .iconfont { font-size:40px;line-height: 76px; width:76px;height:76px;  }	
.top-step ul li p { font-size:24px;}
 
 .mod-search-wrap .bg1 {background-position:2% 400px; }
	.mod-search-wrap .bg3 {background-position:96% 240px;  }
}
@media (min-width: 1400px) {
	.mod-search-wrap .bg1 {background-position: 8% 400px; }
	.mod-search-wrap .bg3 {background-position:92% 240px;  }
	
.top-step {background-size: auto; }
.top-step ul li .iconfont { margin-left:15%; }	
}
@media (min-width: 1700px) {
	.mod-search-wrap .bg1 {background-position: 10% 400px; }
	.mod-search-wrap .bg3 {background-position:88% 240px;  }
	
}

.mod-search-wrap .form-wrap {position: relative; z-index: 3; background: #fff;width:95%;padding:35px 20px 30px 20px;margin:0 auto;border-radius:10px; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.mod-search-wrap .form-wrap .head { text-align: center;font-size:20px; position: relative; margin-bottom:30px;}
.mod-search-wrap .form-wrap .head:after {left:50%;margin-left:-17px;top:120%;width:35px;height:2px; background:#67E2D0; content:' '; position: absolute;}
.mod-search-wrap .search-form { position: relative;width:90%;margin:0 auto;}
.mod-search-wrap .search-form .control-label { text-align: left;font-size:15px; font-weight: normal;}
.mod-search-wrap .search-form .form-control { background-color: #fcfcfc; }
.mod-search-wrap .search-form .btn { font-size:16px;width:48%;margin-top:10px;}
.mod-search-wrap .search-form .btn + .btn {margin-left:4px;}
.mod-search-wrap .search-form .btn.btn-warning {margin-left:0;}
.mod-search-wrap .col-sm-offset-2 {padding-top:10px;}

@media (max-width: 1199px) {
.mod-search-wrap .search-form select.form-control {
	/*--iphone---*/
	appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/select_bg.png);
    background-repeat: no-repeat;
    background-position: right center;
	}
}

.mod-search-wrap .i-each-ul { height:180px; overflow:hidden;margin-left:-4%;}
.mod-search-wrap .i-each-ul li { margin-left:4%;margin-bottom:6px;float: left;width: 46%; }
.mod-search-wrap .i-each-ul li a { line-height:1.2;  display: block; padding:6px 0; text-align:center;width:100%; overflow:hidden; 
 border-radius:2px;color:#444; background-color:#fcfcfc;border:1px solid #ddd;white-space:nowrap;text-overflow:ellipsis; }
.mod-search-wrap .i-each-ul li.on a {color:#fff; background-color:#76DCC7;border:1px solid #76DCC7;}
.mod-search-wrap .i-each-ul.auto {height:auto;}
.mod-search-wrap .i-each-ul li.last {}
.mod-search-wrap .i-each-ul li.mid.on a,.mod-search-wrap .i-each-ul li.last.on a,
.mod-search-wrap .i-each-ul li.mid a,.mod-search-wrap .i-each-ul li.last a  {background-color: #fff!important; color:#28D7BC!important;border: 1px solid #28D7BC!important;}

@media (min-width: 768px) {
.mod-search-wrap .form-wrap {width:90%;padding:35px 20px 60px 20px;}	
.mod-search-wrap .form-wrap .head:after {height:3px;}
.mod-search-wrap .form-wrap .head {font-size:22px; padding-top:10px;margin-bottom:50px;}
.mod-search-wrap .search-form {width:80%;}
.mod-search-wrap .col-sm-offset-2 {padding-top:30px;}	
.mod-search-wrap .search-form .btn { font-size:16px;width:23%;}
.mod-search-wrap .search-form .btn.btn-warning {margin-left:8px;}
.mod-search-wrap .i-each-ul {margin-left:-15px;height:210px; }
.mod-search-wrap .i-each-ul.auto {height:auto;} 
.mod-search-wrap .i-each-ul li a { padding:8px 5px; font-size: 15px; }
}
@media (min-width: 992px) {
.mod-search-wrap .search-form .btn + .btn {margin-left:8px;}	
.mod-search-wrap .i-each-ul { height:78px;  }
.mod-search-wrap .i-each-ul li {width:94px;    margin-left:15px;}
}
@media (min-width: 1200px) {
.mod-search-wrap .form-wrap {width:80%;padding:35px 30px 60px 30px;}
.mod-search-wrap .form-wrap .head {font-size:27px; }
.mod-search-wrap .search-form .control-label {font-size:15px; }
.mod-search-wrap .search-form .form-control {font-size:15px;  padding: 7px 12px;  height: 38px;}
.mod-search-wrap .search-form .btn { font-size:17px; }
.mod-search-wrap .search-form .btn + .btn {margin-left:8px;}

.mod-search-wrap .i-each-ul { height:90px; }
.mod-search-wrap .i-each-ul.auto {height:auto;}
.mod-search-wrap .i-each-ul li {width:89px; margin-bottom: 13px; }
}
@media (min-width: 1500px) {
.mod-search-wrap .search-form .control-label {font-size:17px; }	
.mod-search-wrap .search-form .btn + .btn {margin-left:12px;}
.mod-search-wrap .i-each-ul li {width:111px;}
}


.modal-forsale .modal-dialog {width:350px;margin:10px auto;}
.modal-forsale .forsale-wrap {width:350px;height:440px;background-image: url(../images/ad_modal_bg2.png);
background-repeat:no-repeat; background-position:center;}
.modal-forsale .action {padding:5px 72px; overflow:auto;}
.modal-forsale .action .forsale-btn {margin:0 auto; background-image: url(../images/forsale_btn.png); background-repeat:no-repeat; background-position:center;
width:192px;height:50px;color:#fff; text-align:center;font-weight:bold; line-height:45px; font-size:17px; display:block; float:left; overflow:hidden;}
.modal-forsale .action .forsale-btn + .forsale-btn {margin-top:20px;}
.modal-forsale .action .forsale-btn:hover { opacity:0.8;}
.modal-forsale .modal-header {padding:0;}
.modal-forsale .modal-body {padding:0;max-height: none;} 
.modal-forsale .modal-content { background:none; box-shadow:none;}
.modal-forsale .text {padding:60px 38px 10px 38px;line-height: 1.8;font-size: 16px; }
.modal-forsale .text .orange {color:#FC4B05; font-weight:bold; }
.modal-forsale .text p {margin-bottom:10px;}
.modal-forsale .text p + p { text-indent:38px;}
.modal-forsale .close {text-shadow:none; opacity:1;color:#fff; font-size:18px; position: absolute;
    right: 20px;float: none; top: 15px;font-weight: bold;width: 34px; text-align:center; height: 34px;
    border-radius: 30px;border: 1px solid #fff;line-height: 34px; }
	
@media (min-width: 768px) {
.modal-forsale .modal-dialog {width:570px;margin-top:150px;}
.modal-forsale .forsale-wrap { width:570px;height:335px;background-image: url(../images/ad_modal_bg.png);}	
.modal-forsale .text {padding:60px 68px 30px 68px;font-size: 17px; }
.modal-forsale .action .forsale-btn + .forsale-btn {margin-top:0;margin-left:40px;}
.modal-forsale .action {padding:5px 68px;}
}
 


/*---project---*/
.mod-i-project { position: relative;padding:40px 0; background-color:#fff;}
.mod-i-project .head {text-align: center;font-size:20px; position: relative; margin-bottom:30px;}
.mod-i-project .head:after {left:50%;margin-left:-17px;top:120%;width:35px;height:2px; background:#67E2D0; content:' '; position: absolute;}

@media (max-width: 767px) {
.mod-i-project .each-mod .text p { display:none}
.mod-i-project .each-mod .text {height:70px;    padding:10px; height: 70px;}	
.mod-i-project .each-mod .text h2 {margin-bottom:0}
}
@media (min-width: 768px) {
.mod-i-project {padding:70px 0;}
.mod-i-project .head:after {height:3px;}
.mod-i-project .head {font-size:22px; padding-top:10px;margin-bottom:50px;}	
.mod-i-project .each-mod .text p { display:block}
}
@media (min-width: 1200px) {
.mod-i-project .head {font-size:28px;}	
}
@media (max-width: 767px) {
.mod-i-project .container {padding-left:25px;padding-right:25px;}
.mod-i-project .col-xs-6 {padding-left:8px;padding-right:8px;}	
}

.bottom-action { text-align: center;padding-top:10px;}
.bottom-action a {width:150px;}
@media (min-width: 768px) {
.bottom-action a { font-size:16px;}	
}

/*---case---*/

.mod-i-case {position: relative;padding:40px 0; background: #F3F4F8;}
.mod-i-case .head {text-align: center;font-size:20px; position: relative; margin-bottom:30px;}
.mod-i-case .head:after {left:50%;margin-left:-17px;top:120%;width:35px;height:2px; background:#67E2D0; content:' '; position: absolute;}
.mod-i-case .each-mod {border:0;}
.mod-i-case .each-mod .bottom { background: #fff;border-top:1px solid #eee;}
.mod-i-case .each-mod .img-cover .tag {background-color:rgba(230,157,60,0.7);}

@media (max-width: 767px) {
.mod-i-case .each-mod .text p { display:none}
.mod-i-case .each-mod .text {height:70px; padding:10px; height: 70px;}	
.mod-i-case .each-mod .text h2 {margin-bottom:0}
}

@media (min-width: 768px) {
.mod-i-case {padding:70px 0;}
.mod-i-case .head:after {height:3px;}
.mod-i-case .head {font-size:22px; padding-top:10px;margin-bottom:50px;}	
}
@media (min-width: 1200px) {
.mod-i-case .head {font-size:28px;}	
}
@media (max-width: 767px) {
.mod-i-case .container {padding-left:25px;padding-right:25px;}
.mod-i-case .col-xs-6 {padding-left:8px;padding-right:8px;}	
}

.i-bottom-ad {width: 90%; z-index:9; position:fixed;left:0;right:0;bottom:83px;height:auto;margin: 0 auto; border-radius: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.i-bottom-ad .container { position:relative; z-index:1; text-align:center;padding:0;}
.i-bottom-ad .ad-close {position: absolute; left: -5px;top: -5px;color: #fff;font-size: 18px; z-index: 2; cursor: pointer;
    width: 20px; height: 20px;line-height: 16px; border-radius: 50%;background: #929292;  text-align: center;}
.i-bottom-ad .container img { display:block;margin:0 auto;}
.i-bottom-ad .container a { display:block;width:100%;height:100%;}
.i-bottom-ad.bottom-10 {bottom:15px!important;}

@media (min-width: 768px) {
.i-bottom-ad {height:60px; width: 750px; background-image: url(../images/bottom_ad_bg.png);
background-repeat:repeat-x; background-position:left -15px;}	
.i-bottom-ad .container {padding-left:15px;padding-right:15px;}
.i-bottom-ad .ad-close { font-size: 20px;width: 28px; height: 28px; line-height: 22px;}	
}

@media (min-width: 992px) {
.i-bottom-ad {height:78px; width: 970px;background-position:left -10px; }
.i-bottom-ad .ad-close { top:auto;bottom:26%;left:auto;right:15px; background:none; }
}
@media (min-width: 1200px) {
.i-bottom-ad {height:86px; width: 1070px;background-position:left -5px; }	
.i-bottom-ad .ad-close { font-size:30px; }
}
@media (min-width: 1500px) {
.i-bottom-ad {height:100px;   width: 1270px;background-position:left top;}	
}



/*-------page quick list-------*/
.mod-list-chose { position: relative;background-color:#76DCC7;background-image: url(../images/topbg.jpg); background-position: left top; background-repeat: repeat-x; }

.mod-list-chose .bg1 { position: absolute;left:0;bottom:0;width:100%;height:30px;background: #fff;z-index: 1;}
.mod-list-chose .bg2 {position: relative; z-index: 2;background-image: url(../images/fang1.png);background-position:105% 180px; background-repeat: no-repeat; background-size: 100px; }
.mod-list-chose .bg3 {background-image: url(../images/fang2.png);  background-position:-30px 60px; background-repeat: no-repeat; background-size: 100px;}
@media (min-width: 768px) {
.mod-list-chose .bg2 { background-size: 200px}
.mod-list-chose .bg3 { background-size: 200px}	 
}
@media (min-width: 1200px) {
.mod-list-chose .bg2 {background-position:-10px 120px; }
.mod-list-chose .bg3 {background-position:103% 20px;  }
}
@media (min-width: 1400px) {
.mod-list-chose .bg2 {background-position:5% 120px; }
.mod-list-chose .bg3 {background-position:98% 20px;  }
}
@media (min-width: 1700px) {
.mod-list-chose .bg2 {background-position: 8% 120px; }
.mod-list-chose .bg3 {background-position:94% 20px;  }
}


.mod-list-chose .breadcrumb {color:#fff; background: none;margin-bottom:10px;margin-top:10px;padding-left:2px;}
.mod-list-chose .breadcrumb li {color:#fff;}
.mod-list-chose .breadcrumb li a {color:#fff;}
.mod-list-chose .breadcrumb > li + li:before {color:#fff;}
.mod-list-chose .breadcrumb .iconfont { opacity: 0.5; font-size:15px;}
@media (min-width: 768px) {
	.mod-list-chose .breadcrumb {font-size:15px;}	
}

.empty-result {padding:30px 0; text-align:center;}
.empty-result .desc {color:#999;text-align:center;font-size:14px; line-height:30px;margin-top:10px;}
.empty-result .desc strong { color:#333; font-size:16px;}
.empty-result .icon {width:100px;height:100px; background-image:url(../images/error404.jpg); background-size:cover;
background-repeat:no-repeat;margin:0 auto; }
.empty-result .action {margin-top:20px; text-align:center}
.empty-result .action .btn {}

.mod-list-chose .mod-wrap {  background: #fff;border-radius:10px;box-shadow: 0 0 30px rgba(0,0,0,0.1); z-index: 4; position: relative;}
.mod-list-chose .search-content { padding:10px 15px 20px 15px;}
.mod-list-chose .search-content .each {padding-top:13px;padding-bottom:13px; position:relative;;}
.mod-list-chose .search-content .each + .each {    border-top: 1px dashed #eee; }
.mod-list-chose .search-content .each label { font-weight:normal; margin-bottom:6px;color:#888; }
.mod-list-chose .search-content .each .label-btn { position:absolute;right:0;top:13px;}
.mod-list-chose .search-content .each .label-btn a { position:relative;padding-right:10px; }
.mod-list-chose .search-content .each .label-show:after {
    content: '';
    border: 1px solid #28D7BC;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    position: absolute;
    top: 5px;
    right:0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-right: none;
}
.mod-list-chose .search-content .each .label-hide:after {
    content: '';
    border: 1px solid #28D7BC;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    position: absolute;
    top: 9px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: none;
    border-left: none;
}

.mod-list-chose .search-content .each .label-detail { width: 100%;  overflow-y: hidden;  position: relative;height: 50px;}
.mod-list-chose .search-content .each .label-detail.auto {height:auto;}
.mod-list-chose .search-content .each .label-detail ul { overflow:auto;}
.mod-list-chose .search-content .each .label-detail li {  float:left;margin-right:10px;margin-bottom:6px;}
.mod-list-chose .search-content .each .label-detail li a { line-height:1.2;  display: block; padding:2px 10px; border-radius:2px;color:#555; background-color: #fff;border:1px solid #fff; }
.mod-list-chose .search-content .each .label-detail li.on a {color:#fff; background-color:#76DCC7;border:1px solid #76DCC7; position:relative;}
/*.mod-list-chose .search-content .each .label-detail li.on a:after {position:absolute;right:1px;bottom:0; content:'√';color:#ccf3eb; font-weight:bold; font-size:12px;}*/
.mod-list-chose .search-content .each .label-detail .each-ul-choosed {}
.mod-list-chose .search-content .each .label-detail .each-ul-choosed li {display: inline-block;margin-right:10px;margin-bottom:6px;line-height:1.2; position:relative;  
 padding:2px 20px 2px 10px; border-radius:2px;color:#fff;  background-color:#76DCC7;border:1px solid #76DCC7; cursor:pointer;}
.mod-list-chose .search-content .each .label-detail .each-ul-choosed li:after { position:absolute;right:5px;top:2px; content:'x';color: #c0ece4; }

@media (min-width: 768px) {
.mod-list-chose .mod-wrap {  min-height:100px;}
.mod-list-chose .search-content {padding:30px 40px 24px 40px;}
.mod-list-chose .search-content .each {padding-top:16px;padding-bottom:16px; padding-right:30px}
.mod-list-chose .search-content .each.auto {padding-bottom:3px}
.mod-list-chose .search-content .each label { float:left; font-size:16px;width:100px; text-align:left;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; }
.mod-list-chose .search-content .each .label-detail {  margin-left:80px;width:auto;height: 65px;}
.mod-list-chose .search-content .each .label-detail.auto {height:auto;}

.mod-list-chose .search-content .each .label-detail li { margin-right:15px; margin-bottom:13px; }
	.mod-list-chose .search-content .each .label-detail li a { padding:3px 12px;font-size:15px;}
	.mod-list-chose .search-content .each .label-detail .each-ul-choosed li {padding:3px 22px 3px 12px;font-size:15px;}
}

.mod-list-select {padding:20px 0;}
.mod-list-select .wrap { color:#666; position: relative; }
.mod-list-select .l {height:77px; background: #F3F4F8;border-radius:3px;}
.mod-list-select .r {  line-height: 50px;  text-align: center; }
.mod-list-select .r span { font-weight: bold;color:#28D7BC;}
.mod-list-select .l > li { float:left; width:33.3%; text-align: center;}
.mod-list-select .l li label {border-bottom:2px solid #F3F4F8;line-height: 24px; margin-top: 8px;margin-bottom:0; font-weight: normal; cursor: pointer;}
.mod-list-select .l li label.on {color:#28D7BC;border-bottom:2px solid #F3F4F8; font-weight:bold;}
.mod-list-select .l .dropdown {margin-top:10px;margin-bottom:0;color:#666;line-height: 30px;}
.mod-list-select .l .dropdown a {color:#666;line-height: 30px;}
.mod-list-select .l .dropdown .dropdown-menu {right:0;left:auto;}
 
@media (min-width: 768px) {
.mod-list-select .wrap {height:50px; background: #F3F4F8;border-radius:3px; }
.mod-list-select {padding:35px 0;}	
.mod-list-select .l li label { line-height: 30px;margin-top:10px;}
.mod-list-select .l { background: none;height:94px;  }
.mod-list-select .r { position: absolute;right:10px;top:0; text-align: right;}
.mod-list-select .l > li {width:auto;margin-left:10px; text-align: left;}
.mod-list-select .l li label.on {border-bottom:2px solid #28D7BC; font-weight:normal; color:#666;}
}
@media (min-width: 992px) {
.mod-list-select .l > li {margin-left:20px; }
.mod-list-select .r {right:20px;}
}


.mod-listdata {}
.mod-listdata .page-div {padding-bottom:40px;}
 

@media (max-width: 767px) {
.mod-listdata {}	
.mod-listdata .container > .row .col-xs-6:nth-child(odd) {padding-left:15px; padding-right:8px;}	
.mod-listdata .container > .row .col-xs-6:nth-child(even) {padding-left:8px;padding-right:15px;}
.mod-listdata .each-mod .text {padding:10px; height: 90px;}
.mod-listdata .each-mod .text h2 {margin-bottom:0;}
.mod-listdata .each-mod .text p { display:none;}
	
}

@media (min-width: 768px) {
.mod-listdata .each-mod .text { height: 190px;}	
.mod-listdata .page-div{ text-align: center;}

}



/*--------page quick detail----------*/
.page-detail-quick {}

@media (min-width: 992px) {
.page-detail-quick .col-md-8.main-l { width: 69%; position:relative;} 
.page-detail-quick .col-md-4.main-r { width: 31%;} 
}

.page-detail-quick .mod-list-chose .bg1 { background:#f9f9f9}
.detail-content { padding:20px;padding-bottom:75px; position:relative;}
.detail-content h1 { font-size:18px;margin-top:0;margin-bottom:15px;line-height:1.42; }

.detail-content .collect-wrap {  position:absolute;bottom:25px;left:20px;height:34px; z-index:2;right:20px;border-top: 1px dashed #eee; padding-top: 10px; }
.detail-content .collect-wrap .article-collect {float:left;margin-right:4px; }
.detail-content .collect-wrap .article-collect .btn {border-radius:30px;  font-size:20px;padding:0;width:32px;height:32px;color: #fff;    font-weight: bold;
    background-color:#cccccc; border-color:#cccccc; }
.detail-content .collect-wrap .article-share {float:left;}
.detail-content .collect-wrap .article-collect .btn-primary {
    color: #fff;
    background-color:#F8D15C;
    border-color:#F8D15C;
}
.detail-tool .tool-content .icon-b a.active { color:#F8D15C }
.detail-tool .tool-content .icon-c a.active {color:#FF6060;}
.detail-tool .tool-content .icon-a a:hover {color: #76DCC7;}
.article-detail-wrap { position:relative;}


@media (max-width: 991px) {
.detail-tool {position: absolute; z-index: 2; top: -90px;left: 0; width: 100%;}	
.detail-tool .tool-content { position: relative;margin:0 12px; border-top: 1px dashed #eee;padding-top: 10px; height: 44px;}
.detail-tool .tool-content .button { float:left;margin-right:14px;}
.detail-tool .tool-content .button a {display:flex;color:#c0c5d0; overflow:auto;  }
.detail-tool .tool-content .button .iconfont {font-size:26px; line-height: 34px;}
.detail-tool .tool-content .button i { font-size:14px; font-style:normal; line-height: 34px; }
.detail-tool .tool-content .tool-share { float:right; position:relative;height:34px;}

.detail-tool .tool-share .bdshare-button-style1-16 .icon { margin:0; padding:0;float:left; overflow:hidden;width:34px; height:34px; background-size:auto;
 text-align:center;background-image: url(../images/social-sprite.png); background-repeat: no-repeat;}
.detail-tool .tool-share .bdshare-button-style1-16 .icon-wechat {
    background-position: -244px -4px;
}

.detail-tool .tool-share .bdshare-button-style1-16 .icon-wechat:hover {
    background-position: -244px -44px;
}
.detail-tool .tool-share .bdshare-button-style1-16 .icon-tsina {
    background-position: -4px -4px;margin-left:10px;
}
.detail-tool .tool-share .bdshare-button-style1-16 .icon-tsina:hover {
    background-position: -4px -44px;
}
 
 
}
@media (min-width: 768px) and (max-width: 991px) {
.detail-tool .tool-content {    margin: 0 30px;}	
.detail-tool {    top: -100px;}
}
@media (min-width: 992px) {
.detail-tool { position:relative; float:left; width: 80px; }
.detail-tool .tool-content { position: relative; padding:5px 0; overflow:hidden; width: 80px;background-color: #fff; top: 0;
 border-radius: 4px; box-shadow: 0 0 20px #eee; text-align:center;}
.detail-tool.fixed .tool-content { position:fixed;top:10px; }
.detail-tool .tool-content .button { width:70px;margin:0 auto; }
.detail-tool .tool-content .button a {display: block;color:#c0c5d0; overflow:auto;  border-bottom:1px solid #f5f5f5; } 
.detail-tool .tool-content .button a:hover { background-color:#F9F9FB;  }
.detail-tool .tool-content .button .iconfont {font-size:30px;margin:0;margin-top:12px;float:none;    display: inline-block; line-height: 1;  }
.detail-tool .tool-content .button i { font-size:14px;padding-bottom:11px; display:block;float:none; line-height:1.2; font-style:normal; }
.detail-tool .tool-content .tool-share {position:relative}
.detail-tool .tool-content .tool-share > div { width: 70px;  margin: 0 auto;}
.detail-tool .tool-share .bdshare-button-style1-16 { position:relative}
.detail-tool .tool-share .bdshare-button-style1-16 .icon {margin:0; padding:0; overflow:hidden;width:100%; height:70px;line-height:70px; background-size:auto;
 text-align:center;background-image:url(../images/share.png); }
.detail-tool .tool-share .bdshare-button-style1-16 .icon:hover { background-color:#F9F9FB;  }
.detail-tool .tool-share .bdshare-button-style1-16 .bds_weixin {background-position:0 0;  border-bottom:1px solid #f5f5f5;}
.detail-tool .tool-share .bdshare-button-style1-16 .bds_weixin:hover { background-position:0 -70px}
.detail-tool .tool-share .bdshare-button-style1-16 .bds_tsina { background-position:-140px 0;}
.detail-tool .tool-share .bdshare-button-style1-16 .bds_tsina:hover { background-position:-140px -70px}
 



.detail-article {margin-left:110px;position: relative; }
}

.detail-content .each-course { overflow:auto; position:relative;}
.detail-content .each-course .img-cover .date { position: absolute; z-index: 3;right:0;bottom:0;background-color: rgba(241, 85, 85, 0.8);padding:3px 10px;border-radius:10px 0 0 0;color:#fff;font-size:14px;}
.detail-content .each-course .img-cover .date.end-date {background: rgba(152, 152, 152, 0.8)!important;}
.detail-content .each-course .img-cover .date .iconfont {margin-right:3px;}
.detail-content .each-course .img-cover .tag {  position: absolute;left: 0; top: 0;z-index: 2; font-size: 12px; background-color: rgba(241, 85, 85, 0.8);
    color: #fff; display: inline-block;padding: 4px 10px;border-radius:0 0 6px 0;}
.detail-content .each-course .img-cover .tag.tag2 { background-color: rgba(230,157,60,0.7);}
.detail-content .each-course .caption {padding-top:15px; position: relative;}
.detail-content .each-course .desc {font-size:14px; line-height:1.6; padding-top:5px; margin-bottom:25px;color:#666; overflow: hidden;
   display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp:5;}
.detail-content .each-course .other { color:#888; overflow: auto;}
.detail-content .each-course .other span {font-size:13px; display:block; line-height:2;}
.detail-content .each-course .other .iconfont { color:#ff6817; margin-right:4px;}

.detail-content .course-action {  padding-top: 15px;border-radius: 5px; margin-top: 20px; }
.detail-content .course-action .l,
.course-bottom-action .l { float:left;}
.detail-content .course-action .r,
.course-bottom-action .r { text-align: right;}
.detail-content .course-action .r span,
.course-bottom-action .r span { line-height: 32px;  font-size:16px;color:#666;  padding-right: 10px; display: inline;}
.detail-content .course-action a,
.course-bottom-action a {text-align: center;display: inline-block;  
    -webkit-box-shadow: 0 3px 8px rgba(34,185,166,0.3);
    box-shadow: 0 3px 8px rgba(34,185,166,0.3);}
.detail-content .course-action .r span { display:none;}
.course-bottom-action.project-detail-action .r span { display:none}
.course-bottom-action.need-detail-action .r span { display:none}


.detail-content .course-action .btn-success,
.course-bottom-action .btn-success {
	 border:0;font-size:16px;padding:8px 15px;
    background: -webkit-linear-gradient(left, #4AD0BC ,#22B9A6);
    background: -o-linear-gradient(right, #4AD0BC, #22B9A6);
    background: -moz-linear-gradient(right, #4AD0BC,#22B9A6);
    background: linear-gradient(to right,#4AD0BC,#22B9A6);
}
.detail-content .course-action .btn-info,
.course-bottom-action .btn-info {font-size: 14px;  padding: 6px 10px;} 
.course-bottom-action { position: fixed;left:0;right:0;bottom:0;padding:15px 0; background: #fff;border-top:1px solid #ddd; box-shadow: 0 0 10px rgba(68,68,68,0.2); z-index: 8;}


.project-bottom-wrap .container { text-align:center}

@media(min-width:768px) { 
.detail-content { padding:40px 40px;padding-bottom:80px;}
.detail-content h1 { margin-bottom:20px;font-size:24px; padding-right:200px;}
.detail-content .each-course .desc {font-size:16px; line-height:1.8;height:auto; }
.detail-content .each-course .img-cover .date {font-size:16px;padding:4px 20px;}
.detail-content .each-course .img-cover .tag {    font-size: 14px;  padding: 6px 14px; border-radius:0 0 10px 0;}
.detail-content .collect-wrap { position:absolute;top:40px;left:auto; bottom:auto;right:5px;width:155px; border:0;padding:0; }
.detail-content .each-course .other .iconfont { font-size:16px;}
.detail-content .each-course .other span {float:left; margin-right:20px; font-size:15px;}
.detail-content .course-action .r span,
.course-bottom-action .r span { display:inline-block}
.detail-content .course-action { border-top: 1px dashed #ddd;}
.detail-content .course-action .r span { display:inline-block}
.detail-content .course-action .btn-success,.course-bottom-action .btn-success { font-size:17px;padding:8px 30px;}
.detail-content .course-action .btn-info {font-size: 15px; padding: 6px 20px;}
.detail-content.demand-content .collect-wrap {width: 128px;}
	 
.course-bottom-action.project-detail-action .r span { display:inline}
.course-bottom-action.need-detail-action .r span { display:inline}
}
@media(min-width:992px) { 
.detail-content { padding:40px 40px;}
.detail-content .each-course .desc {height:148px;  }
.detail-content .each-course .img {width:350px;float:left;}	
.detail-content .each-course .caption {margin-left:380px;padding-top:0;}
.detail-content .each-course .other span {float:right;}
.course-bottom-action {padding:20px;}
}
@media(min-width:1200px) { 

}

.detail-content-wrap {padding-bottom:60px; background: #f9f9f9;}
.detail-content-wrap .mod { position:relative; background-color: #fff;border-radius:4px; box-shadow: 0 0 20px #eee;padding:15px;}
.detail-content-wrap .mod .head {position: relative;margin-bottom:20px;}
.detail-content-wrap .mod .head h4 {margin:0;font-size:17px; color:#333; line-height: 36px; font-weight:normal;}
.detail-content-wrap .mod .head h4:after {width:35px;height:3px;border-radius:3px; background: #76DCC7; position: absolute;left:0;top:110%;content:' ';}
.detail-content-wrap .mod .head span { position: absolute;right:0;top:0; }
.detail-content-wrap .mod .head span a { line-height: 36px;color:#666;}
.detail-content-wrap .mod .head span a:hover {color:#28D7BC;}
.detail-content-wrap .mod .wrap {position:relative; }


@media(min-width:768px) { 
	.detail-content-wrap .mod { padding:25px;}	
	.detail-content-wrap .mod .head h4 {font-size:19px;}
	.detail-content-wrap .mod .head span a {font-size:15px;}
}


.mod-download {}
.download-content {position: relative;padding:20px 0;}
.download-content .each {background: #F9F9FB;padding:10px; position: relative;}
.download-content .each.hui { background: #fff}
.download-content .each p { margin-bottom:10px; font-size:15px; line-height: 22px;}
.download-content .each p span { display: block;width:37px; overflow: hidden;height:22px; background:#76DCC7;font-size:10px;  text-align: center;
	line-height: 22px; color:#fff; border-radius:4px; float: left;  margin-right: 10px; text-transform:uppercase;}
.download-content .each p .xls,.download-content .each p .xlsx { background:#75b556;}
.download-content .each p .doc,.download-content .each p .docx { background:#6f9bde;}
.download-content .each p .ppt,.download-content .each p .pptx { background:#f39047;}
.download-content .each p .pdf { background:#EC464A;}
.download-content .each p .txt { background:#92dce8;}
.download-content .each p .rar,.download-content .each p .zip { background:#a7373a;}

.download-content .each .action {}
.download-content .each .action a { display: inline-block;padding:3px 5px; color:#333;}
.download-content .each .action a .iconfont {color:#28D7BC;margin-right:5px; font-size:16px;}
.download-content .each .action a:hover {color:#28D7BC; font-weight: bold;}
.download-content .each .action .phone-hide { display:none}
.download-content .each .action a i { font-style:normal;   }
.modal-phone {}

.modal-phone .phone-img {width:220px;height:220px; margin:0 auto;background: #eee; overflow: hidden;}
.modal-phone .phone-desc { text-align: center;font-size:14px; padding-top:15px;}
.modal-phone .modal-body {padding-top:40px;}
.modal-phone .modal-footer { text-align: center}
@media(max-width:767px) { 
.modal-phone .modal-dialog { margin: 10px auto;  width: 290px;}
}
@media(min-width:768px) { 
	.download-content .each {padding:15px;}
	.modal-phone .phone-desc {font-size:16px;}
	.download-content .each p {padding-right:210px;margin-bottom:0;font-size:16px;}	
	.download-content .each p span {font-size:12px;}
	.download-content .each .action { position: absolute;right:15px;top:11px; font-size:15px;}
	.download-content .each .action a {border-radius:30px;padding:3px 15px 3px 12px;margin-left:3px; }
	.download-content .each .action a:hover { font-weight:normal;color:#fff; background:#28D7BC;transition:none;}
	.download-content .each .action a:hover .iconfont {color:#fff}
	 
}
@media(min-width:1200px) { 
.download-content .each .action .phone-hide { display:inline-block}
.download-content .each .action a i { display: inline-block!important;}
}


.mod-video {}
.mod-video .video-content { margin-bottom:20px;position: relative; text-align: center; overflow: hidden;width:100%;}


.mod-data {overflow: hidden; }
.mod-data .data-content {padding-bottom:25px;padding-top:15px; }
.mod-data .data-content .dl-horizontal dt { width:125px;padding-top:3px;padding-bottom:3px;  float:left; line-height:2; font-weight: normal;color:#999;}
.mod-data .data-content .dl-horizontal dd { line-height:2;margin-left: 126px;padding-top:3px;padding-bottom:3px; }
.mod-data .data-content .dl-horizontal dd a { padding-right:30px; color:#444; position:relative;  line-height:1.42; }
.mod-data .data-content .dl-horizontal dd a:after { content:'/';color:#ddd; position:absolute;right:12px;top:0; line-height:1.42;}
.mod-data .data-content .dl-horizontal dd a:hover {color:#28D7BC}
.mod-data .data-content .dl-horizontal dd a:last-child:after { color:#fff}

@media(min-width:768px) { 
.mod-data .data-content { font-size:15px;}
.mod-data .data-content .dl-horizontal dt {width:145px; }
.mod-data .data-content .dl-horizontal dd {margin-left: 150px;}	
}
 
.mod-desc {}
.mod-desc .desc-content { position: relative; line-height: 1.8; }
.mod-desc .desc-content p {margin-bottom:20px;margin-top:20px;}
@media(min-width:768px) {
.mod-desc .desc-content { font-size:16px;padding:0 10px; line-height:2; }	
}

.mod-swiper {}

.mod-company {}
.company-content {position: relative;}
.company-content .user-logo {position: relative; width:110px;height:110px; margin:0 auto;}
.company-content .user-logo a { display: block; width:100%;height:100%;} 
.company-content .user-logo .cover {width:100%;height:100%;border:1px solid #ddd;border-radius:50%; overflow: hidden; position:relative; z-index:1;}
.company-content .user-logo img {width:100%;height:100%; display:block;}
.company-content .user-logo .rz { position: absolute; 
    z-index: 2;
    right: -1px;
    bottom: -1px;
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/rz01.png);}
	.company-content .user-logo .rz-com { position: absolute; 
    z-index: 2;
    right: -1px;
    bottom: -1px;
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/rz03.png);}
.company-content .name {padding:15px 0; text-align: center;}
.company-content .name a {font-size:17px; color:#333;  font-weight: bold;}
.company-content .name a:hover {color:#28D7BC; }
.company-content .desc {margin-top:20px;  overflow: auto;}
.company-content .desc li { float:left;width:50%;}
.company-content .desc li a { display: block}
.company-content .desc li strong { display: block; font-weight: normal;text-align: center; font-size:20px; color:#28D7BC; line-height: 1.8;}
.company-content .desc li p {text-align: center; font-size:15px; color:#555;}
.company-content .desc li a:hover p {color:#28D7BC; }
.company-content .desc li + li {border-left:1px dashed #ddd;}

@media(min-width:768px) { 
	.company-content .desc {margin-top:35px; }
	.company-content .desc li strong {font-size:24px; }
	.company-content .user-logo .rz {width: 24px; height: 24px;}
	.company-content .user-logo .rz-com {width: 24px; height: 24px;}
}

.mod-project {}
.mod-project .project-content {padding-top:15px;}
.mod-project .project-content .each-mod {border:0;margin-bottom:25px;    overflow: auto;}
.mod-project .project-content .img-cover {    border: 1px solid #eee;width:135px;padding-bottom:94px;float:left;border-radius:4px;}
.mod-project .project-content .text {margin-left:140px;padding-right:0;height:auto; }
.mod-project .project-content .text h2 {font-size:16px; font-weight: normal;}
.mod-project .project-content .each-mod:hover .text { background:#fff;} 
.mod-project .project-content .each-mod:hover .text h2 a {color:#28D7BC}
.mod-project .project-content .each-mod:hover .text p {color:#888;}

.mod-swiper {}
.mod-swiper .swiper-content {padding-bottom:20px;}
.mod-swiper .swiper-content .swiper-container-focus .swiper-slide img {width:100%;height:auto;}
.mod-swiper .swiper-content .swiper-container-focus .swiper-button-white {width:36px;height:36px; background-color:#76DCC7;border-radius:50%;background-size:11px 20px;}
.mod-swiper .swiper-content .swiper-container-focus .swiper-pagination {background-color:rgba(86,203,187,0.7);width:55px;height:22px; border-radius:30px;
	line-height: 22px; color:#fff; text-align:center; left:50%;margin-left:-30px; font-size:12px;}

.mod-swiper .swiper-content .table {text-align: center;border-bottom:1px solid #ddd;color:#666; line-height: 1.6; }
.mod-swiper .swiper-content .table th {text-align: center; border:0;font-size:15px;background-color:#76DCC7; color:#fff; padding: 8px; }
.mod-swiper .swiper-content .table td {text-align: center;border-top:1px solid #eee;}


@media(min-width:768px) { 
	.mod-swiper .swiper-content .swiper-container-focus .swiper-button-white {width:56px;height:56px;background-size:16px 26px; }	
	.mod-swiper .swiper-content .swiper-container-focus .swiper-pagination {width:65px;height:26px;	line-height: 26px;font-size:14px;}
	.mod-swiper .swiper-content .table th {font-size:15px;}
	.mod-swiper .swiper-content .table td {font-size:15px;}
}




.head-tab {border-bottom:1px solid #eee;}
.head-tab ul { overflow: auto;}
.head-tab ul li { float:left; margin-right:0;text-align: center;}
.head-tab .nav > li > a { background: none!important;}
.head-tab .nav > li > a i { display:none; font-style:normal;}
.head-tab ul li a { padding:3px 10px; font-size: 16px; color: #333; line-height: 36px;font-weight: normal; border-bottom:2px solid #fff; position: relative;}
.head-tab ul li a:hover,.head-tab ul li a:active { background: none;}
.head-tab ul li.active a { border-bottom:2px solid #76DCC7;}
@media(min-width:414px) { 
.head-tab ul li {margin-right:5px;}
.head-tab ul li a { font-size: 17px;}
}

@media(min-width:768px) { 
	.head-tab ul li { margin-right:25px;}
	.head-tab ul li a {font-size: 18px;border-bottom:3px solid #fff;}	
	.head-tab ul li.active a { border-bottom:3px solid #76DCC7;}
	.head-tab ul li + li a:before {content:'/'; position: absolute;left: -17px;top: 3px;color: #e8e8e8;}
	.head-tab .nav > li > a i { display:inline}
}
@media(min-width:992px) { 
.head-tab ul li { margin-right:13px;}
 .head-tab ul li + li a:before { left: -10px; }
}
@media(min-width:1500px) { 
.head-tab ul li a {font-size: 19px;}
.head-tab ul li { margin-right:42px;}
.head-tab ul li + li a:before { left: -26px; }
}

.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(../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: #76DCC7;font-size: 15px; line-height:70px;text-align: center; color: #fff; cursor: pointer;}
@media (min-width: 768px) {
.mod-comment {margin-top:50px;padding:0 5px;}
.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 dotted #ddd;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(../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.active {color:#FF6060}
.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;}
}
/*--文章区域---*/
.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(../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(../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(../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;}
.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;}
}

/*-------page company-------*/

.page-quick .com-wrap {}
.page-quick .com-top-bg {background-color: #6CD6C2;background-image: url(../images/bg_usercenter4.jpg);
	 background-position:center top;background-repeat: no-repeat;}
.page-quick .com-top-wrap { }
.page-quick .mod-title h3:after { height:3px;   background: #76DCC7;}
.page-quick .com-top-wrap .com-info {    min-height: 100px;}
.page-quick .com-top-wrap .com-info .name { line-height:34px;}
.page-quick .com-top-wrap .com-info .com-desc { font-size: 14px; }
.page-quick .com-top-wrap .com-info .com-desc span {     position: relative;  display: inline-block;   padding-right: 14px; margin-right: 8px;}
.page-quick .com-top-wrap .com-info .com-desc a {color:#fff;}
.page-quick .com-top-wrap .com-info .com-desc strong {color: #fff;  padding-left: 4px;}
.page-quick .com-top-wrap .com-info .com-desc span + span:before {
    content: '|';
    color: #9ae3d5;
    position: absolute;
    left: -15px;
    top: 0;
}
.page-quick .mod-title .right-action a.back-link {color: #28D7BC;}
.page-quick .com-wrap .mod-about .data {margin-top:20px;  overflow: auto;    background: #f9fdfc;padding: 15px 0; border-radius: 8px;}
.page-quick .com-wrap .mod-about .data li { float:left;width:50%;}
.page-quick .com-wrap .mod-about .data li a { display: block}
.page-quick .com-wrap .mod-about .data li strong { display: block; font-weight: normal;text-align: center; font-size:20px; color:#28D7BC; line-height: 1.8;}
.page-quick .com-wrap .mod-about .data li p {text-align: center; font-size:15px; color:#555;}
.page-quick .com-wrap .mod-about .data li a:hover p {color:#28D7BC; }
.page-quick .com-wrap .mod-about .data li + li {border-left:1px dashed #ddd;}


@media(min-width:768px) { 
	.page-quick .com-top-wrap { background-size: auto; }
	.page-quick .com-top-wrap .com-info .name { line-height: 50px;}
	.page-quick .com-top-wrap .com-info .com-desc { font-size: 16px;padding-top: 10px;}	
	.page-quick .mod-loadlist .each-news .text .name a:hover {  color: #28D7BC;} 
	.page-quick .com-wrap .mod-about .data li strong {font-size:24px;}
}

@media(min-width:992px) { 
.page-quick .com-wrap .mod-about {margin-top:-20px;}
.page-quick .mod-loadlist .each-news:hover .name a {
    color: #28D7BC;
} 
	.page-quick .com-top-wrap {background-position: 70% 0;}
	
}



/*-------page quick pay-------*/
.quick-pay-wrap {    background-color: #f5f7f9; position:relative;}
.mod-pay {padding-bottom:50px;}
.mod-pay .pay-wrap {
    padding:40px 20px;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(96, 107, 119, 0.1);
    box-shadow: 0 0 20px 0 rgba(96, 107, 119, 0.1);
}
.payment-title {padding: 9px;background-color: #f5f5f5; text-align: center;margin-bottom: 20px; }
 
.pay-wrap .form-horizontal .control-label { text-align: left; font-weight: normal;}
.pay-wrap .btn-pay,
.pay-choose-wrap .btn-pay {width:100px;}
.btn-text-center {padding-top:30px;}
.pay-wrap .result-modal .search-list .eachone {border:1px solid #ccc;}
.pay-wrap .input-group {width:100%}
.pay-wrap .input-group-btn.yzm {width: 95px;border-radius:0 2px 2px 0;border: 1px solid #ddd; height: 34px; border-left: 0;}
.pay-wrap .input-group-btn.yzm img {width:100%;height:100%; }
.pay-wrap .input-group-btn.yzm > a { display:block}
.pay-wrap .add-group {margin-bottom:20px; position:relative; text-align:center;}
.pay-wrap .each-group { border:1px solid #eee; padding:30px 15px 15px 15px; margin-bottom:20px; position:relative; background-color:#fcfcfc; border-radius:4px;}
.pay-wrap .each-group .close-group { cursor:pointer;position:absolute;right:-10px;top:-10px; z-index:3;border-radius:20px;width:26px;height:26px;text-align:center; background:#e84e50;}
.pay-wrap .each-group .close-group .iconfont {  display:block; color:#fff; line-height:26px; font-weight:bold; font-size:12px; }
.pay-wrap .price {color: #F7810D; font-size: 18px;}
.pay-wrap .sure-group {border-top:1px dashed #ddd; padding:15px 5px; position:relative; }
.pay-wrap .sure-group .form-group {margin-bottom:5px;} 
@media(min-width:768px) {
.mod-pay {padding-bottom:100px;}	
.mod-pay .pay-wrap { padding:50px 50px;}
.pay-wrap .each-group { margin-bottom:30px; }
.pay-wrap .label-text {padding-top:7px; }
.pay-wrap .btn-pay,.pay-wrap .btn-add {width: 150px; font-size: 16px;}
}

 
.common-step {padding-top:35px;}
.common-step .step { position:relative;margin-bottom:30px;}
.common-step .step:after { position:absolute; z-index:1;content:' ';left:0;top:30%;width:100%;height:1px; border-top:1px dashed #ddd;}
.common-step .step-ul {display:table;width:100%; position:relative; z-index:2;}
.common-step .step-ul li {width:25%; display:table-cell; text-align:center;}
.common-step .step-ul li .num { color:#fff; display:inline-block;font-size:15px; line-height:22px; text-align:center;width:32px;height:32px;border:5px solid #f5f7f9;
border-radius:50%; background-color:#c0c4d0; font-weight:normal; }
.common-step .step-ul li p {  color:#a3a6af; font-size:10px; }
.common-step .step-ul li.active p {color:#67D8C1;}
.common-step .step-ul li.active .num {color:#fff;background-color:#67D8C1;}
 

@media(min-width:768px) {
.common-step {padding-top:25px;}
.common-step .step { margin-bottom:40px;}
.common-step .step:after { top:40%;}
.common-step .step-ul li .num {font-size:18px; line-height:28px; width:48px;height:48px;border:10px solid #f5f7f9;}
.common-step .step-ul li p {  font-size:14px; }
}

@media(min-width:992px) {
.common-step .step { margin-bottom:60px;}
.common-step .step:after {border-top:1px dashed #ddd;top:40%; }
.common-step .step-ul li .num { font-size:20px; line-height:38px; width:58px;height:58px;  }
.common-step .step-ul li p {  font-size:14px;   }
.common-step .step-ul li.active p {color:#45CFB4;}
 
}


.like-tag { position:relative;}
.like-tag ul { overflow:auto}
.like-tag ul li {float: left; position: relative;  padding: 5px 16px;margin-right:10px;margin-bottom:5px;
 border: 1px solid #CDCDCD;text-align: center; border-radius: 2px; cursor: pointer; background-color:#fff;}
.like-tag ul li.active { border-color: #1b8cca;color: #1b8cca;}
.like-tag ul li span {  position: absolute;right: 0px; top: 12px; opacity: 0; font-weight: normal;}
.like-tag ul li.active span { opacity: 1;}
.date-choose-group .input-group-addon {border-left:0;border-right:0; text-align:center;background: #f4f4f4;}



.paytab-menu {}
.paytab-menu li {float:left;width:110px; margin-right:10px;background:none; background-color:#fff;border:1px solid #eee; position:relative;}
.paytab-menu li a { display:block;background-color:#fff; padding:5px;}
.paytab-menu li .iconfont { display:none;}
.paytab-menu li.active {border:1px solid #75bb6c;}
.paytab-menu li.active .iconfont { display:block; position:absolute;right:1px;bottom:0px; z-index:9; font-size:15px; color:#fff;line-height: 1;}
.paytab-menu li.active a {background-color:#fff;position:relative;}
.paytab-menu li.active a:after { position:absolute; right:0;bottom:0; content:' ';
width: 0; 
height: 0; 
border-bottom: 25px solid #76d06a; 
border-left: 25px solid transparent; }
.paytab-menu .paychoose-label { display:block;width:100%;height:30px; background-size:contain; background-repeat:no-repeat; background-position:center;}
.paytab-menu .paychoose-label.wx {background-image:url(../images/pay_wx.png); }
.paytab-menu .paychoose-label.ali {background-image:url(../images/pay_zfb.png); }
.paytab-menu .paychoose-label.remit {background-image:url(../images/pay_account.png);}
.paytab-content { text-align:center;padding-top:20px;}
.paytab-content .ma-wrap {width:200px;margin:0 auto; padding:25px 15px 0 15px; }
.paytab-content .ma-wrap p {padding:15px;margin-left:-15px;margin-right:-15px; border:1px solid #ccc;border-top:0;border-radius:0 0 15px 15px; background-color:#fff; color:#444;}
.paytab-content .ma-wrap .img {width:150px;height:150px;margin:0 auto; padding:10px;overflow:hidden;
margin-bottom:25px; background-color:#fff; display:block; text-align:center;}
.paytab-content .ma-wrap-a {background-color: #38b035;border-radius:15px;}
.paytab-content .ma-wrap-b {background-color:#12abe6;border-radius:15px;}



.pay-succeed { text-align: center;}
.pay-succeed .pay-ok { margin: 0 auto; text-align:center; clear:both;}
.pay-succeed .pay-ok .iconfont {font-size: 40px;color:#fff;border-radius:50%;padding:15px;  display:inline-block; line-height:1;}
.pay-succeed .pay-ok .icon-right {background-color:#45CFB4; }
.pay-succeed .pay-ok .icon-moneybag {background-color:#f5b63f; }
.pay-succeed p { margin-bottom: 30px;font-size: 16px;margin-top:30px;}
.pay-succeed .btn {  border-radius:4px;padding:6px 40px;}
.pay-succeed .btn-default { background: none;border-color: #c5cddb; margin-left:15px;}
.pay-succeed .btn-default:hover { background:#f9f9f9}


@media(min-width:768px) {
.paytab-menu li { width: 150px;}
.paytab-menu li a {  padding:8px 15px;}
.pay-succeed .pay-ok .iconfont {padding:25px;  font-size:46px;}
.pay-succeed p { margin-bottom: 40px; font-size:20px;}
.pay-succeed .btn {padding:8px 40px;} 

}



/*----page about-----*/
.page-about {padding-bottom:50px; background:#fff;}
.page-about .mod-list-chose { background:none;}
.page-about .mod-list-chose .bg3 {background:none;}
.page-about .mod-list-chose .bg2 { background:none; }
.page-about .mod-list-chose .bg1 {  height:120px; background-color:#6cd6c2;top:0;bottom:auto; background-size:100%;
	background-image: url(../images/bg_usercenter4.jpg); background-position: center top;background-repeat: no-repeat;}
.page-about .mod-list-chose .mod-wrap { box-shadow:none; background:none;}

 
.page-about .about-tab { padding:20px 0;}
.page-about .about-tab ul { overflow:auto;margin-top:6px;}
.page-about .about-tab li {float:left;width:33.3%;padding:0 5px;}
.page-about .about-tab li a {padding:8px 0; color:#fff; display:block; border-radius:4px 4px 0 0;text-align:center;font-size:15px; position:relative;}
.page-about .about-tab li a:hover {color: #fff; background:#98e2d3; }
.page-about .about-tab li.active a {color:#28D7BC; background-color:#fff;font-weight: bold;}
 
.page-about .about-wrap { position:relative;min-height:600px;}
.page-about .about-wrap h2 {margin:0; text-align:center;padding-top:20px;color:#333; font-size:18px; position:relative; display:none;}
.page-about .about-wrap h2:after {
    left: 50%;
    margin-left: -17px;
    top: 120%;
    width: 35px;
    height: 2px;
    background: #67E2D0;
    content: ' ';
    position: absolute;
}
.page-about .about-wrap .content {padding:15px 20px; line-height:1.8; }
.page-about .about-wrap .content p {margin-bottom:15px;}

@media(min-width:768px) {
.page-about {padding-bottom:80px;}
.page-about .mod-list-chose .bg1 {  height:180px; background-size:auto; background-position:center -50px;}
.page-about .about-tab ul {margin-top:35px;width:70%;}
.page-about .about-tab { padding:30px 0;}
.page-about .about-tab li { padding:0 5px;}
.page-about .about-tab li a {font-size:20px;padding:15px 10px; }
 
.page-about .about-wrap h2 { font-size:30px;padding-top:40px;}
.page-about .about-wrap h2:after {height:3px}
.page-about .about-wrap .content {padding:40px 50px 80px 50px;font-size:16px;}
}
@media(min-width:1200px) {
.page-about .about-tab ul { width:50%;}	
}

.page-about .content-a {}
.page-about .content-a h4 { font-size:14px;padding:30px 0;line-height:1.6; width:50%;}
.page-about .content-a strong {font-size:18px; display:block;margin-bottom:10px; color: #28D7BC;}
.page-about .part1 { text-align:center; font-size:16px; font-weight:bold;margin-bottom:30px;}
.page-about .part2 { background-image:url(../images/about1.png); background-position:2% center; background-repeat:no-repeat; background-size:45%;}
.page-about .part2 h4 {margin-left:50%; }
.page-about .part3 { background-image:url(../images/about2.png); background-position:98% center; background-repeat:no-repeat; background-size:45%;}
.page-about .part3 h4 {margin-left:5%;  }
.page-about .part4 { background-image:url(../images/about3.png); background-position:2% center; background-repeat:no-repeat; background-size:45%;}
.page-about .part4 h4 { margin-left:50%;}

@media(min-width:768px) {
.page-about .content-a h4 {line-height:1.8; font-size:17px; padding:40px 0; width:40%;}	
.page-about .part1 { font-size:18px; }
.page-about .content-a strong {font-size:32px;font-weight: normal; }
.page-about .part2 {  background-size:35%; background-position:15% center;}
.page-about .part3 {  background-size:35%; background-position:85% center;}
.page-about .part4 {  background-size:35%; background-position:15% center;}
}
@media(min-width:1200px) {
.page-about .content-a h4 { padding:110px 0;}	
}

.page-about .content-b {}
.page-about .content-b .table th { text-align:center; vertical-align:middle;padding:15px 8px; background-color:#28D7BC;color:#fff;}
.page-about .content-b .table .large {font-size:16px; font-weight:bold;}
.page-about .content-b .table .price {font-size:18px; font-weight:normal; color:#ff4800; display:block; line-height:1.2;}
.page-about .content-b .table td { text-align:center; vertical-align:middle;padding:15px 8px; line-height:1.6;}
.page-about .content-b .icon-close { color:#EF4A4C; font-weight:bold; font-size:20px;}
.page-about .content-b .icon-right { color:#75C829;font-weight:bold; font-size:20px;}
.page-about .content-b .table tr:hover td { background-color:#F3F8F2} 

@media(min-width:768px) {
.page-about .content-b .icon-close { font-size:24px;}
.page-about .content-b .icon-right { font-size:24px;}	
.page-about .content-b .table .price {font-size:24px;}
.page-about .content-b .table .large {font-size:18px;}
}
.page-about .content-c {}
.page-about .content-c h3 {font-size:18px;color: #28D7BC;}
.page-about .about-wrap .content-c p {margin-bottom:0;}
@media(min-width:1200px) {
.page-about .content-c h3 {font-size:22px;padding-left: 25%;}
.page-about .about-wrap .content-c p {padding-left: 25%;}	
}

/*------page search-------*/
 
.modal-search .input-group {border:1px solid #4AD0BC;}
.modal-search .input-group .btn-submit {color:#4AD0BC;border-radius:0;}
.search-top-wrap .input-group .btn-submit {color:#4AD0BC;}
.search-top-wrap .input-group .btn-submit:hover, .search-top-wrap .input-group .btn-submit:active { background-color:#edfaef;color:#4AD0BC; }
.modal-search .input-group .btn-submit:hover, .modal-search .hot-label-wrap a:hover { background-color:#4AD0BC;color:#fff; }
 
.quick-search-wrap {background-color:#F8F8F8}
.quick-search-wrap .mod-title .color-strong, .quick-search-wrap .mod-loadlist .each-news .text .name a .color-strong { color: #f15f4f;}
.quick-search-wrap .search-top-wrap {  background-color:#6CD6C2;    background-image: url(../images/bg_usercenter3.jpg);}
.quick-search-wrap .mod { position: relative;background-color: #fff; border-radius: 4px;  box-shadow: 0 0 20px rgba(168,168,168,0.2); padding: 15px;}
.quick-search-wrap .mod .head {position: relative;margin-bottom:20px;}
.quick-search-wrap .mod .head h4 {margin:0;font-size:17px; color:#333; line-height: 36px; font-weight:normal;}
.quick-search-wrap .mod .head h4:after {width:35px;height:3px;border-radius:3px; background: #76DCC7; position: absolute;left:0;top:110%;content:' ';}
.quick-search-wrap .mod .head span { position: absolute;right:0;top:0; }
.quick-search-wrap .mod .head span a { line-height: 36px;color:#666;}
.quick-search-wrap .mod .head span a:hover {color:#28D7BC;}
 
@media(min-width:768px) { 
.quick-search-wrap .mod { padding:25px;}	
.quick-search-wrap .mod .head h4 {font-size:19px;}
.quick-search-wrap .mod .head span a {font-size:15px; }
.modal-search .input-group .btn-submit {border-radius:50%;}
.common-header .search-view .btn-search:hover {background-color:#edfaef;color:#4AD0BC;}
.modal-search .hot-label-wrap label:after {background-color:#4AD0BC;}
}
@media (min-width: 1200px) {
.common-header .common-right-wrap .search-view .search-content:hover {border:1px solid #4AD0BC;}
.common-header .common-right-wrap .search-view .search-content:hover .btn-search {background-color:#edfaef;color:#4AD0BC;}

}

.quick-search-wrap .each-news > .img { width: 135px;  }
.quick-search-wrap .each-news > .img .img-cover {border-radius: 4px;padding-bottom: 94px;}
.quick-search-wrap .each-news .text {    margin-left: 140px;  padding:0 0 0 10px;}
.quick-search-wrap .each-news .text .name {font-size:16px;}

.quick-search-wrap .sub-detail { position:relative;height: 48px;}
.quick-search-wrap .sub-detail .img { display: none; position: absolute; top: 6px; left:0;color: #666;width: 32px; height: 32px;}
.quick-search-wrap .sub-detail img {width:100%;height:100%; display: block;}
.quick-search-wrap .sub-detail .cover {width:100%;height:100%; position:relative; z-index:1; border-radius:50%; overflow: hidden;   background-color: #fff;border:1px solid #ccc;}
.quick-search-wrap .sub-detail .rz, .quick-search-wrap .sub-detail .rz-com {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;}
.quick-search-wrap .sub-detail .rz {background-image: url(../images/rz01.png);} 
.quick-search-wrap .sub-detail .rz-com {background-image: url(../images/rz03.png);}
.quick-search-wrap .sub-detail p {padding-left:0;  line-height:1.6; color: #999;  overflow: hidden;}
.quick-search-wrap .sub-detail p a {padding-right:20px; display:block}

@media (min-width: 768px) {
.quick-search-wrap .mod {padding: 25px;}
.quick-search-wrap .each-news > .img {width:220px;}
.quick-search-wrap .each-news .text { margin-left:240px;}
.quick-search-wrap .each-news > .img .img-cover { padding-bottom:136px;} 
.quick-search-wrap .each-news .text .name {font-size:19px;}
.quick-search-wrap .mod-loadlist .each-news .text .name a:hover {    color: #28D7BC;}
.quick-search-wrap .sub-detail .img { display:block;}
.quick-search-wrap .sub-detail p {
    padding-left:40px;
    line-height: 46px;
    padding-right: 40px;
}
.quick-search-wrap .sub-detail .rz, .quick-search-wrap .sub-detail .rz-com {
    width: 16px;
    height: 16px;
    right: -2px;
    bottom: -2px;
}
.quick-search-wrap .sub-detail p { line-height:40px;}
.quick-search-wrap .sub-detail p a { display:inline}
}


@media (min-width: 1200px) {
	.mod-loadlist .each-news:hover .name a { color: #28D7BC;}
}