/*

 ____ ___ _   _  ____    _    _   _ ____  _____ ____
|  _ \_ _| \ | |/ ___|  / \  | \ | / ___|| ____/ ___|
| |_) | ||  \| | |  _  / _ \ |  \| \___ \|  _|| |
|  __/| || |\  | |_| |/ ___ \| |\  |___) | |__| |___
|_|  |___|_| \_|\____/_/   \_\_| \_|____/|_____\____|


*//*css*/
body,div,html,p,a,img,span,h1,h2,h3,h4,i,ul,li,i,table,th,td{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
html,body{
    font-family:"微软雅黑",Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#444;
    min-width:1200px;
}
html,body{
    background:#fff !important;
}
h1,h2,h3,h4,h5,h6,p,span,em,i,table,th,td{
    font-style:normal;
    font-weight:normal;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color:#fa7424;
}
.clearfix:after {
    content: "";
    overflow: hidden;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}
.message-box {
    width: 465px;
    background-color: #000000aa;
    z-index: 100;
    position: absolute;
    left: 50%;
    margin-left: -232px;
    top: 50%;
    padding: 10px;
    display: none;
}
.message-box .text {
    background-color: white;
    color: #444444;
    text-align: center;
    padding: 37px 41px 37px 41px;
}
.message-box .close {
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url("http://static2.test.pingansec.com/shuidi/images/detail2/icon_close.png");
    background-size: 15px 15px;
    top: 14px;
    right: 14px;
    cursor: pointer;

}

.mask{
    background-color: #000000;
    filter:Alpha(opacity=60);
    opacity: 0.6;
    width: 100%;
    height:100%;
    z-index: 10;
    position: fixed;
    top:0;
    left:0;
    display: none;
}.nav {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e3e8e6;
    font-size: 12px;
    color: #666;
}

.layout {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.nav-left {}

.nav p {
    display: inline-block;
    right: 0;
    float: right;
}

.nav p a {
    color: #666;
}

.nav p span {
    vertical-align: top;
}

.logo {
    height: 89px;
}

.logo h1 {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 800px;
}

.line-width {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 400px;
}

.logo h1 i {
    width: 60px;
    height: 61px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
}

.logo p {
    background: url("http://static2.test.pingansec.com/dianping/images/phone-icon.png") left no-repeat;
    color: #fa7424;
    font-size: 22px;
    font-weight: bold;
    margin-top: 27px;
    right: 0;
    display: inline-block;
    float: right;
    padding-left: 41px;
    height: 36px;
    line-height: 36px;
}

.tab {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #fa7424;
}

.tab ul {
    display: inline-block;
}

.tab ul li {
    width: 108px;
    height: 50px;
    line-height: 50px;
    margin-right: 14px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.tab ul li:hover,
.tab ul li.active {
    background-color: #c85d1d;
    cursor: pointer;
}

.tab a.tab-comment {
    float: right;
    color: #fff;
    line-height: 50px;
    display: inline-block;
}

.tab a.tab-comment i {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 5px;
}

/*左边*/
.silderbox {
    width: 300px;
    float: left;
    display: inline-block;
    margin-top: 21px;
    margin-right: 30px;
}

.border {
    border: 1px solid #e5e5e5;
    padding: 20px 15px;
}

.box {
    margin-bottom: 20px;
}

.box h2 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.box-label {
    margin-top: 10px;
    margin-bottom: 20px;
}

.box-label p {
    padding-right: 10px;
    padding-top: 1px;
    border-radius: 10px;
    background-color: #f6f6f6;
    color: #999;
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

.box-label p:nth-child(1) {
    background-color: #fef5ef;
    color: #fa7424;
}

.box-label p:nth-child(3) {
    margin-right: 0;
}

.box-label p i {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-right: 3px;
}

.box-j-txt {
    color: #999;
    text-align: center;
    font-size: 14px;
}

.box-one-btn {
    width: 130px;
    height: 36px;
    line-height: 36px;
    border-radius: 15px;
    text-align: center;
    margin: 15px auto 30px;
    border: 1px solid #bea177;
    color: #bea177;
    display: block;
}

.box-content h3 {
    color: #fa7424;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #fa7424;
    height: 18px;
    line-height: 18px;
    padding-left: 10px;
    margin-bottom: 9px;
}

.box-content h4 {
    line-height: 30px;
}

.box-content-c {
    color: #999;
}

.box-edit {
    color: #999;
}

.box-edit.change_company_apply {
    text-align: center;
    border-top: 1px solid #eeeeee;
    padding-top: 17px;
    margin-top: 25px;
}

.box-edit .col_link {
    color: #fa7424;
}

.box-content a.box-link {
    display: inline-block;
}

.box-link-qq {
    margin-top: 15px;
    margin-bottom: 10px;
}

.box-overflow {
    max-height: 413px;
    overflow-y: scroll;
}

.box-message {
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    margin-top: 10px;
}

.box-message-t {
    margin-top: 20px;
}

.box-message p {
    line-height: 24px;
}

.box-message:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
}

.box-adv {
    width: 300px;
    height: 300px;
    max-width: 300px;
    max-height: 300px;
    margin: 0 auto 20px;
    padding: 20px 20px;
    position: relative;
    border: 1px solid #eee;
}

.box-adv a.box-adv1-close {
    margin-top: -18px;
}

.box-adv img {
    width: 100%;
}

.box-adv1 {
    width: 300px;
    /*height: 250px;*/
    border: 1px solid #eee;
    position: relative;
}

.box-adv1-close {
    position: absolute;
    float: right;
    right: 2px;
    font-size: 12px;
    margin-top: 2px;
    color: #999;
}

.box-adv1 img {
    width: 100%;
}

.box-adv1 span {
    width: 260px;
    height: 208px;
    display: block;
    margin: 22px auto 0;
}

.box-adv1 span img {
    width: 100%;
}

/*右边*/
.main {
    width: 870px;
    margin-top: 21px;
    display: inline-block;
    min-height: 1680px;
}

.main-block {
    margin-top: 35px;
}

.main-tit {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
    height: 46px;
}

.main-tit span {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #fa7424;
    padding-bottom: 16px;
}

.main-tit a.main-tit-edit {
    float: right;
    color: #fa7424;
    margin-top: 10px;
}

.main-block1,
.main-block2 {
    margin-top: 25px;
}

.main-block1 p {
    line-height: 24px;
}

.main-tit i.source-i {
    font-size: 12px;
    color: #999;
    float: right;
    display: inline-block;
    margin-top: 11px;
    position: relative;
}

.line p {
    width: 435px;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.line-last p {
    width: 870px;
}

.line-last p i {
    width: 70px;
    display: inline-block;
    vertical-align: top;
}

.line-last p span {
    width: 800px;
}

.line p span {
    display: inline-block;
}

.line p span.line-web {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 390px;
    vertical-align: middle;
}

.line p i {
    line-height: 30px;
}

.main-block3 p {
    margin: 18px 0;
}

.main-block3 table {
    border: 1px solid #e5e5e5;
    border-right: none;
    border-bottom: none;
    text-align: center;
}

.main-block3 table th {
    background-color: #f8f8f8;
}

.main-block3 table td,
.main-block3 table th {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 10px;
    line-height: 20px;
}

.main-block3 table .t1 {
    width: 60px;
}

.main-block3 table .t2 {
    width: 201px;
}

.main-block3 table .t3 {
    width: 402px;
}

.main-block4 {
    margin-top: 14px;
}

.line span.line-none {
    color: #999;
}

.main-adv {
    width: 870px;
    height: 198px;
    border: 1px solid #e5e5e5;
    margin-top: 35px;
}

.main-adv p {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 20px;
}

.main-adv p span {
    font-size: 22px;
    font-weight: bold;
}

.main-adv p a {
    float: right;
    right: 20px;
    font-size: 12px;
    color: #fa7424;
}

.main-adv-img {
    width: 830px;
    height: 106px;
    margin: 20px auto;
}

.main-message-page {
    margin-top: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}

.pagination_box {
    float: right;
}

.main-message-page p i {
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    color: #858585;
}

.main-message-page p a {
    border: 1px solid #fff;
    background-color: #fff;
    display: inline-block;
    padding: 0 11px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #444;
}

.main-message-page p a:hover,
.main-message-page p a.current {
    background-color: #fa7424;
    border: 1px solid #fa7424;
    color: #fff;
}

.main-message {
    margin-top: 16px;
    clear: both;
    overflow: hidden;
    padding-bottom: 13px;
}

.main-message-none {
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.main-message:nth-last-child(1) {
    padding-bottom: 0;
}

.main-message h3 {
    font-size: 18px;
}

.main-message-tit {
    margin-top: 20px;
    clear: both;
}

.main-message-img {
    width: 182px;
    height: 137px;
    display: inline-block;
    float: left;
    background-color: #f1f1f1;
    margin-right: 15px;
}

.main-message-txt {
    width: 665px;
    display: inline-block;
    float: left;
}

.main-message-txt h4 {
    font-size: 14px;
    margin-bottom: 7px;
}

.main-message-txt h4 span {
    color: #999;
    margin-left: 15px;
}

.main-message-txt p {
    line-height: 24px;
}

.main-message-txt p a {
    color: #fa7424;
    display: inline-block;
    margin-left: 10px;
}

.main-map {
    width: 870px;
    height: 300px;
    background-color: #f1f1f1;
    margin-top: 15px;
}

.main-tit-1 span {
    font-size: 22px;
    font-weight: bold;
}

.main-service {
    width: 870px;
    height: 416px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.main-service p {
    font-size: 18px;
    color: #999;
    padding-top: 150px;
}

.main-service a {
    display: block;
    width: 220px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #fa7424;
    margin: 25px auto 0;
}

.main-contact p {
    line-height: 30px;
}

.main-contact p span.main-contact-none {
    color: #999;
}

.main-contact p a {
    color: #fa7424;
}

.main-relevant {
    width: 870px;
    border: 1px solid #e5e5e5;
    margin-top: 35px;
    height: 198px;
}

.main-relevant .main-relevant-tit {
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 20px;
    font-size: 18px;
}

.main-relevant .main-relevant-tit li {
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
}

.main-relevant .main-relevant-tit li:hover,
.main-relevant .main-relevant-tit li.active {
    color: #fa7424;
    font-weight: bold;
}

.main-relevant-a {
    padding: 11px 20px;
}

.main-relevant-a.active {
    display: inline-block;
}

.main-relevant-a ul {
    display: none;
}

.main-relevant-a ul.active {
    display: block;
}

.main-relevant-a li {
    display: inline-block;
}

.main-relevant-a a {
    width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;
    line-height: 25px;
    display: inline-block;
}

.main-relevant-a a:hover {
    color: #fa7424;
}

.infor {
    margin-top: 46px;
    color: #999;
    line-height: 24px;
    margin-bottom: 35px;
}

.footer {
    width: 100%;
    background-color: #eaeaea;
    padding: 30px 0 0;
}


.footer-top {
    clear: both;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 41px;
}

.footer-us {
    display: inline-block;
    float: left;
    width: 500px;
}

.footer-us span {
    margin-right: 20px;
}

.footer-us p img {
    vertical-align: middle;
    margin-right: 10px;
}

.footer-source {
    width: 700px;
    display: inline-block;
}

.footer-us h4,
.footer-source h4 {
    color: #333;
    margin-bottom: 10px;
}

.footer-source p a {
    margin-right: 20px;
}

.footer-copy {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #a6a6a6;
}

.pagination_box {
    float: right !important;
}

.pagination_box .active_item,
.pagination_box>div:hover {
    background-color: #fa7424 !important;
    border: none !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 11px !important;
}

.pagination_box .page_item,
.pagination_box>.page_ellipsis,
.pagination_box>.next_pag,
.pagination_box>.last_pag {
    border: none !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 11px !important;
}

#boxHide {
    padding-right: 0;
}

.search-backflow h3 {
    font-size: 16px;
    color: #444;
    padding: 10px 0 5px 20px;
    font-weight: bold;
}

.search-backflow {
    padding: 10px 0 10px;
    color: blue;
}

.search-backflow ul {
    line-height: 21px;
    color: #3399ea;
}

.search-backflow ul li {
    width: 250px;
    margin-left: 45px;
    line-height: 24px;
    list-style-type: decimal;
}

.search-backflow ul li a {
    color: #3399ea;
    padding-left: 5px;
}

.search-backflow ul li:first-child,
.search-backflow ul li:nth-child(2),
.search-backflow ul li:nth-child(3) {
    color: #ff0000;
}

.main-adv0619 {
    margin: 20px 0;
}

.comment-b {
    float: right;
    color: #999;
    font-weight: normal;
    margin-top: 7px;
    margin-right: 15px;
}

.comment-b i {
    color: #fa7424;
    margin-left: 5px;
}

.comment-a {
    float: right;
    right: 0;
    width: 112px;
    height: 34px;
    line-height: 34px;
    background-color: #fa7424;
    display: block;
    text-align: center;
    color: #fff;
}

.comment-none {
    width: 100%;
    text-align: center;
    height: 200px;
    line-height: 200px;
}

.comment-none span {
    color: #fa7424;
}

.main-tit i.comment-i {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 3px;
}

.comment-have {}

.comment-have ul {}

.comment-have ul li {
    padding: 20px 0;
    border-bottom: 1px dashed #dcdcdc;
}

.comment-have ul li h2.c-h2 {
    margin-bottom: 20px;
}

.comment-have ul li h2.c-h2 i.com-head {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.comment-have ul li h3.c-h3 {
    color: #858585;
    margin-bottom: 10px;
    font-size: 12px;

}

.comment-have ul li h3.c-h3 {
    color: #858585;
    margin-bottom: 10px;
    font-size: 12px;

}

.comment-have ul li h4.c-h4 {
    color: #000;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 24px;

}

.comment-have ul li h5.c-h5,
.com-gf h5.com-gf-h5 {
    color: #858585;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    padding: 0;

}

.comment-have ul li h5.c-h5 span.com-jubao,
.com-gf h5 span.com-gf-jubao {
    float: right;
    right: 0;
    margin-left: 10px;
}

.comment-have ul li h5.c-h5 span.com-zan,
.com-gf h5 span.com-gf-zan {
    float: right;
}

.com-gf {
    display: block;
    margin-top: 20px;
}

.comment-have ul li .com-gf h4.com-gf-h4 {
    color: #fa7424;
    margin-top: 10px;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 10px;
}



.comment-pop {
    width: 790px;
    height: 445px;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -395px;
    position: fixed;
    background-color: #fff;
    z-index: 999;
    /*display: none;*/
    border-radius: 5px;
    border: 10px solid rgba(16, 16, 16, 0.6);
}

.comment-pop-pad {
    padding: 45px 22px 0;
}

.comment-pop-pad h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.comment-pop-pad h4.comment-pop-score {
    color: #858585;
    font-size: 13px;
}

.comment-pop-pad h4.comment-pop-score i,
.comment-pop-txt i {
    color: #ff0000;
}

.comment-pop-pad h4.comment-pop-score span.comment-pop-star {
    width: 133px;
    background-color: #ff0000;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    margin: 0 20px 0 20px;
}

.comment-pop-txt {
    color: #858585;
    margin-top: 25px;
}

.comment-pop-content {
    width: 640px;
    padding: 10px;
    border: 1px solid #dadada;
    position: relative;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    height: 200px;
}

.comment-pop-txt textarea {
    line-height: 22px;
    vertical-align: text-top;
    width: 614px;
    height: 172px;
    border: none;
    color: #333;
}

textarea::placeholder {
    color: #c4c4c4;
}

.comment-pop-txt .txt-warn {
    position: absolute;
    float: right;
    right: 10px;
    bottom: 5px;
    font-size: 13px;
    color: #c4c4c4;
}

.comment-pop-but {
    margin-left: 81px;
    margin-top: 20px;
}

.comment-pop-but span {
    color: #fc0d1b;
}

.comment-pop-but a,
.comment-pop-but button {
    width: 92px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #fa7424;
    color: #fff;
    float: right;
    display: inline-block;
    font-size: 13px;
    box-shadow: none;
}

.success-pop {
    width: 550px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -225px;
    position: fixed;
    background-color: #fff;
    z-index: 999;
    display: none;
    border: 10px solid rgba(16, 16, 16, 0.6);
}

.success-pop p {
    line-height: 80px;
    color: #858585;
    font-size: 13px;
    text-align: center;
}

.expect-pop {
    background-color: white;
    width: 640px;
    height: 282px;
    top: 50%;
    left: 50%;
    margin-top: -141px;
    margin-left: -320px;
    position: fixed;
    z-index: 999;
    display: none;
    border-radius: 5px;
}

.expect-pop h3 {
    border-bottom: 1px solid #efefef;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    font-size: 14px;
}

.expect-pop a.login-close {
    position: absolute;
    float: right;
    top: -2px;
    right: 18px;
    color: #999;
    font-size: 20px;
}

.expect-pop-main {
    margin: 25px;
}

.expect-pop p {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
}

.expect-pop input {
    width: 468px;
    height: 40px;
    border: 1px solid #dadada;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 15px;
}

.expect-pop input::placeholder {
    color: #999;
}

.expect-pop-btn {
    width: 92px;
    height: 40px;
    line-height: 40px;
    background-color: #fa7424;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.expect-pop h4.expect-bt {
    position: absolute;
    bottom: 10px;
    color: #999;
    font-size: 13px;
    width: 440px;
    margin-left: 100px;
}

.expect-pop a.login-close {
    position: absolute;
    float: right;
    top: 5px;
    right: 11px;
    width: 12px;
    height: 12px;
}

#stars-wrapper {
    display: inline-block;
}

.stars {
    padding: 5px;
    margin-bottom: 10px;
}

.stars span {
    display: inline-block;
    font-size: 20px;
}

/* 显示评分数 */
.stars span.active,
#pingfen span.active {
    color: #fa812b;
}

#pingfen {
    display: inline-block;
    margin-left: 15px;
}

#pingfen li {
    display: inline-block;
}

.change-company-box {
    position: fixed;
    left: 50%;
    top: 40%;
    background-color: white;
    border-radius: 5px;
    width: 550px;
    /*height: 524px;*/
    height: 95%;
    max-height: 645px;
    margin-left: -261px;
    margin-top: -215px;
    z-index: 100;
    overflow-y: scroll;
    display: none;
}

.change-company-box .container {
    padding: 0 26px 0 26px;
    margin-bottom: 15px;
}

.change-company-box .title {
    font-size: 14px;
    color: #444444;
    font-weight: bold;
    height: 56px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 56px;
    text-indent: 26px;
}

.change-company-box .phone-title {
    font-size: 14px;
    color: #444444;
    margin-top: 25px;
    font-weight: bold;
}

.change-company-box .phone {
    margin-top: 13px;
    height: 44px;
    border: 1px solid #dadada;
    line-height: 44px;
    text-indent: 10px;
    width: 100%;
}

.change-company-box .type-title {
    font-size: 14px;
    color: #444444;
    margin-top: 22px;
    font-weight: bold;
}

.change-company-box .type-list {
    margin-top: 12px;
    font-size: 14px;
    color: #444444;
}

.change-company-box .apply-note {
    width: 100%;
}

.change-company-box .file-container {
    overflow: hidden;
}

.change-company-box .file-title {
    font-size: 14px;
    color: #444444;
    margin-top: 22px;
    font-weight: bold;
}

.change-company-box .file-img {
    width: 150px;
    height: 150px;
}

.change-company-box .upload-btn {
    float: left;
    width: 150px;
}

.change-company-box .upload-desc {
    width: 277px;
    float: left;
    margin-left: 16px;
    font-weight: normal;
    color: #999999;
}

.change-company-box .close {
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url("http://static2.test.pingansec.com/shuidi/images/detail2/icon_close.png");
    background-size: 15px 15px;
    top: 14px;
    right: 14px;
    cursor: pointer;
}

.change-company-box .submit {
    margin-top: 25px;
    width: 103px;
    height: 41px;
    color: white;
    font-size: 13px;
    border: none;
    background-color: #fa7424;

}

.comment_reply {
    color: #ff3e40;
    font-weight: bold;
    float: right;
    right: 0;
    margin-right: 10px;
}

.dp-btn {
    margin-left: 15px;
}

span.comment-total-num {
    font-size: 12px;
}

.user_name_info {
    color: #108047;
}

.required-item {
    color: red;
    margin-left: 5px;
}

.join {
    height: 80px;
    position: relative;
    display: none;
}

.join .img {
    position: relative;
}

.join .btn {
    position: absolute;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background-color: #fc211a;
    color: #fff;
    display: inline-block;
    z-index: 1;
    text-align: center;
    right: 50px;
    margin-top: 20px;
}

.risk-scan {
    width: 100%;
    height: 133px;
    box-sizing: border-box;
    border: 1px solid #fee6e7;
    background-color: #fffafa;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.risk-scan .risk-title {
    width: 40px;
    height: 100%;
    font-size: 18px;
    color: #fc605c;
    border-right: 1px solid #fee6e7;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff1f1;
    flex-shrink: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.risk-scan .risk-body {
    flex: 1;
    box-sizing: border-box;
    padding-left: 19px;
    font-size: 14px;
}

.risk-scan .risk-icon {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    position: relative;
    top: 4px;
}

.risk-scan .risk-btn {
    width: 90px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #fc605c;
    padding: 0;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #fdc8c8;
    cursor: pointer;
    margin-right: 15px;
    flex-shrink: 0;
}

.risk-scan .risk-relative,
.risk-scan .risk-tip {
    margin-top: 13px;
}

.risk-scan .risk-count {
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    background-color: #feeaea;
    border: 1px solid #fdc8c8;
    color: #fc605c;
    font-size: 12px;
    padding: 0 10px;
    margin-left: 9px;
    margin-right: 12px;
}

.risk-scan .col_red {
    color: #ff5959;
    font-weight: bold;
}







/*联系电话弹框*/
.popup_modal {
    min-width: 200px;
    min-height: 200px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFF;
    z-index: 10001;
    border-radius: 4px;
}

.popup_modal .btn_close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: url("http://static2.test.pingansec.com/shuidi/images/personal_modify/close-icon1.png") no-repeat center center;
    background-size: 12px 12px;
    cursor: pointer;
}

.more-connect .item-body .btn_hide_phone {
    color: #999999;
    margin-left: 30px;
    cursor: pointer;
}

.more-connect .item-body .btn_already_hide {
    color: #444444;
    margin-left: 30px;
}

.more-connect .item-body .btn_hide_phone:hover {
    color: #1e81f8;
}

.more-connect {
    display: none;
    width: 621px;
    height: 401px;
}

.more-connect .btn_close {
    top: 10px;
    z-index: 1200;
}

.more-connect-right {
    position: absolute;
    width: 231px;
    height: 100%;
    background: url("http://static2.test.pingansec.com/shuidi/images/AppPlugin/more_contact_right_bg.png") center center no-repeat;
    background-size: 231px 401px;
    right: 0;
    top: 0;
    z-index: 1199;
}

.more-connect-right-title {
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #1e81f8;
    margin-top: 86px;
    text-align: center;
    width: 100%;
}

.more-connect-right-txt {
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #1e81f8;
    margin-top: 18px;
    text-align: center;
    width: 100%;
}

.more-connect-right-code {
    display: block;
    width: 101px;
    height: 101px;
    margin: 46px auto 0;
}

.more-connect .title {
    padding: 8px 20px 0;
    border-bottom: 1px solid #e7e9ef;
    overflow: hidden;
    width: 390px;
    box-sizing: border-box;
}

.more-connect .title li {
    float: left;
    margin-right: 20px;
    line-height: 36px;
    border-bottom: 2px solid #fff;
    font-weight: bold;
    cursor: pointer;
}

.more-connect .title li.active {
    border-bottom: 2px solid #00ae64;
    color: #00ae64;
}

.more-connect .pop-body {
    width: 100%;
    height: 350px;
    overflow-y: auto;
}

.more-connect .pop-body .item-body .null {
    color: #999;
    text-align: center;
    line-height: 350px;
    width: 100%;
    height: 300px;
    background: url("http://static2.test.pingansec.com/shuidi/images/no-data.png") no-repeat center 70px;
}

.more-connect .item-body>ul {
    padding: 8px 20px;
}

.more-connect .item-body li {
    padding: 8px 0;
    border-bottom: 1px solid #e7e9ef;
    overflow: hidden;
}

.more-connect .item-body li>span {
    display: block;
    float: left;
}

.more-connect .item-body li>span:nth-child(1) {
    width: 230px;
}

.more-connect .item-body li>span:nth-child(2) {
    float: right;
    text-align: right;
    width: 100px;
}

.more-connect .item-body .col_green {
    color: #00ae64;
}

.more-connect .item-body .col_gray {
    color: #999;
}

.more-connect .item-body .sec {
    padding: 8px 20px;
}

.more-connect .item-body .sec .sec-dtl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.more-connect .item-body .sec .sec-dtl .right {
    width: 100px;
    text-align: right;
    line-height: 36px;
}

.more-connect .item-body .sec .sec-title {
    border-left: 4px solid #00ae64;
    padding-left: 12px;
    font-weight: bold;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 8px;
}

/*联系电话弹框*/
.contact-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: absolute;
    right: 0;
    top: 25px;
}

.phone-icon {
    width: 24px;
    height: 24px;
}

.contact-box .phone {
    font-size: 20px;
    color: #fa7424;
    margin-left: 10px;
    margin-right: 24px;

}

.contact-box .more-con {
    height: 40px;
    line-height: 38px;
    background-color: #fff9f5;
    border: 1px solid #ffdfcc;
    border-radius: 3px;
    font-size: 16px;
    padding: 0 10px;
    color: #fa7424;
    cursor: pointer;
}

.boss-box {
    width: 268px;
    height: 77px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ffdfcc;
    background-color: #fff9f5;
    margin-bottom: 25px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0 9px;
    cursor: pointer;
}

.boss-box .col1 {
    flex-shrink: 0;
}

.boss-box .col2 {
    font-size: 14px;
    color: #333333;
    padding-left: 9px;
    flex: 1;
}

.boss-box .col_light {
    font-size: 18px;
    color: #fa7424;
}

.boss-box .col3 {
    font-size: 14px;
    color: #fa7424;
    padding-right: 10px;
    background: url("http://static2.test.pingansec.com/dianping/images/icon-arrow.png") no-repeat right center;

}

.btn-show-detail {
    font-size: 14px;
    color: #1f81f8;
    cursor: pointer;
    float: right;
}

.box-content .label {
    display: inline-block;
    vertical-align: bottom;
}

.box-content .email {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

/* 二次确认弹窗 */
.second-close-pop {
    display: none;
    background: none;
    z-index: 3334;
}

.second-close-pop .pop-bg {
    display: block;
    width: 100%;
    overflow: hidden;
}

.second-close-pop .pop-btn {
    position: absolute;
    width: 112px;
    height: 40px;
    bottom: 25px;
    cursor: pointer;
}

.second-close-pop .pop-btn-sure {
    left: 54px;
}

.second-close-pop .pop-btn-cancle {
    right: 54px;
}

.popup_modal-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 3333;
}
.plugin{
    display: none;
}.login-box {
    width: 413px;
    height: 343px;
    background-color: white;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -206px;
    margin-top: -172px;
    display: none;
    z-index: 11;

}
.login-box .close {
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url("http://static2.test.pingansec.com/shuidi/images/detail2/icon_close.png");
    background-size: 15px 15px;
    top: 14px;
    right: 14px;
    cursor: pointer;
}

.login-mask {
    background-color: #000000;
    filter:Alpha(opacity=60);
    opacity: 0.6;
    width: 100%;
    height:100%;
    z-index: 10;
    position: fixed;
    top:0;
    left:0;
    display: none;
}
.login-box .title {
    width: 326px;
    font-size: 24px;
    color: #444444;
    text-align: left;
    border-left: 3px solid #fa7424;
    margin-top: 37px;
    margin: 37px auto 0;
    padding-left: 14px;
}
.login-box .line {
    width: 40px;
    /* border-bottom: 2px solid #fa7424; */
    margin: 0 auto;
    margin-top: 10px;
}
.login-box #phone {
    width: 288px;
    height: 43px;
    border:  1px solid #dddddd;
    border-radius: 5px;
    padding-left: 34px;
    display: block;
    margin: 30px auto 0;
    font-size: 14px;
    background-image: url("http://static2.test.pingansec.com/dianping/images/phone.jpg");
    background-repeat: no-repeat;
    background-position: 10px center;
}
.login-box #code {
    width: 288px;
    height: 43px;
    border:  1px solid #dddddd;
    border-radius: 5px;
    padding-left: 34px;
    display: block;
    margin: 18px auto 0;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url("http://static2.test.pingansec.com/dianping/images/key.jpg");
}
.login-box .login-error {
    height: 30px;
    color: #fa5b5f;
    font-size: 12px;
    text-indent: 24px;
    width: 320px;
    margin: 0 auto;
    line-height: 30px;
    background-image: url("http://static2.test.pingansec.com/dianping/images/error.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    visibility: hidden;
}
.login-box .login-btn {
    background-color: #fa7424;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 320px;
    height: 44px;
}
.login-box .code-input {
    position: relative;
    width: 322px;
    margin: 0 auto;
}
.login-box .code-input .get-code {
    position: absolute;
    top: 9px;
    right: 0;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    color: #fa7424;
    width: 100px;
    text-align: center;
    border-left: 1px solid #dddddd;
    cursor: pointer;
}
.xiaomi-ad2 {
    position: fixed;
    right: 25px;
    top: 100px;
    width: 165px;
    height: 267px;
    background-image: url("http://static2.test.pingansec.com/shuidi/images/ad01.png");
    background-size: 165px 267px;
    z-index: 1000000;
    cursor: pointer;
    display: none;
}
.xiaomi-ad2.bg2 {
    background-image: url("http://static2.test.pingansec.com/shuidi/images/ad02-1.png");
}
.xiaomi-ad2 .close {
    position: absolute;
    right: 3px;
    top:3px;
    width: 10px;
    height: 10px;
}


.vip_dialog {
    width: 700px;
    font-family: MicrosoftYaHei;
    overflow: visible;
}

.vip-top {
    width: 100%;
    min-height: 170px;
    overflow: hidden;
    background: url("http://static2.test.pingansec.com/shuidi/images/svip_vip/gqjg_bg.png") center top no-repeat;
    background-size: 100% 170px;
    position: relative;
}

.vip-top .vipay-top-p {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    height: 60px;
    line-height: 50px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    position: relative;
}

.vipay-top-p .vipay-top-span {
    position: absolute;
    left: 15px;
    bottom: -2px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    border-radius: 3px 3px 0 0;
    padding: 0 7px;
}

.vip-top .vipay-top-a {
    position: absolute;
    right: 20px;
    top: 0;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-right: 0;
}

.vip-top .vipay-top-img {
    width: 669px;
    display: block;
    margin: 0 auto;
    box-shadow: 0px 3px 12px 0px rgb(68 68 68 / 10%);
}

.vip_dialog .choose-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.choose-item {
    width: 200px;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgb(68 68 68 / 20%);
    position: relative;
    border: solid 2px #ccc;
    border-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 10px;

}

.vip_dialog .choose-box .row1 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
    text-align: center;
    margin-top: 6px;
}

