html,
body {
    min-width: 960px;
    width: 100%;
}

.textCenter {
    text-align: center;
}

.box-sz {
    box-sizing: border-box;
}

.layui-main {
    width: 1225px !important;
    /*width: 960px !important;*/
    min-width: 960px;
}
/*#navTop.oldNav {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 5px 7px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.1);
    box-shadow: 0 5px 7px rgba(0,0,0,0.1);
    background-color: @white;
    z-index: 99;

    .layui-nav {
        min-width: 1200px;
        width: 100%;
        position: relative;
        padding: 18px 0;
        text-align: center;
        background-color: @white;

        .ptw-logo {
            float: left;
            vertical-align: middle;
            margin-top: 5px;

            & > a {
                img {
                    width: 170px;
                    height: 48px;
                }
            }
        }

        .layui-this {
            a {
                color: #537ada !important;
            }

            &::after {
                width: 8px;
                height: 8px;
                left: 46%;
                background-color: #537ada;
                border-radius: 100%;
            }
        }

        .layui-nav-item {
            a {
                font-size: 15px;
                padding: 0 25px;
                color: @lightGray;
            }
        }

        .loginOrReg {
            line-height: 60px;
            float: right;

            .btnBox {
                border-radius: 30px;
                padding: 10px 20px;
                border: 1px solid #dedede;
                color: @lightGray;

                img {
                    vertical-align: sub;
                }

                a {
                    color: @lightGray;

                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}*/
@media only screen and (max-width: 1360px) {
    #navTop .layui-nav .layui-nav-item a {
        /*padding: 0 15px !important;*/
    }
}

#navTop.commonNav {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    padding: 12.5px 0;
    -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
    background-color: white;
    z-index: 99;
}

    #navTop.commonNav .layui-nav {
        min-width: 1200px;
        width: 100%;
        padding: 0;
        position: relative;
        text-align: center;
        background-color: white;
    }

        #navTop.commonNav .layui-nav .ptw-logo {
            float: left;
            margin-top: 7px;
        }

            #navTop.commonNav .layui-nav .ptw-logo > a img {
                vertical-align: middle;
            }

        #navTop.commonNav .layui-nav .layui-this:not(.rz)::after {
            content: '';
            /*width: 60px;*/
            height: 2px;
            left: 24px;
            bottom: 15px;
            background-color: #d3b16a;

            left: 50%;
            transform: translateX(-50%);
            width: 70%;
        }

        #navTop.commonNav .layui-nav .layui-nav-item {
            height: 70px;
            line-height: 70px;

            display: inline-block;
            position: relative;
            text-decoration: none;
            color: #333;
        }

            #navTop.commonNav .layui-nav .layui-nav-item:not(.layui-this):hover::after {
                content: '';
                position: absolute;
                /*width: 60px;*/
                height: 2px;
                /*left: 24px;*/
                bottom: 15px;
                background-color: #d3b16a;

                left: 50%;
                transform: translateX(-50%);
                width: 70%;
            }

            #navTop.commonNav .layui-nav .layui-nav-item > a {
                display: inline-block;
                height: 100%;
                font-size: 16px;
                padding: 0 27px;
                color: #1a1b1f;
            }

            #navTop.commonNav .layui-nav .layui-nav-item.rz::after {
                background-color: transparent;
            }

        #navTop.commonNav .layui-nav .loginOrReg {
            height: 70px;
            line-height: 70px;
            float: right;
        }

            #navTop.commonNav .layui-nav .loginOrReg .logout {
                text-decoration: underline;
                color: #d3b16a;
            }

            #navTop.commonNav .layui-nav .loginOrReg img {
                vertical-align: middle;
                margin-left: 15px;
                cursor: pointer;
            }

            #navTop.commonNav .layui-nav .loginOrReg a {
                color: #686868;
                margin: 0 2px;
            }

                #navTop.commonNav .layui-nav .loginOrReg a:hover {
                    text-decoration: underline;
                }

                #navTop.commonNav .layui-nav .loginOrReg a .vip {
                    width: 25px;
                    vertical-align: middle;
                    margin-bottom: 3px;
                    margin-right: 8px;
                }

