.main .main-left {
    position: relative;
    width: 505px;
    height: 520px;
    display: inline-block;
    background: url("/Content/RefWeb/Tgnet/Images/login-img.png") no-repeat;
    background-size: 100% 100%;
    padding-left: 40px
}

    .main .main-left .left-explain {
        font-size: 20px;
        color: #353841;
        margin-top: 112px;
        width: 300px;
        text-align: center;
    }

        .main .main-left .left-explain span {
            display: inline-block;
            color: #ff8840;
            font-weight: bolder;
        }

        .main .main-left .left-explain .quick-sign {
            font-size: 30px;
            line-height: 48px;
/*            margin-left: 6px
*/        }

        .main .main-left .left-explain .tell-you {
            font-size: 30px;
            line-height: 40px;
            text-align:center;            
        }

    .main .main-left .know-now {
        text-align: center;
        width: 120px;
        height: 32px;
        display: inline-block;
        font-size: 16px;
        line-height: 32px;
        background: #f60;
        color: #fff;
        margin-top: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px
    }

        .main .main-left .know-now:hover {
            background: #ff4e00
        }

    .main .main-left .try-btn {
        position: absolute;
        font-size: 16px;
        line-height: 32px;
        color: #393939;
        right: 24px;
        bottom: 24px
    }

        .main .main-left .try-btn:hover {
            font-weight: bolder
        }

.main .main-right .right-title {
/*    border: 1px solid red;
*/
    height: 50px;
    line-height: 50px;
    color: #ff8840;
    font-size: 28px;
    text-align: center;
    width: 400px;
    font-weight: bold;
    margin-top:20px;
}
.main .main-right .right-content {
    padding-top: 0px
}

.main .main-right .info {
    padding-right: 64px
}

.main .main-right .info-list {
    width: 100%
}

.main .main-right .login-operate {
    padding-right: 64px;
    margin: 32px 0 16px
}

.main .main-right .submit-main {
    width: 100%;
    box-sizing: border-box
}

.main .main-right .btn-main {
    padding-right: 64px;
    text-align: center;
    margin: 2px 0 24px
}

    .main .main-right .btn-main a {
        display: inline-block;
        font-size: 16px;
        color: #333;
        line-height: 20px;
        padding: 26px 20px
    }

        .main .main-right .btn-main a img {
            width: 20px;
            height: 20px;
            margin-right: 6px
        }

        .main .main-right .btn-main a:hover {
            font-weight: bolder
        }

.main .main-right .btn {
    padding-right: 64px;
    text-align: center
}

.main .main-right .isRememberLogin {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #353841;
    padding-left: 30px;
    position: relative
}

    .main .main-right .isRememberLogin .isRememberBtn {
        width: 18px;
        height: 18px;
        background: url("/Content/RefWeb/Tgnet/Images/noRemember.png") no-repeat;
        display: inline-block;
        position: absolute;
        left: 0;
        top: -2px
    }

    .main .main-right .isRememberLogin .rememberLogin {
        background: url("/Content/RefWeb/Tgnet/Images/isRemember.png") no-repeat
    }

.main .main-right .forget-password {
    float: right;
    font-size: 14px;
    color: #f60
}

    .main .main-right .forget-password:hover {
        color: #ff4e00
    }

.main #QR-login {
    display: none;
    width: 545px;
    padding-left: 0
}

    .main #QR-login .right-content {
        padding-top: 36px
    }

    .main #QR-login .title {
        text-align: center
    }

    .main #QR-login .QR-main {
        position: relative;
        width: 180px;
        min-height: 180px;
        margin: 22px auto 0 auto
    }

        .main #QR-login .QR-main .QR-contnet {
            width: 180px;
            height: 180px
        }

        .main #QR-login .QR-main .Qr-img {
            display: none;
            width: 180px;
            height: 180px
        }

        .main #QR-login .QR-main p {
            text-align: center
        }

        .main #QR-login .QR-main .weChat-ico {
            font-size: 16px;
            color: #333;
            line-height: 20px;
            margin-top: 14px
        }

            .main #QR-login .QR-main .weChat-ico img {
                width: 20px;
                height: 20px;
                margin-right: 6px
            }

        .main #QR-login .QR-main .QR-text {
            font-size: 14px;
            line-height: 40px;
            color: #666
        }

        .main #QR-login .QR-main .refresh-wrap {
            display: none;
            z-index: 2;
            width: 180px;
            height: 180px;
            position: absolute;
            top: 0;
            left: 0
        }

            .main #QR-login .QR-main .refresh-wrap .shade {
                width: 100%;
                height: 100%;
                z-index: -1;
                position: absolute;
                left: 0;
                top: 0;
                background-color: #000;
                opacity: .5;
                filter: alpha(opacity=50)
            }

            .main #QR-login .QR-main .refresh-wrap img {
                transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                display: block;
                width: 44px;
                margin: 58px auto 0
            }

            .main #QR-login .QR-main .refresh-wrap p {
                font-size: 16px;
                line-height: 16px;
                margin-top: 30px;
                font-weight: bold;
                color: #fff
            }

    .main #QR-login .btn-main {
        width: 100%;
        text-align: center;
        margin: 16px 0 24px
    }

        .main #QR-login .btn-main a {
            display: inline-block;
            font-size: 16px;
            color: #333;
            line-height: 20px;
            padding: 6px 20px
        }

            .main #QR-login .btn-main a img {
                width: 20px;
                height: 20px;
                margin-right: 6px
            }

            .main #QR-login .btn-main a:hover {
                font-weight: bolder
            }

    .main #QR-login .TG-service-clause {
        display: block;
        padding-left: 16px;
        font-size: 14px;
        line-height: 14px;
        color: #f60;
        margin-top: 40px
    }

        .main #QR-login .TG-service-clause:hover {
            color: #ff4e00
        }

