.main {
    padding: 69px 0px;
    background: url(../images/login/dl_bg.png) no-repeat;
}

    .main .win_box {
        /*width: 678px;*/
        width:367px;
        height: 446px;
        padding: 20px 30px 0px;
        /*margin: 0 auto;*/
        background: #fff;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        float:right;
    }

        .main .win_box .tab {
            position: absolute;
            top: -10px;
            right: 0px;
            cursor: pointer;
        }

            .main .win_box .tab span {
                display: block;
                width: 50px;
                height: 50px;
                text-align: center;
                line-height: 47px;
            }

                .main .win_box .tab span img {
                    width: auto;
                    height: auto;
                    max-width: 50px;
                    max-height: 50px;
                    vertical-align: middle;
                }

.p1 {
    display: block;
}

.p2 ,.p3{
    display: none;
}

.main .win_box .section,.main .win_box .wxDlcon {
    width: 338px;
}

    .main .win_box .section .img1
    ,.main .win_box .wxDlcon .img1 {
        text-align: center;
        margin-top: 59px;
        line-height: 215px;
        margin-bottom: 30px;
    }

        .main .win_box .section .img1 img, .main .win_box .section .img1 table
        ,.main .win_box .wxDlcon .img1 img {
            width: auto;
            height: auto;
            max-width: 256px;
            max-height: 256px;
            text-align: center;
            vertical-align: middle;
            margin: 0 auto;
        }

#qrcodeOk, #qrcodeError {
    display: none;
}

.main .win_box .section .tsy 
,.main .win_box .wxDlcon .tsy{
    display: block;
    font-size: 14px;
    color: #333333;
    text-align: center;
    line-height: 20px;
}

.main .win_box .win_left {
    width: 338px;
    padding-right: 50px;
    position: relative;
}

.main .win_box .title {
    height: 51px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 30px;
}

    .main .win_box .title span {
        display: block;
        float: left;
        font-size: 16px;
        color: #333333;
        line-height: 48px;
        margin-right: 40px;
        cursor: pointer;
    }

        .main .win_box .title span.now {
            border-bottom: 3px solid #333333;
        }

.main .win_box .win_left .dlCon {
    display: none;
}

.main .win_box .win_left ul li {
    margin-bottom: 20px;
}

    .main .win_box .win_left ul li input {
        outline: none;
        width: 96%;
        height: 40px;
        padding-left: 10px;
        background: #F8F8F8;
        border: 1px solid #D8D8D8;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .main .win_box .win_left ul li input::-webkit-input-placeholder {
            font-size: 14px;
            color: #999;
        }

        .main .win_box .win_left ul li input::-moz-placeholder {
            font-size: 14px;
            color: #999;
        }

    .main .win_box .win_left ul li a {
        font-size: 14px;
        color: #666666;
    }

    .main .win_box .win_left ul li .btnDl {
        display: block;
        width: 100%;
        height: 48px;
        font-size: 16px;
        color: #999999;
        font-weight: bold;
        text-align: center;
        line-height: 48px;
        cursor: pointer;
        background: #E8E8E8;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .main .win_box .win_left ul li .btnDl.now {
            color: #fff;
            background: #FF7D3C;
        }

        .main .win_box .win_left ul li .btnDl:hover {
            color: #fff;
            background: #FF722B;
        }

.main .win_box .win_left .qwdl {
    text-align: center;
    font-size: 16px;
}

    .main .win_box .win_left .qwdl img {
        vertical-align: middle;
        margin-bottom: 3px;
    }

.main .win_box .win_left .zhzc {
    text-align: right;
    font-size: 14px;
    padding-top:10px;
}

    .main .win_box .win_left .zhzc a {
        color: #FF7D3C;
    }

.main .win_box .win_left .phone1, .main .win_box .win_left .yzm {
    position: relative;
}

.main .win_box .win_left ul .phone1 {
    width: 81%;
}

    .main .win_box .win_left ul .phone1 input {
        padding-left: 70px;
    }

.main .win_box .win_left .phone1 span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 0px 10px;
    font-size: 14px;
    color: #333333;
    line-height: 42px;
    cursor: pointer;
}

    .main .win_box .win_left .phone1 span img {
        vertical-align: middle;
        margin-bottom: 3px;
        margin-left: 10px;
    }