#navTop.oldNav .layui-nav-item a {
    padding: 0 14px !important;
}

#loginBox {
    display: none;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

    #loginBox .layui-tab .layui-tab-title {
        margin: 30px 0 25px 0;
        padding: 0 10px;
        border: none;
    }

        #loginBox .layui-tab .layui-tab-title li {
            width: 50%;
            padding: 0;
            color: #767676;
            font-size: 16px;
            position: relative;
        }

            #loginBox .layui-tab .layui-tab-title li:last-of-type::before {
                content: "";
                position: absolute;
                height: 14px;
                width: 2px;
                background-color: #dddddd;
                top: 0;
                left: 0;
                bottom: 0;
                margin: auto;
            }

        #loginBox .layui-tab .layui-tab-title .layui-this {
            color: #2b2b2b;
        }

            #loginBox .layui-tab .layui-tab-title .layui-this::after {
                border-color: #2b2b2b;
                width: 35%;
                left: 0;
                right: 0;
                margin: 0 auto;
            }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item input[type='text'],
    #loginBox .layui-tab .layui-tab-content .layui-tab-item input[type='password'] {
        height: 42px;
        line-height: 42px;
    }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item input[name='userName'],
    #loginBox .layui-tab .layui-tab-content .layui-tab-item input[name='tel'] {
        background-color: white;
        margin-bottom: 15px;
    }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item input[name='passtoken'],
    #loginBox .layui-tab .layui-tab-content .layui-tab-item input[name='captcha'] {
        background-color: white;
    }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item:nth-child(2) input[name='captcha'] {
        width: 65%;
        float: left;
    }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item .sendCaptcha {
        background-color: #d3b16a;
        font-size: 12px;
        width: 35%;
        float: right;
        height: 42px;
        line-height: 42px;
        border-radius: 0;
    }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item .forgetAndRecord {
        color: #414141;
        margin: 20px 0;
    }

        #loginBox .layui-tab .layui-tab-content .layui-tab-item .forgetAndRecord #record {
            vertical-align: middle;
            margin-right: 1%;
        }

        #loginBox .layui-tab .layui-tab-content .layui-tab-item .forgetAndRecord .forgetPwd {
            color: #7c7c7c;
        }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item #userlogin,
    #loginBox .layui-tab .layui-tab-content .layui-tab-item #msgLogin {
        width: 100%;
        height: 43px;
        line-height: 43px;
        border: none;
        background-color: #1a1b1f;
        color: white;
        margin-bottom: 20px;
        font-size: 18px;
    }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item #msgLogin {
        margin-top: 34px;
    }

    #loginBox .layui-tab .layui-tab-content .layui-tab-item .goReg {
        text-align: center;
        color: white;
        height: 43px;
        line-height: 43px;
        background-color: #d3b16a;
    }

        #loginBox .layui-tab .layui-tab-content .layui-tab-item .goReg a {
            color: white;
            margin-left: 2%;
            opacity: 0.8;
            text-decoration: underline;
        }

#registerBox {
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
    display: none;
}

    #registerBox > .logo {
        margin-bottom: 30px;
    }

    #registerBox .fromData input[type='text'],
    #registerBox .fromData input[type='password'] {
        margin-bottom: 15px;
        height: 42px;
        line-height: 42px;
        padding-left: 15px;
    }

    #registerBox .fromData input[name='code'] {
        width: 65%;
        float: left;
    }

    #registerBox .fromData .sendCaptcha {
        width: 35%;
        border-radius: 0;
        height: 42px;
        line-height: 42px;
        float: right;
        background-color: #1a1b1f;
    }

    #registerBox .termsService {
        text-align: left;
        margin-top: 10px;
        color: #7c7c7c;
    }

        #registerBox .termsService #record {
            vertical-align: middle;
            margin-bottom: 2px;
            margin-right: 1%;
        }

        #registerBox .termsService a.terms {
            color: #d3b16a;
        }

    #registerBox #registerBtn {
        width: 100%;
        height: 43px;
        line-height: 43px;
        border: none;
        background-color: #1a1b1f;
        color: white;
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 18px;
    }

    #registerBox .goLogin {
        text-align: center;
        color: white;
        height: 43px;
        line-height: 43px;
        background-color: #d3b16a;
    }

        #registerBox .goLogin a {
            color: white;
            margin-left: 2%;
            opacity: 0.8;
            text-decoration: underline;
        }