.is-loading {
    animation: load .8s linear infinite;
    -webkit-animation: load .8s linear infinite
}

@-webkit-keyframes load {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

.weChat-service-pop-bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #333;
    filter: alpha(opacity=40);
    opacity: .4;
    z-index: 1000
}

.weChat-service-pop {
    display: none;
    position: fixed;
    z-index: 1001;
    width: 526px;
    height: 308px;
    left: 50%;
    margin-left: -263px;
    top: 50%;
    margin-top: -154px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

    .weChat-service-pop .close-weChat-service-btn {
        position: absolute;
        right: 0;
        width: 16px;
        height: 16px;
        padding: 16px;
        cursor: pointer;
        background: url("https://ss.tgnet.com/project/icon_close_grey_32.png") 50% 50%/16px 16px no-repeat
    }

    .weChat-service-pop .weChat-service-pop-main {
        padding: 80px 0 40px
    }

        .weChat-service-pop .weChat-service-pop-main img {
            display: block;
            width: 128px;
            height: 128px;
            margin: 0 auto
        }

        .weChat-service-pop .weChat-service-pop-main p {
            text-align: center;
            padding-top: 16px;
            font-size: 16px;
            line-height: 22px;
            color: #626262;
            font-weight: 600;
            font-family: PingFang SC-Semibold,PingFang SC
        }

            .weChat-service-pop .weChat-service-pop-main p span {
                font-weight: 400
            }

.footer-weChat-service-btn {
    position: fixed;
    z-index: 1001;
    width: 120px;
    height: 48px;
    right: 6px;
    bottom: 6px;
    background: url("https://ss.tgnet.com/project/icon_service_240x96.png") 0 0/120px 48px no-repeat
}

/*#register .submit-main {
    width: 200px;
    box-sizing: border-box;

    height: 46px;
}*/

#register .info-list {
    position: relative;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-top: 15px
}
#register .submit-main {
    width: 300px;
    height: 35px;
    padding-right: 16px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 35px;
    color: #353841;
    padding-left: 16px
}
#register span.regtitle {
/*    border: 1px solid red;
*/
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    display: inline-block;
    text-align:right;
    padding-right:5px;
}

/*  注册验证样式  */


#register .field-validation-error {
    position: absolute;
    top: -18px;
    left: 105px;
    min-width: 293px;
    max-width: 293px;
    text-align: center;
    background-color: #ffe9f4;
    background-image: none;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e6aeca;
    box-shadow: none;
    color: #e10074;
    padding: 0px 3px;
    font-family: microsoft yahei;
    white-space: nowrap;
    font-size: 12px;
    border-radius: 5px;
}

    #register .field-validation-error span, #register .field-validation-error span {
        white-space: normal;
    }

#register .field-validation-valid {
    display: none;
}

#register .bag-aside-item {
    padding: 8px 0;
}

#register .input-validation-error {
    border: 1px solid #e6aeca;
}

/*  登录验证样式  */

#login .field-validation-error {
    position: absolute;
    top: -25px;
    left: 0px;
    min-width: 409px;
    max-width: 409px;
    text-align: center;
    background-color: #ffe9f4;
    background-image: none;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e6aeca;
    box-shadow: none;
    color: #e10074;
    padding: 0px 3px;
    font-family: microsoft yahei;
    white-space: nowrap;
    font-size: 12px;
    border-radius: 5px;
}

    #login .field-validation-error span, #login .field-validation-error span {
        white-space: normal;
    }

#login .field-validation-valid {
    display: none;
}

#login .bag-aside-item {
    padding: 8px 0;
}

#login .input-validation-error {
    border: 1px solid #e6aeca;
}