.vip_dialog .choose-box .row2 {
    color: #ff7e00;
    font-size: 20px;
    height: 30px;
    line-height: 26px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: center;
}

.vip_dialog .choose-box .row3 {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #757575;
    text-align: center;
}

.vip_dialog .choose-box .unit-price {
    color: #ff7e00;
}

.vip_dialog .vipay-c-box-list-icon {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 30px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #f35444;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    border-radius: 0 0 3px 0;
}

.choose-item.active {
    background: #fff url("http://static2.test.pingansec.com/shuidi/images/svip_vip/selected.png") right bottom no-repeat;
    border-color: #ff7e00;
}

.vipay-c-p {
    width: 668px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    border-bottom: 2px solid #f6f4f3;
    margin-top: 8px;
    text-indent: 12px;
    text-align: left;
}

.vip_dialog .dialog-body {
    max-height: 800px;
}

.vipay-c-p .actualPay {
    font-size: 18px;
    color: #fd7c22;
}

.vip_dialog .btn-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.vip_dialog .btn-pay {
    display: block;
    margin: 20px auto 12px;
    float: none;
    width: 200px;
    height: 38px;
    line-height: 38px;
    background-color: #ff7e00;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer;
}

.vip_dialog .tip-row {
    color: #999999;
    font-size: 12px;
}