#forgetPwdBox {
    padding: 30px;
    box-sizing: border-box;
    color: #767676;
    text-align: center;
    display: none;
}

    #forgetPwdBox > .logo {
        margin-bottom: 30px;
    }

    #forgetPwdBox .fromData input[type='text'],
    #forgetPwdBox .fromData input[type='password'] {
        height: 42px;
        line-height: 42px;
        padding-left: 15px;
    }

    #forgetPwdBox .fromData input[name='forgetCaptcha'] {
        width: 65%;
        float: left;
    }

    #forgetPwdBox .fromData .sendCaptcha {
        height: 42px;
        line-height: 42px;
        font-size: 12px;
        float: right;
        background-color: #d3b16a;
    }

    #forgetPwdBox #forgetPwdBtn {
        font-size: 18px;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border: none;
        background-color: #1a1b1f;
        color: white;
        margin: 20px 0 0 0;
    }

#rMenu {
    position: fixed;
    box-sizing: border-box;
    background-color: white;
    border-radius: 5px;
    right: 0;
    top: 35%;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 0;
    -moz-box-shadow: 3px 3px 7px 2px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 3px 3px 7px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 3px 3px 7px 2px rgba(0, 0, 0, 0.18);
}

    #rMenu .menuBox {
        display: inline-block;
        padding: 30px 0;
    }

        #rMenu .menuBox > div {
            width: 40px;
            color: #fff;
            padding: 10px 0;
            font-size: 12px;
            position: relative;
        }

            #rMenu .menuBox > div:hover {
                background-color: #1a1b1f;
            }

                #rMenu .menuBox > div:hover .img {
                    -webkit-filter: brightness(10);
                    -moz-filter: brightness(10);
                    -ms-filter: brightness(10);
                    filter: brightness(10);
                }

                #rMenu .menuBox > div:hover .content {
                    opacity: 1;
                    right: 40px;
                }

            #rMenu .menuBox > div:not(:last-of-type) {
                margin-bottom: 20px;
            }

            #rMenu .menuBox > div > a {
                color: #fff;
                display: block;
                width: 70%;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
            }

            #rMenu .menuBox > div .content {
                opacity: 0;
                position: absolute;
                right: 0;
                top: 0;
                font-size: 15px;
                background-color: #fff;
                box-sizing: border-box;
                height: 42px;
                line-height: 42px;
                width: 100px;
                transition: all linear 0.1s;
            }

                #rMenu .menuBox > div .content span {
                    text-align: center;
                    font-size: 13px;
                    color: #1a1b1f;
                }

        #rMenu .menuBox .float_jiaoyan .float_qq {
            display: none;
        }

        #rMenu .menuBox .returnTop img {
            display: block;
            margin: auto;
        }

.zwf {
    height: 95px;
}

