@charset "utf-8";
/*!
 * qianjia css in 2019
 * cj modify */


.bottom-tool .each.weixin > a  { display:block;    font-size: 12px;line-height: 14px;padding-top: 5px; }
.bottom-tool .weixin { display:block}
.bottom-tool { bottom:40px;}
@media (min-width: 768px) {
.bottom-tool .each.weixin > a  {font-size: 14px;line-height: 19px;padding-top: 5px; }
}
 
/*-------common-------*/
.member {}

/*--choose tab--*/
.member .choose-status-wrap .tab-ul li a {padding:12px 2px;margin:0;border-bottom:3px solid #fff; font-weight:normal; font-size:14px; cursor:pointer; display:inline-block;}
.member .choose-status-wrap .nav > li > a{
    background-color: #fff;
}
.member .choose-status-wrap .tab-ul li.active a {border-bottom:3px solid #50aefb;}
.member .choose-status-wrap .agreement-wrap{
    margin-top: 20px;
}
.member .choose-status-wrap .agreement-detail p {
    margin-bottom: 20px;
}
.member .mod-content .choose-status-wrap {
    border-bottom: none;
    padding: 0 25px;
}
.mod-credit .credit-form .credit-right-action {text-align:center;position:relative;z-index:3;top: 0;}

.mod-credit .credit-form .credit-right-action .btn {border-radius:30px; padding:5px 20px; border: 0;}
.mod-credit .credit-form .credit-right-action .btn:hover { opacity:0.8;}
.mod-credit .credit-form .credit-right-action .btn-shop,
.mod-credit .credit-form .credit-right-action .btn-shop:hover,
.mod-credit .credit-form .credit-right-action .btn-shop:active { color:#fff; background: #51d6b0; box-shadow: 0 3px 8px rgba(53, 167, 104,0.3);}
.mod-credit .credit-form .credit-right-action .btn-rule,
.mod-credit .credit-form .credit-right-action .btn-rule:hover,
.mod-credit .credit-form .credit-right-action .btn-rule:active {  color:#444; background: #fff; box-shadow: 0 3px 8px rgba(173, 195, 183,0.3);}


@media(min-width:768px) {
.member .choose-status-wrap .tab-ul li a {padding:15px 5px; font-size:15px;}
.mod-credit .credit-form .credit-right-action {width:auto;position:absolute;left: 0;top: 10px;}
.mod-credit .credit-form .right-action .btn { padding:6px 25px; font-size:15px;  }
}

/*--fileupload--*/

.member .fileupload {width:100%; position:relative;margin-bottom:5px;}
.member .fileupload .btn-action { position:absolute;right:0;top:0; z-index:2;width: 100%;  height: 100%;}
.member .fileupload .thumbnail { margin-bottom:0; width:100%;height:0; position:relative; border:1px solid #ddd; border-radius:4px;}
.member .fileupload .thumbnail img { position:absolute;width:100%;height:100%;border-radius:5px;left:0;top:0;}
.member .fileupload .btn {width: 100%;     border: 0; height: 100%;padding:0; background:none; text-indent:-400px; overflow:hidden; text-align:left; }
.member .fileupload .btn:focus,
.member .fileupload .btn:active,
.member .fileupload .btn:hover { background:none}
.member .fileupload .btn-file > input { transform: none; height: 100%;left: 0; width: 100%;}


/*--alert--*/

.alert.news-edit-alert { padding: 10px 12px;   margin-bottom: 30px; border-radius: 0; color: #888; background: none; border: 0; border-bottom: 1px dashed #ddd;}
.alert.news-edit-alert .iconfont { color: #f7a84f;  margin-right: 4px;}
.alert.news-edit-alert a { color:#f7a84f; font-weight:bold}
.alert.news-edit-alert a:hover { text-decoration:underline}
.alert.news-edit-alert p {padding:3px 0;}
@media(min-width:768px) {
.alert.news-edit-alert {font-size:14px}
}

/*--edit form--*/
.edit-form {}
.edit-form select.form-control { appearance: none;
    -webkit-appearance: none;
    background-image: url(http://qianjia.com/jscss/common/images/select_bg.png);background-repeat: no-repeat;background-position: right center;}
.edit-form .control-label { font-weight:normal;}
.edit-form .tag-wrap { overflow:auto}
.edit-form .tag-wrap .form-control {margin-bottom:15px}
.edit-form .tag-wrap .form-control:last-child {margin-bottom:0;}

.edit-form .input-group-btn.yzm {width: 95px;border-radius: 0 2px 2px 0;border: 1px solid #ddd; height: 34px; border-left:0;}
.edit-form .input-group-btn.yzm img { width: 100%; height: 100%;}

.edit-form .edit-btn { text-align:center;padding-top:40px;}
.edit-form .edit-btn .btn-lg { font-size:15px;min-width:60px;padding: 6px 10px; }
.edit-form .edit-btn .btn-lg + .btn-lg {margin-left:10px;}

.edit-form .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.edit-form .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {background: #313131;}


@media(min-width:768px) {
.edit-form .form-horizontal .control-label { text-align:left;margin-bottom: 5px;}
.edit-form .form-control { width:400px;}
.edit-form .input-group {width:400px;}
.edit-form .input-group .form-control {width: 100%;}
.edit-form .tag-wrap .form-control { display:inline-block;width:127px;margin-bottom:0;margin-left:5px;}
.edit-form .tag-wrap .form-control:first-child {margin-left:0;}

.edit-form .edit-btn { text-align:left;padding-top:40px;}
.edit-form .edit-btn .btn-lg { font-size:17px;min-width:120px;padding:7px 12px;}
.edit-form .edit-btn .btn-lg + .btn-lg {margin-left:15px;}

 }

@media(min-width:992px) {
.edit-form .form-horizontal .control-label {margin-bottom:0;text-align:right;}
}


/*--modal form--*/

.modal-form {padding:0 5px;}
.modal-form .control-label {font-weight:normal}
.modal-form .btn + .btn {margin-left:15px;}
.modal-form .edit-btn-wrap { text-align:center;padding-top:5px;}
@media(min-width:768px) {
.modal-form {padding:0 10px;}
.modal-sm .modal-form {padding:0;}
.modal-form .btn + .btn {margin-left:20px;}
.modal-sm .modal-form .btn + .btn {margin-left:15px;}

}

.modal-error {}
.modal-error h5 { font-size:16px;color:#444; text-align:center;line-height:1.6;}
.modal-error .btn-footer {padding-top:40px;text-align:center;padding-bottom:20px;}
.modal-error .btn-footer .btn {}
.modal-error .btn-footer .btn + .btn {margin-left:15px;}

/*--list--*/

.news-list  {padding:15px 0;}
.each-news { background-color: #fff;padding:15px 0; overflow:auto; position:relative; text-align:left;border-bottom:1px dashed #eee; }
.each-news:hover {  background-color: #fcfcfc; }
.each-news .img { float: left;  width: 90px;margin-top:3px;}
.each-news .img .img-cover { padding-bottom: 62%; }
.each-news .caption {margin-left:105px;}
.each-news .caption h3 {margin:0;margin-bottom:5px;font-size: 15px; line-height:1.42;}
.each-news .caption h3 a { color: #555; display: block; width:100%;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}
.each-news .caption h3 a:hover {color:#3092E2;}
.each-news .caption .iconfont {margin-right:3px; display:inline-block; }
.each-news .caption .desc { color:#999;padding-bottom:8px;  display: -webkit-box; overflow: hidden; display:none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;}
.each-news .caption .sub-detail {color:#999;padding-bottom:8px;  font-size:12px; }
.each-news .caption .sub-detail span {padding-right:15px;}
.each-news .caption .sub-detail span:last-child {margin-right:0}
.each-news .caption .sub-detail a {color:#999;}
.each-news .caption .sub-detail a:hover {color:#3092E2}
.each-news .caption .action {padding-bottom:8px;padding-top:8px; }
.each-news .caption .action .btn {padding:2px 15px; font-size:12px;}
.each-news .caption .action .btn + .btn {margin-left:6px;}

.unpass-tips {margin-bottom: 10px;
    color: #888;padding: 10px 10px;
    border: 1px solid #f7f3ef;
    background-color: #fffdf5;
    border-radius: 5px;}
.unpass-tips .iconfont {    color: #f7a84f;
    margin-right: 4px;}

@media(min-width:768px) {
.news-list  {padding:20px 0;}
.each-news { padding:20px 15px; border-bottom:1px dashed #ddd;}
.each-news .img {width:180px;}
.each-news .caption {  margin-left:200px;}
.each-news .caption h3 { font-size: 18px;  margin-bottom:8px;}
.each-news .caption .desc { display:block;}
.each-news .caption .sub-detail {font-size:14px;}
.each-news .caption .action .btn {padding:2px 15px; font-size:14px;}
}




/*-----------/page/member index---------*/

.member-index {}

.btn-sign {cursor: pointer;margin:0 auto;display:block;text-align:center;padding-top:1px;background-color: #469EE6;border-radius:30px;width:160px;margin-top:15px;margin-bottom:5px;
    -webkit-box-shadow: 0 3px 8px rgba(51,143,218,0.3);
    box-shadow: 0 3px 8px rgba(51,143,218,0.3);}
.btn-sign .iconfont {display:inline-block;font-size:20px; color:#d0eaf9; line-height:36px; vertical-align:middle; }
.btn-sign .btn {border-radius:5px;  display:inline-block;font-size:15px; border:0; background:none!important; vertical-align:middle; padding:0; line-height:36px;}
.numb {color:#2D92E5; text-align:center;display:inline-block; margin-top:5px;line-height:1.42;font-weight:bold;  font-family:arial; }

@media (min-width: 768px) {
 .btn-sign {float:right;margin:0 auto;border-radius:5px; width:110px; }
 .btn-sign .iconfont { font-size:38px;margin:16px auto 8px auto; line-height:1;  }
 .btn-sign .btn {font-size:15px; display:block;height:36px;padding:0; line-height:1.2; }
  .btn-sign:hover {background-color:#5ea8e4;}
 .btn-sign:hover .iconfont {color:#fff}
 .numb {margin-top:30px}
}
@media (min-width: 992px) {
.member .member-index .paddingleft-0 .blank { display:none;}
}

/*---level---*/
.mod-lever {}
.mod-lever .mod-content {padding:10px 0; }

.level-info { text-align:center; }
.level-info .info-detail {}
.level-info .icon--huiyuanqiaguanli {color:#f7e6a9;background-color:#402719;}
.level-info .icon-jifen2 { background-color:#88e0c7;color:#fff; }
.level-info .num { text-align:center;font-size:24px;padding-bottom:15px;}
.level-info .num a {color:#444;}
.level-info .info-detail .col-xs-6:first-child {border-right:1px solid #eee;}
.level-info h4 {font-size:13px; margin-top:5px;margin-bottom:10px;}
.level-info .num .iconfont  {margin-right:2px; line-height:1;  padding:4px; border-radius: 50%; display:inline-block; font-size: 18px; top: -2px;position: relative;}

.level-info .progress-text { position:relative; margin:15px 0; padding:0 2px;background-color:#634938;border-radius: 10px;height:7px; }
.level-info .progress-text .t1,
.level-info .progress-text .t3 { position:absolute; z-index:2;left:-5px;top:-7px;font-size:10px;color:#f7e6a9; line-height:1.2;padding:3px 6px;border-radius:20px;
background-color:#402719; }
.level-info .progress-text .t1:before { position:absolute;content:' ';width:10px;height:7px; background-color:#deca68;left:-10px;top:7px; border-radius:6px 0 0 6px;}
.level-info .progress-text .t3 {left:auto; right:-5px; }
.level-info .progress-text .t3:before { position:absolute;content:' ';width:10px;height:7px; background-color:#634938;right:-10px;top:7px; border-radius:0 6px 6px 0;}

.level-info .progress-text .t2 { position:absolute; z-index:4;left:0;top:-22px;font-size:10px;color:#fff;margin-left:-15px; line-height:1.2;
 padding:2px 6px;border-radius:10px; background-color:#deca68;}
.level-info .progress-text .t2:after {content:' '; position:absolute;top:100%;left:40%;width: 0;height: 0;border-left: 3px solid transparent; border-right: 3px solid transparent;
    border-top: 5px solid #deca68;}
.level-info .progress-wrap { position:relative; z-index:1; }
.level-info .progress-wrap .progress {margin: 0; background:none; border-radius: 10px;  height:7px; box-shadow:none;position:relative; z-index:1; }
.level-info .progress-wrap .progress-bar {  border-radius:10px; background-color:#deca68; line-height:7px; }

.level-info .progress-text detail {position:absolute;right:0;bottom:-35px; text-align:right;width:100%;font-size:12px;color:#848484; line-height:2;}

@media (min-width: 768px) {
.mod-lever .mod-content {padding:0 10px 10px 10px;}
.level-info .num { font-size:30px;}
.level-info h4 {font-size:15px; margin-top:15px;}
.level-info .progress-text {margin:25px 0; display:block; }
.level-info .num .iconfont { padding:6px; font-size:24px; top:-3px;margin-right:5px;  }
.level-info .progress-text .t1,.level-info .progress-text .t2,.level-info .progress-text .t3 {font-size:12px;}
}
@media (min-width: 1500px) {
.level-info .progress-text .t1:before {width:30px;left:-30px;}
.level-info .progress-text .t3:before {width:30px;right:-30px;}
}


/*--account safe--*/

.mod-safe {}
.mod-safe .account-safe {padding-left:15px;padding-right:15px;text-align:center;}
.mod-safe .account-safe .row { }
.mod-safe .account-safe a {padding:10px 0;margin:0 auto; text-align:center; display:inline-block;color:#444;}
.mod-safe .account-safe h3 {font-size:14px;margin-bottom:8px;margin-top:8px;}
.mod-safe .account-safe .iconfont { font-size:20px; color:#fff;background-color:#5fb2e0;padding:8px;border-radius:50%; display: inline-block; line-height: 1;opacity:1;
box-shadow: 0 3px 8px rgba(51,143,218,0.3);}
.mod-safe .account-safe a:hover .iconfont { opacity:0.8; }
.mod-safe .account-safe .icon-people { background-color:#64dcba;
box-shadow: 0 3px 8px rgba(53, 167, 104,0.3); }
.mod-safe .account-safe .icon-shouji4 {background-color:#447dd2;
 box-shadow: 0 3px 8px rgba(51,143,218,0.3); }
.mod-safe .account-safe .icon-mail {background-color:#f1bd70;
box-shadow: 0 3px 8px rgba(214, 167, 62,0.3); }
.mod-safe .account-safe .icon-weixin2 {background-color:#64cc62;
 box-shadow: 0 3px 8px rgba(98, 214, 101,0.3); }

@media (min-width: 768px) {
.mod-safe .account-safe a {padding:20px 0;}
.mod-safe .account-safe .iconfont { font-size:30px;padding:18px;  }
.mod-safe .account-safe h3 {margin-top:12px;margin-bottom:10px; font-size:15px;}
}


/*--task--*/

.mod-task {}
.mod-task .task-info { overflow:auto;}
.mod-task .task-info .each {float:left;width:33.3%; margin-bottom:30px; }
.mod-task .task-info .each .c {padding:15px 0;width:85%;margin:0 auto; text-align:center; border:1px solid #eee;border-radius:3px 3px 0 0;border-bottom:0;
background-color:#fff; position:relative;transition: all 0.3s ease-in-out;}
.mod-task .task-info .each .btn { width:85%;margin:0 auto;display:block;border-radius:0 0 3px 3px;border-top:0!important;}

.mod-task .task-info .iconfont {font-size:26px; line-height:1;  opacity:0.5;}
.mod-task .task-info .each:hover .iconfont { opacity:1; }
.mod-task .task-info p {font-size:12px;padding-top:3px;}
.mod-task .task-info .num { display: block; font-size:12px;color:#999;padding-top:5px; position:absolute;right:0;top:0;padding:3px 5px; background-color:#ECF0F3;border-radius:0 3px 0 6px;}
.mod-task .task-info .num .iconfont {font-size:1em;color:#999!important; opacity:1; display:none;}

.task-info .each.style1 .btn { background-color:#3A82CD;color:#fff;}
.task-info .each.style1 .iconfont {color:#3a82cd;}

.task-info .each.style2 .btn { background-color:#75c1ea;color:#fff;}
.task-info .each.style2 .iconfont {color:#75c1ea;}

.task-info .each.style3 .btn { background-color:#5fd669;color:#fff;}
.task-info .each.style3 .iconfont {color:#5fd669;}

.task-info .each.style4 .btn { background-color:#f3c344;color:#fff;}
.task-info .each.style4 .iconfont {color:#f3c344;}

@media (min-width: 768px) {
.mod-task .task-info .each {float:left;width:25%;	margin-bottom:30px; }
.mod-task .task-info .each .c {padding:20px 0; }
.mod-task .task-info p {padding-top:8px; font-size:15px;}
.mod-task .task-info .iconfont {font-size:40px; }
}


/*---hot-news list---*/


.mod-newshot {}
.mod-newshot .mod-content {padding:0 5px;padding-bottom:10px;}
.mod-newshot .btn-info {font-size:12px;border-radius:20px;padding: 4px 16px;}

.mod-newshot .news-list-li {}
.mod-newshot .news-list-li li {margin-bottom: 18px;}
.mod-newshot .news-list-li li>a { display: block;font-size: 15px; color: #333; margin-bottom: 3px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mod-newshot .news-list-li li a:hover,
.mod-newshot .news-list-li li .tag a:hover { color: #1b8cca;}
.mod-newshot .news-list-li li .tag a {  margin-right: 5px;font-size: 10px; color: #ccc;}

@media (min-width: 768px) {
.mod-newshot .mod-content {padding:0 5px; padding-bottom:10px;}
.mod-newshot .news-list-li li>a {font-size: 16px; margin-bottom: 5px;}
.mod-newshot .news-list-li li .tag a {font-size:12px}
}


/*------------/page/member news-------------*/

.member-news {}

/*--list--*/
.mod-newslist {}
.mod-newslist .mod-content { }
@media(min-width:768px) {
.mod-newslist .mod-content {padding:0 10px;}

}

/*--edit--*/
.mod-news-edit {}


.news-search-info {margin-bottom:20px;}
.news-search-info .input-group {max-width:300px;}
.news-search-info .btn-edit .iconfont {margin-right:4px; display:inline-block}
.news-search-info .btn-edit {padding: 9px 15px;}

@media(min-width:768px) {
.news-search-info .btn-edit {font-size:14px;padding:10px 20px;}
.mod-news-edit .edit-content {padding:0 15px;padding-bottom:40px;}
}

/*------------/page/member zhike-------------*/

.member-zhike {}

/*--list--*/
.mod-zhikelist {}
.mod-zhikelist .mod-content { }
@media(min-width:768px) {
.mod-zhikelist .mod-content {padding:0 10px;}

}


/*--edit--*/
.mod-zhike-edit {}

.edit-form .upload-payment { overflow:auto; }
.edit-form .upload-payment .each-payment {float:left; margin-right:5%;width:44%;overflow: hidden;    border:1px solid #ddd;border-radius: 7px;}
.edit-form .upload-payment .each-payment .desc { display:block; text-align:center;width:100%;height:0;padding-bottom:27%; background-position:center top; background-color:#fff;
 background-size:90%;    overflow: hidden; text-indent: -500px;}
.edit-form .upload-payment .each-payment.alipay .desc { background-image:url(http://www.aprmailers.com/jscss/common/images/alipay.jpg);}
.edit-form .upload-payment .each-payment.wx .desc {background-image:url(http://www.aprmailers.com/jscss/common/images/wxpay.jpg);}
.edit-form .upload-payment .each-payment.alipay .fileupload {border:15px solid #019FE8}
.edit-form .upload-payment .each-payment.wx .fileupload {border:15px solid #2EAD38}
.edit-form .upload-payment .fileupload .thumbnail,
.edit-form .upload-payment .fileupload .thumbnail img {border-radius:0;}
.edit-form .upload-payment .fileupload .thumbnail {border:0}

@media(min-width:768px) {
.mod-zhike-edit .edit-content {padding:0 15px;padding-bottom:40px;}
.edit-form .upload-payment .each-payment {margin-right:40px; width:180px; border-radius: 10px; }
.edit-form .upload-payment .each-payment.alipay .fileupload {border:22px solid #019FE8}
.edit-form .upload-payment .each-payment.wx .fileupload {border:22px solid #2EAD38}
}


/*----writer info----*/
.mod-writer {}
.writer-data-wrap {margin-bottom:30px;}
.writer-data-wrap .data-ul { overflow:auto; }
.writer-data-wrap .data-ul li {float:left; text-align:center;width:33.3%;margin-bottom:12px;padding:10px 0; }
.writer-data-wrap .data-ul li:hover { opacity:0.8}
.writer-data-wrap .data-ul li a { border-radius:4px;width:90%;margin:0 auto;display:block; padding-right:15px;}
.writer-data-wrap .data-ul span {color:#444; font-size:12px; display:block; }
.writer-data-wrap .data-ul strong { color:#333;font-size:20px; font-weight:normal; display:block;}
.writer-data-wrap .data-a a strong { color:#A9DE2F}
.writer-data-wrap .data-b a strong { color:#5AB1EF}
.writer-data-wrap .data-c a strong { color:#FABF3D}
.writer-data-wrap .data-d a strong { color:#60E3E4}
.writer-data-wrap .data-e a strong { color:#3C4B5E}

.writer-info-wrap {padding-bottom:30px; }
.writer-info-wrap .edit-form { padding:10px; }
.writer-info-wrap .fileupload .thumbnail, .writer-info-wrap .fileupload .thumbnail img {border-radius:50%;}

@media (min-width: 768px) {
.writer-data-wrap .data-ul li {padding:18px 0; }
.writer-data-wrap .data-ul li a {  line-height: 1.2;    padding-right: 20px;}
.writer-data-wrap .data-ul span { font-size:16px;  padding-bottom:4px;}
.writer-data-wrap .data-ul strong {font-size:32px;font-family: "arial", Tahoma,SimSun , sans-serif; }
.writer-info-wrap .edit-form { padding:40px; }
}

@media (min-width: 1200px) {
.writer-data-wrap .data-ul li { width:20%; margin-bottom:0;}
.writer-data-wrap .data-ul li a { border-radius:6px; border-right:1px dashed #ddd;    }
.writer-data-wrap .data-ul li:last-child a {border-right:0}
}


/*----writer data---*/
.mod-data {}
.mod-data .writer-data-wrap {}
.mod-data .writer-data-wrap .data-ul { border-bottom:1px dashed #ddd;}

.writer-search-wrap {margin-bottom:15px; position:relative;}
.writer-search-wrap .date-choose-group {margin-top:15px;position:relative;}
.writer-search-wrap .date-choose-group .btn { border-radius:0 5px 5px 0;}
.writer-search-wrap .date-choose-group .input-group-addon {border-left:0; border-right:0;}
.writer-search-wrap .date-choose-group .form-control {padding: 6px 3px;border-left:0; border-right:0; text-align:center;}
.writer-search-wrap .date-choose-group .form-control:first-child {border-radius:5px 0 0 5px;  border-left:1px solid #ddd;}
.writer-search-wrap .date-choose-group .form-control:focus { border-color:#ddd;}
.writer-search-wrap .btn-group .btn { border-radius:5px;}
.writer-search-wrap .btn-group .btn.active { border-color: #333;background-color: #333; color: #fff;}

.data-table .table th {  background-color: #fff; border-bottom:1px solid #555;
    color: #444;
    text-align: center;
    padding: 4px 8px;}
.data-table .table td { text-align:center;    padding: 4px 8px;}
.mod-data .each-chart .chart-data {  width: 100%; height: 300px; margin: 10px auto;}

@media (min-width: 375px) {
.writer-search-wrap .form-inline .form-control {width:110px; text-align:center}
}
@media (min-width: 414px) {
.writer-search-wrap .form-inline .form-control {width:130px; }
}
@media (min-width: 768px) {
.mod-data .writer-data-wrap {padding:0 10px;}
.mod-data .writer-data-wrap .data-ul {border-top:1px dashed #ddd;}

.writer-search-wrap {padding:0 10px;margin-bottom:20px;}
.writer-search-wrap .date-choose-group {margin-top:0;position:absolute;right:0;top:0;width:320px;}
.writer-search-wrap .date-choose-group .form-control { padding: 6px 8px}


.data-table {padding:0 10px;}
.mod-data .each-chart .chart-data {  width:100%; height:450px; }
.data-table .table {border:1px solid #ddd;}
.data-table .table th,.data-table .table td {  padding:7px 8px;}
}



/*----zhike money-----*/
.mod-money {}
.mod-money .mod-content { }
.mod-money .money-form {padding:20px;background-color:#fdfaf0;border:1px solid #f3ece6;margin-bottom:5px;border-radius:5px; overflow:hidden; position:relative; }
.mod-money .money-form .bg { position:absolute;right:10%;bottom:-30px;font-size:70px;color:#f7e7cf; z-index:1; }

.mod-money .money-detail {font-size:15px; text-align:center;position:relative; z-index:2;  }
.mod-money .money-detail span {display:block; line-height:2;  }
.mod-money .money-detail strong { display: block;font-size:24px; font-weight:normal; }
.mod-money .money-detail strong .iconfont { font-size:16px;padding:6px; background :#fdbb7a; position:relative;top:-3px;margin-right:3px;
display: inline-block; border-radius: 50%; line-height: 1; color: #fff;}

.mod-money .money-form .right-action { text-align:center;padding-top:20px;position:relative; z-index:3;}
.mod-money .money-form .right-action .btn {border-radius:30px; padding:5px 20px; border: 0;font-size:15px;  }
.mod-money .money-form .right-action .btn:hover { opacity:0.8;}
.mod-money .money-form .right-action .btn-money,
.mod-money .money-form .right-action .btn-money:hover,
.mod-money .money-form .right-action .btn-money:active {color:#fff;background:#f59431; box-shadow: 0 3px 8px rgba(224, 136, 59,0.3);}
.mod-money .money-form .action-rule { position:absolute;right:10px;top:10px;}
.mod-money .money-form .action-rule .help-link { color:#666;padding:5px; font-size:15px; line-height:1;}
.mod-money .money-form .right-action .btn.disabled {background:#e4ddd6; box-shadow: 0 3px 8px rgba(193, 166, 142, 0.3);  }


.mod-money .writer-data-wrap {margin-bottom:35px; padding:20px 0;border-bottom:1px dashed #ddd;}
.mod-money .writer-data-wrap li {width:33.3%;margin-bottom:0; }
.mod-money .writer-data-wrap .data-ul strong {color:#f59431; }
.mod-money .money-list { }
.mod-money .money-list .table { text-align:center}
.mod-money .money-list .table th {    background-color: #fff; border-bottom:1px solid #555;
    color: #444;
    text-align: center;
    padding: 4px 8px;}
.mod-money .money-list .table td {text-align: center;
    padding: 4px 8px;}
/*.mod-money .money-list .each { position:relative;padding:8px 5px; border-bottom:1px dashed #eee;}
.mod-money .money-list .each a { color:#333;}
.mod-money .money-list .each a:hover { text-decoration:underline}
.mod-money .money-list .each .num { position:absolute;right:5px;top:8px; line-height:40px; font-size:17px;}
.mod-money .money-list .each h3 { margin-top:0;margin-bottom:2px; font-size:15px;width:70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mod-money .money-list .each detail { font-size:10px;color:#ccc;}
.mod-money .money-list .each .add {color:#f59431}
.mod-money .money-list .each .low {color:#999}
.mod-money .money-list .each.search-total { margin-top:10px;background-color: #fdfaf0; border: 1px solid #f3ece6;}*/
.mod-money .page-div { padding: 0 5px;}
.modal-money .form-control[disabled] { color:#333;   background-color: #fff;
    border: 1px solid #fff;
    padding-left: 0;
    cursor: text;}

@media (min-width: 768px) {
.mod-money .mod-content {padding:0 15px;}
.mod-money .writer-search-wrap {padding:0}
.mod-money .money-form {padding:45px 30px;  }
.mod-money .money-form .bg {font-size:110px;right:15%;bottom:-50px;}
.mod-money .money-detail { text-align:left;}
.mod-money .money-detail span {display:inline-block; vertical-align:middle;padding-right:8px; }
.mod-money .money-detail strong { display:inline-block; vertical-align:middle;font-size:34px; }
.mod-money .money-detail strong .iconfont {top:-5px;margin-right:5px;padding:8px;font-size:22px; }

.mod-money .money-form .right-action {width:auto; position:absolute;right:30px;top:32px;}
.mod-money .money-form .right-action .btn { padding:6px 30px; font-size:15px;  }
.mod-money .money-form .action-rule .help-link {font-size:17px;}
.mod-money .writer-data-wrap {padding:5px 0;}
.mod-money .money-list { }
.mod-money .money-list .table th,.mod-money .money-list .table td {padding: 7px 8px;}
.mod-money .money-list .table {
    border: 1px solid #ddd;
}
/*.mod-money .money-list .each {padding:12px 15px;}
.mod-money .money-list .each:hover { background-color:#fcfcfc; border-radius:6px;}
.mod-money .money-list .each .num {font-size:20px;right:15px;top:12px; line-height:44px;}
.mod-money .money-list .each h3 {margin-bottom:5px; font-size:16px;}
.mod-money .money-list .each detail  {font-size:14px;}*/

.mod-money .writer-search-wrap .btn-group .btn {padding-left:30px;padding-right:30px}
}



/*----focus & fans----*/
.mod-focus {}
.mod-fans {}

.fans-list,.focus-list {padding:0 10px}

.user-card { border-radius:6px; background-color:#f5f8fc; position:relative;padding:15px; overflow:auto; border:1px solid #cae0f3;margin-bottom:20px;}
.user-card:hover { background-color:#fff; border:1px solid #cae0f3;}
.user-card .img {width:50px; float:left;}
.user-card .img .img-cover,
.user-card .img .img-cover>a,
.user-card .img .img-cover>a>img {border-radius:80px;}
.user-card .info {margin-left:65px;}
.user-card .info h3 {margin-top:5px; font-size:15px;width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.user-card .info h3 a {color:#333;}
.user-card .info h3 a:hover {color:#3092E2;}
.user-card .info detail {color:#999;height:39px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden}
.user-card .last-news { clear:both;margin: -15px;margin-top: 15px; padding: 8px 12px; background-color:#91b7ce;height: 55px;   overflow: hidden;}
.user-card .last-news a { border-radius:0 0 6px 6px; color:#fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.user-card .last-news a strong {padding-right:4px;    color: #ffde68; }
.user-card .action { text-align:right; position:absolute;right:5px;top:5px; z-index:2;}
.user-card .action .btn-cencle {width:34px;height:34px; line-height:34px;padding:0;font-size:17px;border-radius:20px; background:none;border:0; }

@media (min-width: 768px) {
.fans-list,.focus-list {padding:0 20px}
.user-card { margin-bottom:30px;}
.user-card .img {width:65px; }
.user-card .info {margin-left:85px;}
.user-card .action .btn-cencle {width:38px;height:38px; line-height:38px;font-size:20px;}
.user-card .info h3 {margin-top:2px; font-size:16px; }
.user-card .action { display:none}
.user-card:hover .action { display:block}
}



/*------/page/member collect-------*/

.member-collect {}

.mod-collect {}
.mod-collect .mod-content {}
.mod-collect .each-news .caption .action .btn { font-size: 16px; width:30px;height:30px; line-height:30px;padding:0; border-radius:30px;}
.mod-collect .each-news .caption .action .btn .iconfont {margin:0;}
.mod-collect .each-news .caption .action { text-align:right;padding:0;padding-right:5px;}
@media(min-width:768px) {
.mod-collect .mod-content {padding:0 10px;}
.mod-collect .each-news .caption .action .btn {  font-size: 18px; width:40px;height:40px; line-height:40px;}
.mod-collect .each-news .caption .action { position:absolute;right:5px;bottom:16px;}
}





/*-----/page/member setting-----*/

.member-user {}


/*--info--*/
.mod-userinfo {}
.mod-userinfo .mod-content {padding:0 5px;padding-bottom:30px;}
.mod-userinfo .fileupload .thumbnail,.mod-userinfo .fileupload .thumbnail img {border-radius:100px;}
.mod-userinfo .fileupload .thumbnail.no-redius,.mod-userinfo .fileupload .thumbnail.no-redius img {border-radius:0;}

.mod-userinfo .like-tag { width: 100%; max-width:400px;}
.mod-userinfo .like-tag ul li {float: left; position: relative;  padding: 5px;margin-right:4px;margin-bottom:8px;
 border: 1px solid #CDCDCD;text-align: center; border-radius: 2px; cursor: pointer;font-size: 12px;}
.mod-userinfo .like-tag ul li.active{ border-color: #1b8cca;color: #1b8cca;}
.mod-userinfo .like-tag ul li span {  position: absolute;right: 0px; top: 12px; opacity: 0; font-weight: normal;}
.mod-userinfo .like-tag ul li.active span { opacity: 1;}
.mod-userinfo .edit-form .form-control[disabled] {background-color: #fff;  border:1px solid #fff; padding-left: 0; cursor: text;}
@media(min-width:414px) {
	.mod-userinfo .like-tag ul li {padding: 5px 10px; font-size: 14px}
    .mod-userinfo .like-tag ul{ max-height:120px; }
}
@media(min-width:768px) {
	.mod-userinfo .like-tag ul li {padding: 5px 16px; margin-right:10px;margin-bottom:10px;}
  
}

/*--id--*/

.mod-id {}
.mod-id .mod-content {padding:0 5px;padding-bottom:30px;}
.mod-id .id-content {}
.mod-id .id-content .alert-warning { margin-bottom:30px;border-radius:0; color:#888; background:none;border:0;border-bottom:1px dashed #ddd;}
.mod-id .id-content .alert-warning .iconfont {color:#f7a84f;margin-right:4px;}
.mod-id .id-content .form-control[disabled] {border:1px solid #fff; background:#fff; cursor:text;padding-left:0; }
.mod-id .id-content .re-edit-btn .btn-lg.btn-b {margin-left:0}

.company-id-wrap { border-top:1px solid #eee;padding:30px 0; }
.company-id-wrap .head {font-size:20px;margin-top:10px;margin-bottom:30px;}
.company-id-wrap .head .iconfont {color:#3092E2;margin-right:4px;}
.company-id-wrap .desc { font-size:14px; color:#555; line-height:1.42;}
.company-id-wrap .desc p {margin-bottom:20px;}
.company-id-wrap .bottom {margin-top:30px;}
.company-id-wrap .bottom .btn { font-size:15px}
.company-id-wrap.cp {    background: #f4f7fd;  border: 1px solid #e5ebf1; border-radius: 6px; padding:10px 20px 30px 20px;}
.engineer-alert {  padding-left:0;margin-top:10px; border-radius: 0; color: #888; background: none; border: 0; }
.engineer-alert .iconfont {  color: #f7a84f;   margin-right: 4px;}

@media(min-width:768px) {
.company-id-wrap {padding:0; padding-bottom:50px;border:0;border-left:1px solid #eee;padding-left:40px;padding-right:10px;}
.mod-id .edit-form .form-control {width:100%; max-width:400px}
}

@media(min-width:1500px) {
.mod-id .id-content .alert-warning {max-width: 550px;margin-left:30px;}
}


/*--install--*/

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

/*--link--*/
.mod-link {}

.setting-link-form {padding:30px 0;}
.setting-link-form .row {padding-bottom:20px;}
.setting-link-form .iconfont {font-size:36px;  margin-top: 10px;display:block; text-align:center; color: #dedede;}
.setting-link-form h3 {margin-top:0; font-weight:bold; margin-bottom:5px;font-size:15px;padding-top:10px;}
.setting-link-form detail {color:#999;}
.setting-link-form .btn-success {border-radius:20px; margin-top:5px; font-size:13px;padding:2px 14px;}

.modal-link .form-control[disabled] {background-color: #fff;  border:1px solid #fff; padding-left: 0; cursor: text;}

@media (min-width: 768px) {
.setting-link-form {padding:30px 20px 100px 20px;}
.setting-link-form .iconfont {font-size:50px; margin-top: 10px;}
.setting-link-form h3 {margin-bottom:10px;font-size:18px;padding-top:20px;}
.setting-link-form .btn-success { font-size:14px;padding:4px 15px;}
}
@media (min-width: 992px) {
.setting-link-form .btn-success {margin-top:30px;}
}

/*--password--*/
.mod-password {}
.mod-password .mod-content {padding-bottom:40px;}

/*--mod-company--*/

.mod-company {}
.mod-company .apply-info {background-color:#f6f8f9; border: 1px solid #eaecef;padding:40px 0; position:relative; text-align:center; }
.mod-company .apply-info .user-logo {width:90px;height:90px;margin:0 auto;margin-bottom:20px;border-radius:50%;border:2px solid #fff; overflow:hidden;}
.mod-company .apply-info .user-logo img {width:100%;height:100%;}
.mod-company .apply-info p {margin-bottom:10px; color:#999; }
.mod-company .apply-info h5 { font-size:18px;}
.mod-company .apply-info .action {padding-top:30px;padding-bottom:30px;}
.mod-company .apply-info .action .btn {border-radius:20px;border:0;padding:6px 18px;
-webkit-box-shadow: 0 3px 8px rgba(51,143,218,0.3);
    box-shadow: 0 3px 8px rgba(51,143,218,0.3);}
.mod-company .apply-info .action .btn + .btn {margin-left:10px;}
.mod-company .apply-info .btn-default { position:absolute;right:10px;top:10px;padding: 3px 10px;    background: #fff; }
.mod-company .apply-info .action .btn-success {-webkit-box-shadow: 0 3px 8px rgba(146, 220, 100,0.3);
    box-shadow: 0 3px 8px rgba(146, 220, 100,0.3);}

.mod-company .apply-info .search {max-width:250px; margin:0 auto;padding-top:15px; text-align:left;}
.mod-company .apply-info .preview-info { background:#fff;border:1px solid #eee;padding:20px; border-radius:5px; margin-top:50px; text-align:center; }
.mod-company .apply-info .preview-info .c {padding:20px 0; overflow:auto;text-align:left;}
.mod-company .apply-info .preview-info dl { padding:2px 0;}
.mod-company .apply-info .preview-info dd,.mod-company .apply-info .preview-info dt {line-height:1.6;}
.mod-company .apply-info .preview-info .c dl:last-child dd{min-height: 200px;}
.mod-company .apply-info .preview-info .form-group {margin-bottom:15px;}
.mod-company .apply-info h4 {margin-top:0;background-color:#f6f8f9; text-align:left;text-indent:15px; color:#afc0ca;border-radius:5px; line-height:2;}
.mod-company .apply-info .col-md-9 { text-align:center}
.mod-company .circle-ok {font-size: 60px;color: #58bf24;}
.mod-company .chenk-info .preview-info .c dl:last-child dd { min-height: 100px;}

@media (min-width: 768px) {
.mod-company .apply-info .user-logo {width:110px;height:110px;border:4px solid #fff; }
.mod-company .apply-info {padding:40px 25px;}
.mod-company .apply-info p { font-size:16px;}
.mod-company .apply-info h5 { font-size:22px;}
.mod-company .chenk-info h5{margin-top: 25px;}
.mod-company .apply-info .action .btn {font-size:15px}
.mod-company .apply-info .search {max-width:400px;}
.mod-company .apply-info .preview-info .c {width:95%;}
}

.mod-company .edit-form {padding-bottom:30px;}
.modal-relieve .form-control[disabled] {background-color: #fff;  border:1px solid #fff; padding-left: 0; cursor: text;}
.apply-tips {color:#444;}
.apply-tips .iconfont {color: #f7a84f; margin-right: 4px;}

/*--rank*--*/
.mod-rank {}
.mod-rank .level-info {width:85%;margin:0 auto;padding-bottom:40px;}
.mod-rank .level-info .rank-detail {padding-top:20px;padding-bottom:15px;}
.mod-rank .level-info .num {font-size:26px;}
.mod-rank .level-info .num .iconfont { padding: 6px; font-size:20px;}
@media (min-width: 768px) {
.mod-rank .level-info .num {font-size:40px;}
.mod-rank .level-info .num .iconfont {    padding: 6px; font-size: 30px;}
}


.rank-title {margin-top:40px;}
.rank-title h3 {margin:0; font-size:16px;background-color:#f3e189;color:#222; display:block; line-height:34px; text-align:center; border-radius:5px 5px 0 0;}
.table-rank {padding-bottom:30px;}
.table-rank .table {border-bottom:2px solid #333;}
.table-rank .table label {    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    background-color: #402719;
    position: relative; font-weight:normal;
    color: #f7e6a9;
    border-radius: 20px;
    padding: 2px 8px;
    line-height: 1.2;
    font-size: 10px;}
.table-rank .table label .iconfont { font-size: 1.2em; margin-right:3px;}
.table-rank .table th { background-color:#333;color:#fff;}
.table-rank .table th,.table-rank .table td {padding-left:15px;}


@media (min-width: 768px) {
.rank-title h3 {margin:0; font-size:17px;}
.table-rank {padding:0 30px; padding-bottom:30px;}
.rank-title {padding:0 30px;}
.rank-title h3 { line-height:38px;}
.table-rank .table label { font-size: 12px;padding:2px 12px;}
}


/*---people---*/
.mod-people {}

.mod-people .btn + .btn {margin-left:10px;}
.mod-people .news-search-info .text-right { text-align:left;padding-top:10px;}
.mod-people .news-search-info .text-right .btn .iconfont {margin-right:4px}
.mod-people .table-people {padding-top:15px;}
.mod-people .table-people .table th { text-align:center; border-bottom: 2px solid #333;}
.mod-people .table a + a { margin-left:5px; }

@media (min-width: 768px) {
.mod-people .news-search-info .text-right { text-align:right; padding-top:0;}
.mod-people .mod-content { padding:0 10px; }
}


.modal-saoma {}
.modal-saoma .ma-add { max-width: 230px;  margin: 0 auto;  padding-bottom: 20px;}
.modal-saoma .ma-add p { margin-bottom: 10px; text-align: center;}
.modal-saoma .ma-add .text-blue {  color: #1B8CCA;}
.modal-saoma .ma-add .ma-img {width: 100%; margin: 0 auto; padding-bottom: 100%; height: 0;  position: relative;}
.modal-saoma .ma-add .ma-img img {position: absolute;left: 0; top: 0; width: 100%; height: 100%;}

.modal-addstaff {}
.modal-addstaff .add-user-logo { width: 120px;margin: 0 auto;}
.modal-addstaff .add-user-logo p { margin-top: 10px; text-align: center;}
.modal-addstaff .add-user-logo .user-logo { width: 120px; height: 120px;border:1px solid #ddd; overflow: hidden; border-radius: 50%;}
.modal-addstaff .add-user-logo .user-logo img { width: 100%; height: 100%;}

.member-wait-form {margin-bottom:40px;}
.member-wait-form dl { overflow:auto;margin-bottom:20px;}
.member-wait-form dd {margin-left:75px;}
.member-wait-form dt { float:left;width:70px;text-align:left;  font-weight:bold;}
.member-wait-form .card {margin-left:75px;max-width:300px;border:1px solid #ddd;}
.member-wait-form .card img {max-width:100%;height:auto}
@media (min-width: 768px) {
.member-wait-form dt {width:140px; text-align:center;}
.member-wait-form dd,.member-wait-form .card {margin-left:150px;}
}

/*----record----*/
.mod-record {}
.mod-record .table-record .table th { text-align:center; border-bottom: 2px solid #333;}
.mod-record .table-record {padding-top:15px;}
.mod-record .news-search-info label { font-weight:normal}
@media (min-width: 768px) {
.mod-record .mod-content { padding:0 10px; }
}


/*--------/page/member message---------*/
.member-message {}

.mod-message .mod-content {}
.mod-message .page-div {padding:0 5px; }
@media (min-width: 768px) {
.mod-message .page-div {padding:0 20px; }
}


.mod-message .message-box {}
.mod-message .message-box .alert {border-bottom:0px dashed #ddd; position:relative;padding:5px; }
.mod-message .message-box .alert > a {    position: absolute;right: 20px;top: 15px;}
.mod-message .message-box .alert .time {font-size:12px;color:#ccc; text-indent:3px;padding-bottom:5px;}
.mod-message .message-box .alert .info { background-color:#f8f8f8; overflow:auto;padding:10px 15px;border-radius:3px; line-height:1.6; }
.mod-message .message-box .alert .title {color:#49b514; font-weight:normal;padding-right:5px;}
.mod-message .message-box .alert .more { position:absolute;right:5px;top:2px;padding-right:3px;}


@media (min-width: 768px) {
.mod-message .message-box .alert {margin-bottom: 0; }
.mod-message .message-box .alert .info {padding:15px;font-size:15px; }
.mod-message .message-box .alert .time {font-size:14px;}
.mod-message .message-box .alert {padding:15px; }
.mod-message .message-box .alert .more { right:15px;top:13px;}
.mod-message .message-box .alert .more:after { padding-left: 15px; }

}

.mod-message-detail {}
.mod-message-detail .mod-content {padding:0 5px;}
.mod-message-detail .message-detail {padding:15px 5px; border-bottom:1px dashed #ddd; margin-top:15px;}
.mod-message-detail .message-detail-c {font-size:14px; line-height:1.8;}
.mod-message-detail .message-detail .time {font-size:12px;color:#ccc; padding-bottom:5px;}
.mod-message-detail .message-action {padding:15px 5px; text-align:left; }
.mod-message-detail .message-action .btn-default { background-color:#fff}
.mod-message-detail .message-action .btn + .btn {margin-left:8px;}
.mod-message-detail .message-action .btn-lg { font-size:15px;    padding:5px 16px;}


@media (min-width: 768px) {
.mod-message-detail .mod-message-detail .mod-content {padding:0 15px;}
.mod-message-detail .message-detail-c {font-size:16px; line-height:1.8;}
.mod-message-detail .message-action .btn-lg { font-size:16px;}
.mod-message-detail .message-detail .time {font-size:14px;}
}


 /*---credit----*/

.member-credit {}
.mod-credit {}

.mod-credit .credit-form {padding:20px;background-color:#f5f9f7;border:1px solid #d9eae7;margin-bottom:25px;border-radius:5px; overflow:hidden; position:relative; }
.mod-credit .credit-form .bg { position:absolute;right:10%;bottom:-30px;font-size:70px;color:#d9eae7; z-index:1; }

.mod-credit .credit-detail {font-size:15px; text-align:center;position:relative; z-index:2;  }
.mod-credit .credit-detail span {display:block; line-height:2;  }
.mod-credit .credit-detail strong { display: block;font-size:24px; font-weight:normal; }
.mod-credit .credit-detail strong .iconfont { font-size:16px;padding:6px; background :#88e0c7; position:relative;top:-3px;margin-right:3px;
display: inline-block; border-radius: 50%; line-height: 1; color: #fff;}

.mod-credit .credit-form .right-action { text-align:center;padding-top:20px;position:relative; z-index:3;}
.mod-credit .credit-form .right-action .btn {border-radius:30px; padding:5px 20px; border: 0;}
.mod-credit .credit-form .right-action .btn + .btn {margin-left:15px;}
.mod-credit .credit-form .right-action .btn:hover { opacity:0.8;}
.mod-credit .credit-form .right-action .btn-shop,
.mod-credit .credit-form .right-action .btn-shop:hover,
.mod-credit .credit-form .right-action .btn-shop:active { color:#fff; background: #51d6b0; box-shadow: 0 3px 8px rgba(53, 167, 104,0.3);}
.mod-credit .credit-form .right-action .btn-rule,
.mod-credit .credit-form .right-action .btn-rule:hover,
.mod-credit .credit-form .right-action .btn-rule:active {  color:#444; background: #fff; box-shadow: 0 3px 8px rgba(173, 195, 183,0.3);}

@media (min-width: 768px) {
.mod-credit .credit-form {padding:45px 30px;  }
.mod-credit .credit-form .bg {font-size:110px;right:15%;bottom:-50px;}
.mod-credit .credit-detail { text-align:left;}
.mod-credit .credit-detail span {display:inline-block; vertical-align:middle;padding-right:8px; }
.mod-credit .credit-detail strong { display:inline-block; vertical-align:middle;font-size:34px; }
.mod-credit .credit-detail strong .iconfont {top:-5px;margin-right:5px;padding:8px;font-size:22px; }

.mod-credit .credit-form .right-action {width:auto; position:absolute;right:30px;top:32px;}
.mod-credit .credit-form .right-action .btn { padding:6px 25px; font-size:15px;  }
}



.mod-credit .credit-list {padding:0 5px;}
.mod-credit .credit-list .each { position:relative;padding:8px 5px; border-bottom:1px dashed #eee;}
.mod-credit .credit-list .each .info {}
.mod-credit .credit-list .each .num { position:absolute;right:5px;top:8px; line-height:40px; font-size:17px;}
.mod-credit .credit-list .each h3 { margin-top:0;margin-bottom:2px; font-size:15px;width:70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mod-credit .credit-list .each detail { font-size:10px;color:#ccc;}
.mod-credit .credit-list .each .add {color:#24bf86}
.mod-credit .credit-list .each .low {color:#999}
.mod-credit .mod-credit .page-div { padding: 0 5px;}

@media (min-width: 768px) {
.mod-credit .credit-list {padding:0 10px;}
.mod-credit .credit-list .each {padding:12px 15px;}
.mod-credit .credit-list .each:hover { background-color:#fcfcfc; border-radius:6px;}
.mod-credit .credit-list .each .num {font-size:20px;right:15px;top:12px; line-height:44px;}
.mod-credit .credit-list .each h3 {margin-bottom:5px; font-size:16px;}
.mod-credit .credit-list .each detail  {font-size:14px;}
.mod-credit .page-div {  padding: 0 20px;}
}



/*--------/page/member order---------*/
.member-order {}
.order-content {}

/*edit page*/
.order-content .edit-form {padding-top:30px}
.order-content .edit-form .img-upload-form { max-width:670px;   }
.order-content .edit-form .input-auto {width:100%;}
.order-content .edit-form .basic-download { }
.order-content .edit-form .datetime-group { overflow:auto; }
.order-content .edit-form .datetime-group .form_datetime { float:left;width:40%;  }
.order-content .edit-form .datetime-group .font {float:left; width: 20%; text-align: center;line-height: 34px;}

.order-content .edit-form .order-evaluate {margin-bottom:40px; border-bottom:1px dashed #ddd;padding-bottom:30px;}
.star-score {position: relative; height: 30px;}
.star-score .star-ul {float: left;  line-height:30px; margin-right:20px;}
.star-score .star-text {float: left; line-height:30px;}
.star-score .star-ul li {float: left; font-size:24px; color:#ccc; cursor: pointer;}
.star-score .star-ul li.on {color: #ffa144;}
.star-score .star-text strong {color:#ffa144;}
.star-score .star-text em { font-style:normal; padding-left: 10px;color:#666;}


@media (min-width: 768px) {

.order-content .edit-form .input-auto {max-width:660px}
.order-content .edit-form .basic-download { max-width:660px;}
.order-content .edit-form .datetime-group { width:400px;}
.order-content .edit-form .datetime-group .form_datetime {width:175px;   }
.order-content .edit-form .datetime-group .font {width:50px;  }
}

/*list page*/
.mod-orderlist .order-content {}
/*.mod-orderlist .btn-shadow {background: -webkit-linear-gradient(left, #45d86b ,#449d44);
    background: -o-linear-gradient(right, #45d86b, #449d44);
    background: -moz-linear-gradient(right, #45d86b,#449d44);
    background: linear-gradient(to right,#45d86b,#449d44);
	    -webkit-box-shadow:0 3px 8px rgba(102, 169, 113, 0.3);
    box-shadow: 0 3px 8px rgba(102, 169, 113, 0.3);
	}*/
.mod-orderlist .choose-status-wrap .tab-ul li.active label {    border-bottom: 3px solid #777;}

.mod-orderlist .order-list {padding-top:15px;}
.mod-orderlist .order-list .each-order { overflow:auto;padding: 20px 5px; border-bottom: 1px dashed #ddd;}
.mod-orderlist .order-list .each-order:hover { background-color:#fcfcfc;}
.mod-orderlist .order-list .each-order .img {width:30px; float:left;}
.mod-orderlist .order-list .each-order .img .iconfont { font-size:20px; text-align:center; line-height:30px; display:block;
 width:30px;height:30px; overflow:hidden;border-radius:50%; background-color:#71e0a8;color:#fff;}
.mod-orderlist .order-list .each-order .caption { margin-left: 45px;position:relative;}
.mod-orderlist .order-list .each-order .caption .action {margin-left:-5px;margin-top:10px; }
.mod-orderlist .order-list .each-order .caption .head {padding-right:60px; position:relative;}
.mod-orderlist .order-list .each-order .caption .name { font-size:16px; font-weight:bold;color:#333; }
.mod-orderlist .order-list .each-order .caption .name a {color:#333;}
.mod-orderlist .order-list .each-order .caption .status { position:absolute;right:0;top:0; color:#888; }
.mod-orderlist .order-list .each-order .caption .status-a {}
.mod-orderlist .order-list .each-order .caption .detail { margin-top:10px;}
.mod-orderlist .order-list .each-order .caption .detail .each { margin-bottom:5px; color:#666;}
.mod-orderlist .order-list .each-order .caption .btn {font-size:13px;padding: 4px 10px; border-radius:30px;}
.mod-orderlist .order-list .each-order .caption .btn-info {border-color:#40ab75;color:#40ab75;}
.mod-orderlist .order-list .each-order .caption .btn-info:hover,
.mod-orderlist .order-list .each-order .caption .btn-info:active,
.mod-orderlist .order-list .each-order .caption .btn-info:focus { background-color:#40ab75;color:#fff;}
.mod-orderlist .order-list .each-order .caption .btn-primary,
.mod-orderlist .order-list .each-order .caption .btn-primary:hover,
.mod-orderlist .order-list .each-order .caption .btn-primary:active,
.mod-orderlist .order-list .each-order .caption .btn-primary:focus {border-color:#40ab75; background-color:#40ab75;color:#fff;}
.mod-orderlist .order-list .each-order .caption .btn+.btn {margin-left:10px;}

@media (min-width: 768px) {
.mod-orderlist .order-content {padding:0 10px;}
.mod-orderlist .order-list .each-order { padding: 20px 15px;}
.mod-orderlist .order-list .each-order .img {width:40px; }
.mod-orderlist .order-list .each-order .img .iconfont { font-size:26px;line-height:40px;  width:40px;height:40px;}
.mod-orderlist .order-list .each-order .caption { margin-left: 60px;}
.mod-orderlist .order-list .each-order .caption .status {right:10px;line-height:30px; }
.mod-orderlist .order-list .each-order .caption .detail {padding-right:80px;}
.mod-orderlist .order-list .each-order .caption .head {padding-right:80px; }
.mod-orderlist .order-list .each-order .caption .action {margin:0; position:absolute;right:2px;bottom:2px;}
.mod-orderlist .order-list .each-order .caption .btn {font-size:14px;padding: 4px 16px;}
}

.edit-form .city-form-group {}
.edit-form .city-group { overflow:auto;max-width:600px;margin-bottom:15px;}
.edit-form .city-group .form-control {width:40%; float:left;}
.edit-form .city-group .form-control + .form-control {margin-left:10px;margin-right:10px;}
.edit-form .city-group .form-control.last { margin-left:0!important;margin-right:0!important;}
.edit-form .city-group .btn {margin-left:10px; float:left;}
@media(min-width:992px) {
.edit-form .form-group .input-text {padding-top: 7px; line-height:1.6;}
}

@media(min-width:768px) {
.edit-form .city-group .form-control {width:200px; }
}
@media(max-width:767px) {
.edit-form .city-form-group { overflow:auto;}
.edit-form .city-form-group .form-control {width:48%; float:left;}
.edit-form .city-form-group .form-control + .form-control {margin-left:4%}
}


</div>
.edit-form .city-engineer .city-group {max-width:none;}
@media(min-width:768px) {
.edit-form.engineer-form {max-width: 700px; margin: 0 auto;}
.edit-form.engineer-form .form-horizontal .form-group { border-bottom: 1px dashed #eee; margin-bottom: 30px;padding-bottom: 20px;}
.edit-form.engineer-form .form-horizontal .control-label {     text-align: left;   margin-bottom: 10px; font-size: 15px;}
}


/*detail page*/
.order-detail-form {}
.order-detail-form { margin-bottom:50px;}
.order-detail-form .order-status { margin-bottom:30px; position:relative; border-radius:4px;background-color:#f9f9f9; border:1px solid #f1f1f1;padding:20px;}
.order-detail-form .order-status .img {width:30px; float:left; }
.order-detail-form .order-status .img .iconfont { font-size:20px;line-height:30px; display:block; text-align:center;width:30px;height:30px;
overflow:hidden;border-radius:50%; background-color:#71e0a8;color:#fff;}
.order-detail-form .order-status .name { margin-left:45px; min-height:55px;}
.order-detail-form .order-status .name h3 { font-size:18px;margin:0; }
.order-detail-form .order-status .name .time { color:#999; font-size:14px;margin-top:10px;}
.order-detail-form .order-status .status {  font-size:15px; font-weight:bold; margin-left:45px;margin-top:10px;}
.order-detail-form .order-status .action { text-align:center;margin-top:30px;margin-left:-20px;margin-right:-20px;}
.order-detail-form .btn {border-radius:30px; padding:4px 12px;margin-left:5px; background-color:#fff;}
.order-detail-form .btn:hover,
.order-detail-form .btn:active,
.order-detail-form .btn:focus {border-color:#40ab75;color:#40ab75;}
.order-detail-form .btn-primary,
.order-detail-form .btn-primary:hover,
.order-detail-form .btn-primary:active,
.order-detail-form .btn-primary:focus { background-color:#40ab75;color:#fff; border-color:#40ab75}

@media (min-width: 768px) {
.order-detail-form {padding:0 10px;}
.order-detail-form .order-status {padding:30px;}
.order-detail-form .order-status .img {width:40px; }
.order-detail-form .order-status .img .iconfont {font-size:26px;line-height:40px;width:40px;height:40px;  }
.order-detail-form .order-status .name { margin-left:60px;}
.order-detail-form .order-status .status {margin-left:60px;}
.order-detail-form .order-status .action {margin-left:60px; text-align:left;}
.order-detail-form .btn {padding:5px 16px;}
}
@media (min-width: 992px) {
.order-detail-form .order-status .name h3 {padding-right:100px; }
.order-detail-form .order-status .status { position:absolute;right:30px;top:30px;margin:0; }
.order-detail-form .order-status .action { position:absolute;margin:0;right:20px;bottom:20px; }
}

.order-sure-wrap {}
.order-sure-wrap .dl-step {padding-bottom:30px;}
.order-sure-wrap .dl-step dl {margin-bottom:15px; font-size:14px; overflow:auto; }
.order-sure-wrap .dl-step dd {color:#333;margin-left:70px;}
.order-sure-wrap .dl-step dt {color:#999; float:left;width:65px; font-weight:normal;}
.order-sure-wrap .dl-step dd span { margin-left:10px; font-weight:bold}
.order-sure-wrap .dl-step dd span.no { color:#999}
.order-sure-wrap .dl-step dd span.yes {color:#40ab75;}
.order-sure-wrap .dl-step .iconfont {  font-size:16px;margin-right:4px; }
.order-content .edit-form .form-control[disabled] {border:1px solid #fff; background:none; background-color:#fff; cursor:text; padding-left:0;height: 32px;}

@media (min-width: 768px) {
.order-sure-wrap .dl-step dd span {float:right;  margin-right:10px;}
}

.order-detail-form .cell-title { font-size:16px; color:#888; margin:40px 0 20px;padding-left: 10px; border-left: 4px solid #dadada; line-height: 1.2;}
.order-detail-form .cell-info { background-color:#f9f9f9; border:1px solid #f1f1f1;padding:20px;}
.order-detail-form .cell-info .row > div {padding-bottom:5px;padding-top:5px;}
.order-detail-form .cell-info label {width:100px; display:inline-block; font-weight:normal;color:#999;margin:0;}


.order-detail-form .doc-info {}
.basic-download { padding-left:15px;padding-right:15px;}
.basic-download .each {padding-top: 4px; background-color:#fff;padding-bottom: 4px;border: 1px dashed #5acc92;  margin-bottom: 10px; position: relative; border-radius: 4px;}
.basic-download .each:hover { background-color:#e8f7df; }
.basic-download .each .name {  display: block;}
.basic-download .each .iconfont { color: #40ab75;margin-right: 5px;}
.basic-download .each a { position: relative;color:#40ab75;}
.basic-download .each .action-b {margin-right:10px; }

 @media(min-width:992px) {
.basic-download .each { padding-top: 6px; padding-bottom: 6px;}
.basic-download .each a { float: right;}
}


.order-detail-form .desc-info { background-color:#f9f9f9; border:1px solid #f1f1f1;padding:10px 15px; line-height:1.8; color:#666;}
.order-detail-form .srevice-history-info {}
.order-detail-form .srevice-history-info .table { text-align:center}
.order-detail-form .srevice-history-info .table th { text-align:center; background-color:#f1f1f1;}

.order-detail-form .image-info {}

/*图片上传和预览*/
.img-upload-form {}
.img-upload-form .counter { text-align:right;margin-bottom:20px; color:#999;}
.img-upload-form .img-upload-body {   margin-left:-10px;}
.img-upload-form .img-upload-body .img-files {}
.img-upload-form .img-upload-body .img-files .each {  margin-left:10px;float:left;width:85px;height:85px;border:1px solid #ccc;border-radius:5px; margin-bottom:10px; position:relative;}
.img-upload-form .img-upload-body .img-files .each li {width:100%;height:100%; background-repeat:no-repeat; background-color:#fff; background-position:center;
background-size:cover; cursor:pointer;border-radius:5px;}
.img-upload-form .img-upload-body .img-files .each .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;}
.img-upload-form .img-upload-body .img-files .each .delete:hover {background-color:#ec6238;}
.img-upload-form .img-upload-body .input-box { float:left;width:85px;height:85px; text-align:center; margin-left:10px; overflow:hidden;
border:1px solid #ccc; border-radius:5px;margin-bottom:10px; background-color:#fff; cursor:pointer; }
.img-upload-form .img-upload-body .input-box:hover { opacity:0.8;}
.img-upload-form .img-upload-body .input-box .icon-add { line-height:85px; color:#ccc; font-size:38px;}
.img-upload-form .img-upload-body .input-box .js_file { display:none}

.img-upload-modal { position: fixed; left: 0; top: 0;right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); z-index: 99999;}
.img-upload-modal .img-upload-modal-content {    min-heihgt:50px;background-color: #fff; padding: 10px 10px;text-align: center; position: absolute;
  left: 50%; top: 100px;width:90%;height:auto;margin-left: -45%;border-radius: 5px;}
.img-upload-modal .close { position:absolute;right:-5px; z-index:2;top:-5px; background-color:#E31C1F;border-radius:50%;width:24px;height:24px; text-shadow:none;
display:block; text-align:center; line-height:22px;color:#fff; font-size:16px; font-weight:normal;cursor:pointer; font-family: arial;opacity:1;    filter: alpha(opacity=100);}
.img-upload-modal .img-upload-modal-content img {width:100%;height:auto;}

 @media(min-width:768px) {
.img-upload-form .img-upload-body {   margin-left:-15px;}
.img-upload-form .img-upload-body .img-files .each { margin-left:15px; margin-bottom:15px; width:120px;height:120px; }
.img-upload-form .img-upload-body .input-box {margin-left:15px; margin-bottom:15px;width:120px;height:120px; }
.img-upload-modal .img-upload-modal-content {width:600px;margin-left: -300px;}
.img-upload-form .img-upload-body .input-box .icon-add { line-height:120px; font-size:48px;}
 }

.order-detail-form .engineer-info { background-color:#f9f9f9; position:relative; border:1px solid #f1f1f1;padding:10px 15px; line-height:1.8; color:#666;}
.order-detail-form .engineer-info .name {font-size:16px;  color: #40ab75; margin:3px 0; font-weight: bold; }
.order-detail-form .engineer-info .star { position:relative; overflow:auto; }
.order-detail-form .engineer-info .star label {display:inline-block;width:120px;margin:0; line-height:30px; float:left; font-weight:normal;}
.order-detail-form .engineer-info .star .icon-collection_fill {margin-left:5px; float:left; line-height: 30px;   font-size: 20px;   color: #ffa144;}
.order-detail-form .engineer-info .star .icon-collection {margin-left:5px; float:left;line-height: 30px;  font-size: 20px;   color: #ccc;}
.order-detail-form .engineer-info .action {margin-top:20px;margin-left:-5px;}

.modal-engineer {}
.modal-engineer .each-engineer { position:relative;}
.modal-engineer .star { position:relative; overflow:auto; color:#666;}
.modal-engineer .star label {display:inline-block;width:120px;margin:0; line-height:30px; float:left; font-weight:normal;}
.modal-engineer .star .icon-collection_fill {margin-left:5px; float:left; line-height: 30px;   font-size: 20px;   color: #ffa144;}
.modal-engineer .star .icon-collection {margin-left:5px; float:left;line-height: 30px;  font-size: 20px;   color: #ccc;}

.modal-engineer .each-engineer .left {position: absolute; left: 0;  top: 0; padding-top: 5px; }
.modal-engineer .each-engineer .left .logo { width: 40px; height: 40px; overflow: hidden; border-radius: 7px; background-repeat: no-repeat;
    background-image: url(http://www.aprmailers.com/jscss/common/images/com_head.png);background-size: cover;}
.modal-engineer .each-engineer .left .logo img { width: 100%; height: 100%; display: block;}
.modal-engineer .each-engineer .right { padding-left: 60px; position: relative; padding-bottom: 30px;}
.modal-engineer .each-engineer h2 { font-size: 16px;font-weight: bold; margin-top: 0px; margin-bottom: 15px;}
.modal-engineer .each-engineer .right p { color: #666; line-height: 1.42; margin-top:10px;}

 @media(min-width:768px) {
	.order-detail-form .engineer-info {padding:20px;}
.order-detail-form .engineer-info .action { position:absolute;margin:0;right:20px;top:50%; margin-top:-15px;}
.order-detail-form .engineer-info .name {font-size:18px; }

.modal-engineer .each-engineer .left .logo {  width: 70px; height: 70px; border-radius: 10px;}
.modal-engineer .each-engineer .right {padding-left:95px;}
.modal-engineer .each-engineer h2 { font-size: 18px;}
 }

.order-detail-form .progress-info {margin-bottom:30px; position:relative;}
.order-detail-form .progress-info:before { position:absolute;content:' ';border-left:1px dashed #40ab75;height:100%;width:1px;left: 13px;   top: 5px;}
.order-detail-form .progress-info a {padding:0 3px; font-weight:bold;color: #40ab75;}
.order-detail-form .progress-info .each-progress {position:relative;margin-bottom:20px;}
.order-detail-form .progress-info .progress-title { font-size:15px; font-weight:bold; width:100%; line-height:1.6;}
.order-detail-form .progress-info .progress-title .iconfont { display:inline-block; width:26px;height:26px;margin-right:8px; font-size:14px;line-height:26px; color:#fff;
text-align:center;border-radius:50%; background-color:#71e0a8; font-weight:normal;}
.order-detail-form .progress-info .progress-title span { position:absolute;right:0;top:4px; line-height:1.6;color:#999; font-weight:normal;font-size:12px;}
.order-detail-form .progress-info .each-comment {margin-left:30px; margin-top:10px;background-color:#f9f9f9; position:relative; border:1px solid #f1f1f1;
 padding:10px;border-radius:5px; }
.order-detail-form .progress-info .each-comment:before { position:absolute;left:30px;top:-7px;content:' ';width:0;height:0;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #f7f7f7;}
.order-detail-form .progress-info .each-comment .comment-star { overflow:auto;}
.order-detail-form .progress-info .each-comment label { float:left; font-weight:normal; line-height:30px;margin:0;}
.order-detail-form .progress-info .each-comment .star-action {margin-left:100px; font-size:20px;line-height:30px;}
.order-detail-form .progress-info .each-comment .star-action .icon-collection_fill {color:#ffa144}
.order-detail-form .progress-info .each-comment .star-action .icon-collection {color:#ccc;}
.order-detail-form .progress-info .each-comment .comment-text { color:#666; line-height:1.8; padding:0 5px;}
.order-detail-form .progress-info .each-comment .comment-text .star { display: block; position:relative; height:25px; overflow:hidden;}
.order-detail-form .progress-info .each-comment .comment-text .star > * { float:left; }
.order-detail-form .progress-info .each-comment .comment-text .star label {display:inline-block;padding-left:15px; color: #f78f2e;margin:0; line-height:24px;font-weight:normal;}
.order-detail-form .progress-info .each-comment .comment-text .star .icon-collection_fill {margin-left:5px; line-height:24px;   font-size: 18px;   color: #ffa144;}
.order-detail-form .progress-info .each-comment .comment-text .star .icon-collection {margin-left:5px; line-height:24px;  font-size:18px;   color: #ccc;}
.order-detail-form .engineer-info .action {margin-top:20px;margin-left:-5px;}
.order-detail-form .progress-info .comment-pic { overflow:auto;margin-top:10px;}
.order-detail-form .progress-info .comment-pic .each {
    margin-left: 10px;
    float: left;
    width: 55px;
    height: 55px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}
.order-detail-form .progress-info .comment-pic .each li {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    border-radius: 5px;
}

 @media(min-width:768px) {
.order-detail-form .progress-info .progress-title span {font-size:14px;}
.order-detail-form .progress-info .comment-pic .each { margin-left: 15px;  margin-bottom: 15px; width: 90px; height: 90px;}
 }


/*evaluate*/
.mod-evaluate {}
.evaluate-top-count {padding:10px;    background-color: #f5f9f7;  border: 1px solid #d9eae7; margin-bottom: 25px;  border-radius: 5px;  overflow: hidden; position: relative;}
.evaluate-top-count .count-wrap { position:relative; z-index:2;}
.evaluate-top-count .bg {position: absolute; right: 10%;bottom: -30px;font-size: 70px;color:#deefe0;  z-index: 1;}
.evaluate-top-count .data-ul { overflow:auto; }
.evaluate-top-count .data-ul li {float: left;text-align: center; width: 25%; padding: 10px 0;}
.evaluate-top-count .data-ul strong { color: #40ab75; font-size: 22px;font-weight: normal; display: block;}
.evaluate-top-count .data-ul span {    color: #444;font-size: 12px; display: block;}
.evaluate-top-count .data-ul li:last-child strong { color:#f78f2e}
.mod-evaluate .evaluate-date {     overflow: auto;   margin-bottom: 25px;}
.evaluate-date .date-choose-group { border:1px solid #ddd;   max-width: 350px; }
.evaluate-date .input-group-addon {border:1px solid #fff;}
.evaluate-date .form-control { border:1px solid #fff;}
.mod-evaluate .evaluate-date .btn {border-radius:0;border:0;padding: 7px 13px;}

 @media(min-width:768px) {
.evaluate-top-count {  margin-bottom: 35px;  padding:25px 30px;}
.evaluate-top-count .bg {font-size: 110px;right: 23%; bottom: -40px;}
.evaluate-top-count .data-ul strong {font-size:32px;}
.evaluate-top-count .data-ul span {font-size:16px;}
.evaluate-date .date-choose-group  { float:right}
 }