.vipay-close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -40px;
    top: 0;
    background: url("http://static2.test.pingansec.com/shuidi/images/svip_vip/close.png") center center no-repeat;
    background-size: 30px;
    cursor: pointer;
}

.vipay-bottom {
    width: 644px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 20px;
}

.vipay-b-left {
    float: left;
    width: 170px;
    overflow: hidden;
    text-align: left;
}

.vipay-b-left .vipay-b-left-p {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

.pay-method {
    display: block;
    width: 160px;
    height: 50px;
    border: solid 2px #efefef;
    margin-right: 0;
    line-height: 46px;
    text-indent: 60px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #444444;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.pay-method-wx {
    margin-bottom: 10px;
    background: #fff url("http://static2.test.pingansec.com/shuidi/images/personal_modify/weixin-icon.png") 16px center no-repeat;
    background-size: 30px;
}

.pay-method-zfb {
    background: #fff url("http://static2.test.pingansec.com/shuidi/images/personal_modify/zfb-icon.png") 16px center no-repeat;
    background-size: 30px;
}

.pay-method.active {
    border-color: #00ae64;
}

.vipay-b-left-a-icon {
    display: none;
}

.pay-method.active .vipay-b-left-a-icon {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff url("http://static2.test.pingansec.com/shuidi/images/svip_vip/selected_pay.png") right bottom no-repeat;
    background-size: 18px;
    right: 0;
    bottom: 0;
}

.vipay-b-left-txt {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
    float: left;
    line-height: 30px;
    text-align: center;
}

.vipay-b-right {
    float: right;
    width: 473px;
    height: 194px;
    background-color: #fcfcfc;
    margin-top: 10px;
    padding-top: 16px;
    padding-bottom: 10px;
}

.pay_code_box {
    position: relative;
}

.pay_code_box.hidden {
    display: none;
}

.pay_code_box .pay_qr {
    position: absolute;
    left: 125px;
    width: 120px;
    height: 120px;
    top: 8px;
    display: none;
}

.pay_code_box .pay_loading {
    position: absolute;
    left: 168px;
    width: 40px;
    height: 40px;
    top: 46px;
}

.pay_code_box .pay_code_border {
    width: 237px;
    height: 165px;
}

@keyframes opacity2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes opacity2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes opacity2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8;
    }

    100% {
        opacity: 1;
    }
}