#breadcrumb {
    margin: 15px 0;
}

    #breadcrumb a {
        color: #fff !important;
    }

    #breadcrumb span {
        color: #fff !important;
    }

    #breadcrumb cite {
        color: #fff !important;
        margin-right: 1%;
    }

    #breadcrumb .condition {
        color: #818181;
        border: 1px solid #dedede;
        background-color: #fff;
        padding-right: 28px;
        padding-left: 1%;
        margin-left: 4px;
        border-radius: 5px;
        height: 22px;
        line-height: 22px;
        display: inline-block;
        position: relative;
    }

        #breadcrumb .condition .closeCondition {
            border-radius: 100%;
            padding: 0 4px;
            position: absolute;
            display: inline-block;
            height: 16px;
            line-height: 16px;
            top: 0;
            bottom: 0;
            right: 6px;
            margin: auto 0;
            font-style: initial;
            background-color: #dedede;
            cursor: pointer;
        }

    #breadcrumb .empty {
        font-size: 12px;
        margin-left: 8px;
        color: #d3b16a;
    }

#footer {
    background-color: #2e2e2e;
    padding-top: 85px;
    padding-bottom: 30px;
    color: #fff;
}

    #footer .help_Title {
        line-height: 36px;
        font-size: 18px;
        opacity: 0.9;
        margin-bottom: 10px;
        display: inline-block;
    }

        #footer .help_Title:hover {
            color: white;
            opacity: 0.9;
            cursor: initial;
        }

    #footer .footer-columns {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 48px;
        width: 70%;
        float: left;
    }

    #footer .footer-col {
        min-width: 0;
    }

    #footer .footer-links {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #footer .footer-links li {
            line-height: 25px;
        }

            #footer .footer-links li a {
                opacity: 0.6;
            }

                #footer .footer-links li a:hover {
                    color: white;
                    opacity: 0.9;
                }

    #footer .footer-columns + .contact {
        float: right;
        width: 30%;
        text-align: right;
    }

    #footer .quickHelp {
        display: none;
    }

    #footer .quickHelp {
        float: left;
        width: 70%;
    }

        #footer .quickHelp > li {
            float: left;
        }

            #footer .quickHelp > li:not(:last-of-type) {
                margin-right: 185px;
            }

            #footer .quickHelp > li ul li {
                line-height: 25px;
            }

                #footer .quickHelp > li ul li > a {
                    opacity: 0.6;
                }

                    #footer .quickHelp > li ul li > a:hover {
                        color: white;
                        opacity: 0.9;
                    }

    #footer .contact {
        float: left;
        width: 30%;
        text-align: right;
    }

        #footer .contact .tel {
            font-size: 20px;
        }

        #footer .contact a.contactSales {
            font-size: 12px;
            margin-top: 20px;
            margin-bottom: 45px;
            padding: 0 40px;
            height: 32px;
            line-height: 32px;
            display: inline-block;
            color: #949596;
            border: 1px solid #949596;
        }

        #footer .contact .wxQrCode {
            position: relative;
        }

            #footer .contact .wxQrCode .qrCode {
                width: 117px;
            }

            #footer .contact .wxQrCode .txtImg {
                position: absolute;
                right: 140px;
                bottom: 0;
            }

    #footer .btmBox {
        margin-top: 85px;
        float: left;
        width: 100%;
        color: #828282;
    }

    #footer .layui-main::after {
        content: "";
        display: block;
        clear: both;
    }

@media (max-width: 900px) {
    #footer .footer-columns {
        width: 100%;
        float: none;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    #footer .contact {
        width: 100%;
        float: none;
        text-align: left;
        margin-top: 24px;
    }
}

#footer .footer-columns .footer-col {
    /* 修正曾经写成 .footer-columns + .footer-col 的误用带来的排版问题 */
    min-width: 0;
}

/* 新版 footer（不依赖旧 #footer 结构），用于静态页与全站统一 */
.site-footer {
    background: #282828;
    color: #d6d6d6;
    padding: 72px 0 36px;
}

.site-footer-inner {
    width: 1100px;
    max-width: calc(100% - 32px);
    margin: 0 auto;
}

.site-footer .footer-columns {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 64px !important;
    align-items: start;
    margin-bottom: 56px;
}