.main .win_box .win_left .yzm .hqyzm {
    display: block;
    width: 90px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #999999;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.main .win_box .win_right {
    display:none;
    height: 357px;
    padding: 49px 20px 0px 50px;
    border-left: 1px dashed #E8E8E8;
    position: relative;
}

    .main .win_box .win_right .img {
        width: 218px;
        height: 218px;
        text-align: center;
        line-height: 215px;
        margin-bottom: 30px;
    }

        .main .win_box .win_right .img img {
            width: auto;
            height: auto;
            max-width: 218px;
            max-height: 218px;
            vertical-align: middle;
        }

    .main .win_box .win_right span {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
    }

.main .layui-form-checked[lay-skin=primary] i {
    border-color: #FF7D3C;
    background-color: #FF7D3C;
}

.main .layui-form-checked i, .main .layui-form-checked:hover i, .main .win_box .win_left .yzm .hqyzm:hover {
    color: #FF7D3C;
}

.main .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #FF7D3C;
}

.scanDiv {
    width: 367px !important;
}
.scanDiv .win_right{
    display:none !important;
}

/*微信登录*/
.zhzc a.pdl {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    float:left;
}
.zhzc a.pdl b.weixin-icon {
    background-position: -20px 0;
}
.zhzc a.pdl b.qq-icon {
    background-position: 0 0;
}
.zhzc a.pdl b {
    width: 19px;
    height: 18px;
    display: block;
    background: url(/templates/www/images/QQ-weixin.png) no-repeat;
    margin: 0 auto;
    position: absolute;
    float: left;
    left: 0;
    top: 1px;
}
.zhzc a.pdl span {
    color:#666;
}
.zhzc span.line {
    float:left;
    color: #ccc;
    padding: 0 10px;
}

.rlzyReg {
    background: #fff !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .rlzyReg .win_box {
        box-shadow: none;
        padding: 30px 70px 20px;
        border-left: 1px dashed #ddd;
    }

.zcConLeft {
    float: left;
    width: 550px;
    position: relative;
}

    .zcConLeft .zcConLeftTitle {
        font-size: 16px;
        text-align: center;
        color: #444;
        font-weight: bold;
        padding: 30px 0 10px;
        line-height: 30px;
    }

    .zcConLeft img {
        margin: 1px auto;
        display: block;
        width:350px;
    }

    .zcConLeft .zcConLeftStep {
        position: absolute;
        left: 210px;
        color: #444;
        width: 240px;
        height: 58px;
        font-family: 宋体;
        font-size: 15px;
        text-align: center;
        line-height: 58px;
        font-weight: bold;
    }

    .zcConLeft .zcConLeftStep1 {
        top: 101px;
        line-height: 22px;
        padding-top: 9px;
        height: 49px;
    }

    .zcConLeft .zcConLeftStep2 {
        top: 189px;
    }

    .zcConLeft .zcConLeftStep3 {
        top: 279px;
    }

    .zcConLeft .zcConLeftStep4 {
        top: 368px;
    }

    .zcConLeft .zcConLeftStep1 span {
        font-size: 13px;
    }
/*二维码新加*/
.qr-coagent{
   background-color: #fff;
    font-family: "microsoft yahei";
    color: #999;
    border: none;
    padding: 0;
    line-height: 25px;
    margin-left: 54px;
    height: auto;text-align: center;
    margin-top:14px;
}
.coagent ul {
    display: inline-block;
    display: block;
}
.qr-coagent li {
    text-align: left;
    position: relative;
    margin-right: 18px;
}
.coagent li {
    float: left;
}
.qr-coagent li b {
    width: 25px;
    height: 25px;
    display: block;
    background: url(/templates/www/images/qr-coagent.png) no-repeat;
    margin: 0 auto;
    position: absolute;
    left: 0;
}
.qr-coagent li em {
    padding-left: 32px;
}
.qr-coagent li .faster {
    background-position: -27px;
}
.qr-coagent li .more-safe {
    background-position: -54px;
}