@charset "utf-8";
/*!
 * quick3 member css in 2020
 * cj modify */
 
.common-header .main-logo .navbar-brand { height: auto; padding: 12px 0 15px 0;display: block; width: 72%;}
.common-header .main-nav .main-nav-ul > li > a:hover {color: #28D7BC;}
.member .mod-title .right-action a.back-link {color: #29bfa8;}
 
@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;}	
}	


.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; }
 @media (min-width: 768px) {
.common-header .search-view .btn-search:hover {background-color:#edfaef;color:#4AD0BC;}
.modal-search .hot-label-wrap label:after {background-color:#4AD0BC;}
.modal-search .input-group .btn-submit { border-radius:50%}
}
@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;}

}

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



/*-----qiuck------*/

.member.quick3-member {}
.member.quick3-member .table a {color:#29bfa8}
.member.quick3-member .table a:hover,.member.quick3-member .table a:focus {color:#29bfa8}
.member.quick3-member .edit-form .edit-btn .btn-lg.btn-info {color: #fff;  background-color: #50aefb;border-color: #3092e2;}
.member.quick3-member .edit-form .edit-btn .btn-lg.btn-info:hover {  color: #fff;background-color:#3092e2; border-color: #3092e2;}
.member.quick3-member .each-news .caption h3 a:hover {color:#29bfa8}

.member.quick3-member .mod-message .message-box .alert > a {color:#29bfa8}

.modal-rule {}
.modal-rule .modal-body p {padding-left:5px;padding-right:5px; line-height:1.8;}
.member.quick3-member .middle-info { 
    background-image: url(../images/bg_usercenter4.jpg);
    background-position: center top;background-color: #6CD6C2;
    background-repeat: no-repeat;}
.member.quick3-member .middle-info .container { background:none;}
.member.quick3-member .middle-info .account-detail a {  color: #cef5ee;}	
.member.quick3-member .middle-info .account-detail span:after { color:#98e2d3;}
.member.quick3-member .mod-title h3:after {background: #6cd6c2;}
.member.quick3-member .btn-success {
    color: #fff;
    background-color: #4AD0BC;
    border-color:#2db9a4;
}
.member.quick3-member .btn-success:focus,.member.quick3-member .btn-success.focus,.member.quick3-member .btn-success:active:hover,
.member.quick3-member .btn-success:active,.member.quick3-member .btn-success.active,.member.quick3-member .btn-success:active:focus,
.member.quick3-member .btn-success:hover {
   color: #fff;
    background-color: #36b9a6;
    border-color:#2db9a4;
}
.member.quick3-member .setting-link-form .color { display:inline-block;margin-left:10px;}
.member.quick3-member .setting-link-form .color-1 { background:none;color:#999; font-size:15px;}
.member.quick3-member .setting-link-form .color-2 {background:none;color:#f9a045;font-size:15px;}
.member.quick3-member .setting-link-form .color-3 {background:none;color:#40ab75;font-size:15px;}
.member.quick3-member .setting-link-form .rz {    display: inline-block;
    position: absolute;
    z-index: 2;
   left: 58%;
    bottom: 10px;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/rz01.png);} 
.member.quick3-member .setting-link-form .rz-com { display: inline-block;
    position: absolute;
    z-index: 2;
   left: 60%;
    bottom: 10px;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; background-image: url(../images/rz03.png);}
.member.quick3-member .setting-link-form .btn-success {border-radius:0;    padding: 5px 15px;}

.member.quick3-member .text-container-wrap { position:relative;  z-index:1;} 
.member.quick3-member .mod-credit .credit-form h5 { font-size:16px; font-weight:bold;padding-bottom:20px; text-align:center;padding-top: 7px;}
.member.quick3-member .help-ok {  height:auto; line-height:1.6;padding-top: 4px;}
.member.quick3-member .about-info .user-logo {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
}
.member.quick3-member .about-info  dl {   padding: 8px 0;}
.member.quick3-member .about-info dt,.member.quick3-member .about-info dd { line-height: 1.6;}
.member.quick3-member .btn-footer{ padding-top: 40px; text-align: center; padding-bottom: 20px;}
.member.quick3-member .download-table .icon-label{ color: #40ab75; margin-right: 5px;}
.member.quick3-member .data-table .checkbox-inline{ padding-top: 0;}
.member.quick3-member .data-table .checkbox-inline input[type="radio"]{ margin-top: 0}
@media (min-width: 768px){
.member.quick3-member .mod-credit .credit-form h5 { text-align:left;padding-bottom:0;}
.member.quick3-member .about-info .user-logo { width: 110px; height: 110px; border: 4px solid #fff;}
.member.quick3-member .edit-form .help-ok{line-height:1.8; }
.member.quick3-member .middle-info .container { background-size:auto }
.member.quick3-member .setting-link-form .iconfont { font-size: 70px; margin-top:-2px;}
.member.quick3-member .setting-link-form .rz,.member.quick3-member .setting-link-form .rz-com {width:22px;height:22px; bottom: 25px;}
}
@media (min-width: 1200px){
.member.quick3-member .edit-form .help-ok{ width: 75%; }	
}
 
.member.quick3-member .order-content .edit-form .btn{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.member.quick3-member .mod-indent-edit .order-content .edit-form {
    padding-top: 0;
}
 
.quick3-video-upload { position:relative;}
.quick3-video-upload .preview { margin-top:20px;width:300px; position:relative;    background: #000;}
.quick3-video-upload .delete { 
    position: absolute;
    right: -5px;
    z-index: 2;
    top: -5px;
    background-color: #E31C1F;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-family: arial;}
.quick3-video-upload video {width:100%; height:200px;position:relative; z-index:1;}
@media (min-width: 992px){
.quick3-video-upload video { width:100%;height:250px;}	
.quick3-video-upload .preview { width:400px; }
}

.member.quick3-member .quick-like-tag {max-width: 100%;    height: 220px; overflow: hidden;}
.member.quick3-member .quick-like-tag.auto {height:auto;}
.member.quick3-member .quick-like-tag ul li.active { border-color: #2db9a4; color: #2db9a4;}
.member.quick3-member .quick-like-tag ul li {width:48%;padding: 5px 5px; overflow:hidden;    white-space: nowrap; text-overflow: ellipsis; }
.member.quick3-member .quick-like-tag ul li.link { cursor:pointer;background-color: #4AD0BC; color:#fff;border-color: #2db9a4;}
.member.quick3-member .quick-like-tag ul li.link a {color:#fff!important}

.member.quick3-member .hr {    height: 20px; line-height: 20px; border-left: 5px solid #6cd6c2; padding-left: 15px; margin: 20px 0;}
.member.quick3-member .hr strong {font-size: 16px;   color: #6cd6c2;font-weight: normal;}
@media (min-width: 414px){

.member.quick3-member .quick-like-tag {height: 235px; }	
.member.quick3-member .quick-like-tag.auto {height:auto;}
}
@media(min-width:768px) {
.member.quick3-member .quick-like-tag { max-width: 100%; } 	
.member.quick3-member .quick-like-tag {height: 120px; }	
.member.quick3-member .quick-like-tag.auto {height:auto;}
.member.quick3-member .quick-like-tag ul li {width:100px;}
}
@media(min-width:1500px) {
.member.quick3-member .quick-like-tag {height: 80px; }	
.member.quick3-member .quick-like-tag.auto {height:auto;}	
}


.quick3-right-table {padding:5px;}
.quick3-right-table .table th { text-align:center; vertical-align:middle;padding:15px 8px; background-color:#28D7BC;color:#fff;}
.quick3-right-table .table .large {}
.quick3-right-table .table .price {}
.quick3-right-table .table td { text-align:center; vertical-align:middle;padding:15px 8px; line-height:1.6;}
.quick3-right-table .table .icon-close { color:#EF4A4C; font-weight:bold; font-size:20px;}
.quick3-right-table .table .icon-right { color:#75C829;font-weight:bold; font-size:20px;}
.quick3-right-table .table .table tr:hover td { background-color:#F3F8F2} 
@media(min-width:768px) {
.quick3-right-table .table .icon-close { font-size:24px;}
.quick3-right-table .table .icon-right { font-size:24px;}	

}
 
 
/*---index----*/ 
.mod-casedata { position:relative;}
.mod-casedata .data-ul { overflow:auto; background:#f5fbfa; border-radius:8px;}
.mod-casedata .data-ul .each { float:left;width:33.3%; position:relative;margin-bottom:20px;margin-top:20px;text-align:center;  }
.mod-casedata .data-ul.ul-3 .each { float:left;width:50%}
.mod-casedata .data-ul .each > a {color:#333;}
.mod-casedata .data-ul .each > a:hover strong {color:#28D7BC;}
.mod-casedata .data-ul .each + .each {border-left:1px dashed #ddd;}
.mod-casedata .data-ul .each strong {font-size:22px; line-height:1.42; font-weight:normal; font-family:Arial; display:block; text-align:center;}
.mod-casedata .data-ul .each .text {font-size:12px;color:#666; }
.mod-casedata .data-ul .each .iconfont { font-size:14px; width:20px;height:20px;line-height:20px; border-radius:50%; text-align:center; 
background:#28D7BC;color:#fff;margin-right:6px; display:none;} 
 
@media(min-width:768px) {
.mod-casedata .mod-content {padding-left:15px;padding-right:15px}
.mod-casedata .data-ul .each .iconfont { font-size:16px; width:24px;height:24px;line-height:24px; display: inline-block; }	
.mod-casedata .data-ul .each .text {font-size:15px;padding-right:10px;}
.mod-casedata .data-ul .each strong {font-size:30px;}
.mod-casedata .data-ul.ul-3 .each { float:left;width:25%}
}


/*----notice----*/
 

.mod-message .message-box .alert span.more {color:#888}
.modal-notice .modal-notice-detail {padding-bottom:10px;}
.modal-notice .btn {width:100px;margin-right:5px;}
.modal-notice .content { position:relative}
.modal-notice .icon-company {width:60px;height:60px; background-repeat:no-repeat; background-size:cover;border-radius:50%; overflow:hidden;
 position:absolute;left:10%;top:80px; display:none;}
.modal-notice dl { overflow:auto;padding-bottom:20px;}
.modal-notice dt { float:left;width:99px;line-height: 2;}
.modal-notice dd {margin-left:100px;line-height: 2;}

@media(min-width:768px) {
.modal-notice .icon-company { display:block}	
.modal-notice dl {padding-left:30%; }
}

/*----join---*/
.modal-join {}
.mod-company .apply-info .tips {max-width:400px;margin:0 auto;  line-height:1.6;color:#666;margin-bottom: 10px;text-align: justify;}


/*-----shop-------*/
.member-shop { position:relative}
.mod-shop {}
.shop-s1 { position:relative;padding-bottom:20px; }
.shop-s1 h2 { font-size:18px; font-weight:bold; text-align:center;}
.shop-s1 .desc { padding-top:30px;}
.shop-s1 .shop-tip { padding-top:10px;  line-height:1.8;color:#666; text-align:center; }
.shop-s1 .shop-ex { text-align:center;}
.shop-s1 .shop-ex img {width:150px;height:auto}
.shop-s1 .action { padding-top:30px; text-align:center;}
.shop-s1 .action .btn { font-size:15px;padding:8px 30px;}

@media(min-width:992px) {
.shop-s1 {  height:600px;} 
.shop-s1 h2 { text-align:left; font-size:22px;}
.shop-s1 .desc {padding-left:51%;padding-top:60px;}	
.shop-s1 .shop-tip { text-align:left;font-size:16px;  max-width:400px;}
.shop-s1 .action { text-align:left}
.shop-s1 .shop-ex img {width:auto;}
.shop-s1 .shop-ex {  width:50%; position:absolute;left:0;top:0;}
}
.shop-s2 .fileupload .thumbnail, .shop-s2 .fileupload .thumbnail img {
    border-radius: 100px;
}
.shop-s3 .s3-case ,.shop-s4 .s4-case {width:100%;max-width:500px;}
.shop-s5 .alert-warning {margin-bottom:30px;}
@media(min-width:768px) {
.shop-s5 .alert-warning {width:80%;margin:0 auto;margin-bottom:30px;}
}
 
.shop-s6 { position:relative;padding-bottom:20px; }
.shop-s6 h2 { font-size:18px; font-weight:bold; text-align:center;}
.shop-s6 .desc { padding-top:30px;}
.shop-s6 .shop-tip { padding:15px 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;  line-height:1.8;color:#666; text-align:center;     margin-top: 40px;}
.shop-s6 .shop-ex { text-align:center;}
.shop-s6 .shop-ex img {width:150px;height:auto}
.shop-s6 .action { padding-top:30px; text-align:center;}
.shop-s6 .action .btn { font-size:14px;padding:6px 20px; margin-bottom:15px;margin-right:5px;}
.shop-s6 .shop-tip-red {color: #4bd0bd;font-weight: bold;}
@media(min-width:992px) {
.shop-s6 {  height:600px;} 
.shop-s6 h2 { text-align:left; font-size:22px;}
.shop-s6 .desc {padding-left:51%;padding-top:60px;}	
.shop-s6 .shop-tip { text-align:left;font-size:16px;  max-width:440px;margin-bottom: 80px;}
.shop-s6 .action { text-align:left}
.shop-s6 .shop-ex img {width:auto;}
.shop-s6 .shop-ex {  width:50%; position:absolute;left:0;top:0;}
.shop-s6 .action .btn {font-size:15px;}
}
 
 
 
.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 #fff;
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:#29bfa8;}
.common-step .step-ul li.active .num {color:#fff;background-color:#29bfa8;}
 

@media(min-width:768px) {
.common-step {padding-top:25px;width:80%;margin:0 auto;}
.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 #fff;}
.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: #29bfa8;}
 
}

/*-----shop data-------*/
.quick3-member .writer-data-wrap .data-ul li {width:49%}
@media(min-width:1200px) {
.quick3-member .writer-data-wrap .data-ul li {width:25%}
}