.site-footer .footer-col {
    min-width: 0;
}

    .site-footer .footer-col h3 {
        font-size: 18px;
        color: #ffffff;
        margin: 0 0 18px;
        font-weight: 700;
    }

    .site-footer .footer-col a {
        display: block;
        color: #c9c9c9;
        font-size: 14px;
        line-height: 2;
        text-decoration: none;
    }

        .site-footer .footer-col a:hover {
            color: #ffffff;
        }

.site-footer .footer-contact {
    color: #9f9f9f;
    font-size: 13px;
    line-height: 1.9;
    margin-top: 24px;
}

    .site-footer .footer-contact p {
        margin: 0;
    }

.site-footer .footer-copy {
    margin-top: 36px;
    text-align: center;
    color: #8f8f8f;
    font-size: 13px;
}

    .site-footer .footer-copy a {
        color: #8f8f8f;
        text-decoration: none;
    }

        .site-footer .footer-copy a:hover {
            color: #ffffff;
        }

@media (max-width: 900px) {
    .site-footer .footer-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 32px;
    }
}

@media (max-width: 560px) {
    .site-footer .footer-columns {
        grid-template-columns: 1fr !important;
    }
}

#footer .btmBox .copyright {
    margin-bottom: 10px;
    margin-top: 50px;
    text-align: center;
}

    #footer .btmBox .copyright .icp {
        color: #828282;
    }

#salesmanShow {
    height: 100%;
    border-radius: 16px;
    background: url("/Content/imgs/commonImg/salesmanShow-bg.png") #f7f7f7 top center no-repeat;
    position: relative;
    display: none;
}

    #salesmanShow::before {
        content: "";
        position: absolute;
        background: url(/Content/imgs/commonImg/star-ico.png) no-repeat;
        top: -22px;
        left: 60px;
        width: 32px;
        height: 43px;
    }

    #salesmanShow .salesmanBox {
        position: absolute;
        background-color: #fff;
        border-radius: 14px;
        width: 645px;
        top: 78px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 40px 30px;
        box-sizing: border-box;
    }

        #salesmanShow .salesmanBox ul li {
            float: left;
            width: 25%;
            text-align: center;
        }

            #salesmanShow .salesmanBox ul li > p {
                color: #555555;
                margin: 10px 0;
            }

            #salesmanShow .salesmanBox ul li button[name='salesmanQQ'] {
                color: #d3b16a;
                border: 1px solid #d3b16a;
                background-color: transparent;
                height: 26px;
                line-height: 26px;
                padding: 0 12px;
                border-radius: 25px;
                cursor: pointer;
            }

                #salesmanShow .salesmanBox ul li button[name='salesmanQQ'] img {
                    vertical-align: middle;
                    margin-bottom: 3px;
                    margin-right: 4px;
                }

    #salesmanShow .bottomContent {
        position: absolute;
        bottom: 25px;
        left: 0;
        right: 0;
        margin: auto;
    }

        #salesmanShow .bottomContent li {
            float: left;
            width: 33.33%;
            text-align: center;
            color: #777777;
            cursor: pointer;
        }

            #salesmanShow .bottomContent li:nth-child(2n) {
                position: relative;
            }

                #salesmanShow .bottomContent li:nth-child(2n)::before,
                #salesmanShow .bottomContent li:nth-child(2n)::after {
                    content: "";
                    position: absolute;
                    height: 100%;
                    width: 1px;
                    background-color: #dcdcdc;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }

                #salesmanShow .bottomContent li:nth-child(2n)::before {
                    left: 0;
                }

                #salesmanShow .bottomContent li:nth-child(2n)::after {
                    right: 0;
                }

            #salesmanShow .bottomContent li > img {
                vertical-align: middle;
                margin-bottom: 3px;
                margin-right: 5px;
            }

.rightBox .wxQrCode {
    box-sizing: border-box;
    float: right;
    margin-top: 16px;
    margin-left: 5%;
}

#salesmanShow .wxQrCode {
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
    width: unset;
}

    #salesmanShow .wxQrCode .wechatIco {
        width: 12px;
    }