.anim-opacity2 {
    animation: 2s opacity2 0s 1;
    -webkit-animation: 2s opacity2 0s 1;
    -moz-animation: 2s opacity2 0s 1;
    animation-fill-mode: forwards;
}/*分页*/
.pagination_box *{
    padding: 0;
    margin: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    float: left;
}
.pagination_box .page_item,.pagination_box>.page_ellipsis,.pagination_box>.next_pag,.pagination_box>.last_pag{
    display: inline-block;
    box-sizing: border-box;
    margin-left: 8px;
    min-width: 24px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #e5eef5;
    cursor: pointer;
}
.pagination_box>.next_pag,.pagination_box>.last_pag{
    padding-left: 2px;
    padding-right: 2px;
}
.pagination_box .page_item:hover,.pagination_box>.page_ellipsis:hover,.pagination_box>.next_pag:hover,.pagination_box>.last_pag:hover{
    background-color: #1f81f8;
    color: #ffffff;
    border-color: #1f81f8;
}
.pagination_box .active_item{
    background-color: #1f81f8;
    color: #ffffff;
    border-color: #1f81f8;
}
.pagination_box .hidden{
    display: none;
}
.clearfix::after{
    display: block;
    content: '';
    height: 0;
    clear: both;
    visibility: hidden;
}/*css*/

#edu-bot-iframe {
    border: none;
    position: fixed;
    width: 810px;
    height: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ecf6fe;
    box-shadow: #bbb 0 0 22px 0;
    border-radius: 10px;
    z-index: 999;
}
#edu-bot-iframe-right{
    position: fixed;
    width: 380px;
    max-height: 630px;
    min-height: 360px;
    height: calc(100vh - 80px); /* 动态计算高度，保留顶部和底部间距 */
    right: 30px;
    bottom: 30px;
    z-index: 999;
    background: #ecf6fe;
    box-shadow: #bbb 0 0 22px 0;
    border-radius: 10px;
    border: none;
    margin-top: 20px; /* 顶部间距 */
}
#edu-bot-container{
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 999;
}
#baidu-bot-float-window{
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
    width: 294px;
    height: auto;
    cursor: pointer;
}
#baidu-bot-float-window img{
    width: 294px;
    height: auto;
}
