.position-relative {
    position: relative;
    }
    .position-absolute {
    position: absolute;
    }
    .d-flex {
    display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        }
        .justify-content-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        }
        .justify-content-end {
    -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end}
        .justify-content-between {
    -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between}
        .align-items-center {
    -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        }
        /* 头部 */.header{
        width: 100%;
        background: #ffffff;
        ;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 111;
        }
        .header-container{
    width: 1000px;
        height: 80px;
        margin: 0 auto;
        }
        .header .logo{
    width: 160px;
        cursor: pointer;
        }
        .header nav li{
            margin-right: 40px;
            height: 50px;
            font-size: 16px;
            font-weight: 500;
            color: #4d4d4d;
            line-height: 50px;
            cursor: pointer;
        }
        .header nav li:hover{
    color: #276EF7;
    }
    .header nav li:hover .drop-down-triangle{
    background-position: -11px 0;
    }
    .header nav li .drop-down-triangle{
    background-image: url(../images/icon-scene.png);
        width: 11px;
        height: 10px;
        background-size: auto 20px;
        margin-left: 5px;
        }
        .header nav a:nth-last-of-type(1) li{
    margin-right: 0px;
    }
    .header nav .product-center:hover .temp-key{
    display: block;
    }
    /* .header nav .product-center .drop-down-triangle{
    transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
    }
     *//* .header nav .product-center:hover .drop-down-triangle{
    -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
        }
         */.temp-key{
    position: absolute;
        width: 600px;
        padding: 34px 75px;
        background:rgba(255,255,255,1);
        box-shadow:0px 6px 12px 0px rgba(0,0,0,0.1);
        border-radius:10px;
        top: 80px;
        left: -200px;
        display: none;
        }
        .temp-key-warp p{
    font-size:16px;
        font-weight:500;
        color:rgba(77,77,77,1);
        line-height:22px;
        margin-bottom: 17px;
        text-align: center;
        cursor: auto                    ;
        }
        .temp-key hr{
    position: absolute;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
        width: 450px;
        height: 1px;
        margin: 0;
        border: none;
        border-top: 1px solid #D9D9D9;
        }
        .temp-key-warp ol{
    width:120px;
        height:34px;
        font-size:14px;
        font-weight:400;
        color:#4D4D4D;
        line-height:34px;
        text-align: center;
        }
        .temp-key-warp ol:hover{
    background:#F4F8FF;
        color: #276EF7;
        }
        .loginBtn-box{
    width: 120px;
        height: 80px;
        /* margin-left: 40px; */
        margin-left: 20px;
        margin-right: 29px;
    }
    /*.loginBtn{
    	*//*    width: 120px;
    	*//*    height: 80px;
    	*//*    display: none;
    	*//*}
    	*/.register-login-btn{
    height: 80px;
    }
    .loginBtn-info{
    width:100px;
        height:36px;
        background:rgba(39,110,247,1);
        box-shadow:0px 0px 4px 1px rgba(39,110,247,0.14);
        border-radius:4px;
        font-size:16px;
        color:rgba(255,255,255,1);
        line-height:36px;
        text-align: center;
        cursor: pointer;
        }
        .userInfo{
    width: 120px;
        height: 80px;
        position: relative;
        cursor: pointer;
        display: none;
        }
        .userInfo-info{
    width: 120px;
        height: 80px;
        }
        .userInfo img{
    display: block;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        }
        .userInfo .user-name{
    display: block;
        font-size:12px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:#4d4d4d;
        line-height:17px;
        margin-bottom: 5px;
        width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        }
        .userInfo .user-type{
    width:70px;
        height:20px;
        background:rgba(227,237,255,1);
        border-radius:10px;
        color: #6CA0F9;
        font-size:12px;
        }
        .userInfo .user-type img{
    width: 10px;
        height: 10px;
        margin-left: 4px;
        }
        .userInfo:hover .pull-down-menu{
    display: block;
    }
    /* 用户信息 */header .pull-down-menu {
    position: absolute;
        width: 230px;
        top: 70px;
        left: -70px;
        display: none;
        }
        .tooltip-triangle {
    width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
        transform: rotate(180deg);
        margin-top: 0px;
        margin-left: 136px;
        }
        header .userInfo .pull-down-menu ul {
    width: 100%;
        padding: 0 20px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 5px 0px rgba(146, 146, 146, 0.5);
        }
        header .userInfo .pull-down-menu ul .pull-down-menu-li {
    height: 60px;
        padding: 0;
        border-bottom: 1px solid #E8E8E8;
        color: #4D4D4D;
        font-size: 14px;
        line-height: 60px;
        }
        header .userInfo .pull-down-menu ul .pull-down-menu-li span {
    color: #b5b5b5;
        font-size: 12px;
        }
        .header .userInfo .col-gray {
    color: #b5b5b5;
        font-size: 12px;
        cursor: pointer;
        }
        .header .userInfo .col-gray:hover {
    color: #276EF7;
    }
    .header .userid {
    text-align: left;
        width: 90px;
        }
        .header .userInfo .memberType, .header .userInfo .dayCreate-upper-limit, .header .userInfo .monthCreate-upper-limit, .header .userInfo .dayjump-upper-limit {
    height: 20px;
        line-height: 20px;
        }
        .header .userInfo .monthCreateTopVisit, .header .userInfo .dayJumpTopVisit, .header .userInfo .dayCreateTopVisit {
    height: 20px;
        line-height: 20px;
        color: #b5b5b5;
        font-size: 12px;
        }
        /* footer */footer{
    width:100%;
    height: 225px;
        background:#277CF2;
        }
        .footer{
    width: 1000px;
        height: 196px;
        margin: 0 auto;
        padding-top: 48px;
        }
        @media screen and (max-width: 768px) {
            .footer{
                width: 100%;
                }
              }
        .footer img{
    width:160px;
    }
    .footer p{
    font-size:14px;
        font-weight:500;
        color:#fff;
        line-height:20px;
        }
        .footer-line{
    font-size:14px;
        color:#fff;
        line-height:20px;
        text-align: center;
        margin-top: 14px;
        }
        .footer-line a{
    color:#fff;
    }
    .footer-line a:hover{
    text-decoration: underline;
    }
    .mr-50{
    margin-right: 50px;
    }
    .solution-item-hr{
    border-color: rgba(242, 242, 242,0.2);
        margin: 16px auto;
        width: 80%;
        }
        .col-green{
    color: #276EF7 !important}
    .userInfo .user-type span{
    font-size:12px;
        font-weight:400;
        color:#6CA0F9;
        text-align: center;
        }
        .userInfo .user-type i{
    background-image: url(../images/icon-scene.png);
        width: 11px;
        height: 10px;
        background-size: auto 20px;
        margin-left: 3px;
        background-position: -11px 0;
        margin-top: 3px;
        }
        /* --------- */.gift-tips{
    background:rgba(255,225,225,1);
        border-radius:9px;
        height: 20px;
        line-height: 20px;
        color: #F17A7A;
        font-size: 12px;
        text-align: center;
        padding: 0 7px;
        }
        .authentication-btn{
    width:64px;
        height:22px;
        background:rgba(39,110,247,1);
        box-shadow:0px 2px 6px 0px rgba(39,110,247,0.3);
        border-radius:11px;
        font-size:12px;
        font-weight:400;
        color:#ffffff;
        line-height:22px;
        text-align: center;
        }
        .icon-crown{
    width: 20px;
        height: 20px;
        top: -5px;
        right: -5px;
        background-size: auto 20px;
        }
        .icon-crown-silver{
    background-image: url(../images/icon-crown.png);
        background-position: 0px 0;
        }
        .icon-crown-gold{
    background-image: url(../images/icon-crown.png);
        background-position: -20px 0;
        }
        .icon-crown-diamond{
    background-image: url(../images/icon-crown.png);
        background-position: 20px 0;
        }
        .toast-message{
    font-size: 16px !important;
    }
    /**个人企业资质认证弹窗 */.prompt-certification-popup {
    position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 1024px;
        background: rgba(0, 0, 0, 0.4);
        z-index: 10000;
        }
        .prompt-certification {
    width: 437px;
        padding: 30px 51px 34px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -100%);
        }
        .prompt-certification-close {
    position: absolute;
        background-image: url(../images/icon-close-gray.png);
        width: 30px;
        height: 30px;
        background-size: 30px;
        right: 16px;
        top: 16px;
        cursor: pointer;
        }
        .prompt-certification > p {
    font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
        line-height: 24px;
        text-align: center;
        }
        .prompt-certification > span {
    display: block;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65);
        line-height: 22px;
        margin-top: 12px;
        }
        .prompt-certification .prompt-btn {
    width: 120px;
        height: 40px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid #277cf2;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        color: #277cf2;
        line-height: 40px;
        margin-right: 30px;
        margin-top: 30px;
        }
        .prompt-certification .person-btn {
    width: 120px;
        height: 40px;
        background: #277cf2;
        border-radius: 2px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        color: rgba(255, 255, 255, 1);
        line-height: 40px;
        margin-top: 30px;
        }
        /* 认证弹窗 */.authentication-popup{
    width: 100%;
        height: 100%;
        background:rgba(0,0,0,0.75);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 101;
        display: none;
        }
        .authentication-popup-info{
    width: 650px;
        height: 360px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        }
        .authentication-popup-info img{
    width: 650px;
        height: 360px;
        }
        .authentication-popup-info .get-audit-btn{
    width:245px;
        height:60px;
        border:3px solid rgba(255,255,255,1);
        opacity:1;
        border-radius:30px;
        font-size:28px;
        font-weight:500;
        line-height:60px;
        color:rgba(255,255,255,1);
        text-align: center;
        position: absolute;
        left: 50%;
        bottom: -22%;
        transform: translateX(-50%);
        cursor: pointer;
        }
        .authentication-success-info,.authentication-error-info{
    width: 290px;
        height: 187px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        }
        .authentication-success-info img,.authentication-error-info img{
    width: 290px;
        height: 187px;
        }
        .authentication-success-info button{
    width:98px;
        height:28px;
        background:rgba(54,136,255,1);
        box-shadow:0px 3px 6px rgba(2,80,193,0.45);
        border-radius:14px;
        font-size:16px;
        color:rgba(255,255,255,1);
        line-height: 26px;
        position: absolute;
        left: 50%;
        bottom: -9%;
        transform: translateX(-50%);
        }
        .authentication-error-info button{
    width:98px;
        height:28px;
        background:rgba(224,47,52,1);
        box-shadow:0px 3px 6px rgba(106,2,2,0.35);
        border-radius:14px;
        font-size:16px;
        color:rgba(255,255,255,1);
        line-height: 26px;
        position: absolute;
        left: 50%;
        bottom: -9%;
        transform: translateX(-50%);
        }
        .authentication-popup-info .authentication-animate{
    width: 285px;
        height: 198px;
        position: absolute;
        right: -30px;
        top: 120px;
        }
        .authentication-popup-info .icon-close{
    width: 38px;
        height: 38px;
        background-image: url(../images/icon-close-wy.png);
        background-size: 38px 38px;
        position: absolute;
        right: -32px;
        top: -32px;
        cursor: pointer;
        background-position: 0 0;
    }
.hide{display: none;
    }