html,body{
    height:100%;
}
.log_con{
    position: relative;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 120px;
    background: #fff;
}
.log_back{
    width:100%;
    position: absolute;
    z-index:-1;
}
.log_head{
    height:58px;
    line-height:58px;
    border-bottom:1px solid rgba(255,255,255,.3);
    color: #fff;
    overflow: hidden;
}
.log_head>img{
    margin-top:13px;
    margin-left:38px;
}
.log_head>span{
    float: right;
    margin-right:28px;
}
.log_r{
    position: absolute;
    top:230px;
    /*right:250px;*/
    right:9%;
    width:330px;
    /*height:346px;*/
    padding-left:25px;
    background: #fff;
    color: #d3d3d3;
}
.log_r input,.log_r a{
    font-size:14px;
}
.log_r>a{
    color: #999999;
    margin: 9px 0 17px 0;
    font-size:12px;
}
.log_r h3{
    line-height:60px;
    color: #333333;
    font-size: 15px;
    font-weight: normal;
}
.log_r input[type=text],input[type=password]{
    width:183px;
    height:35px;
    line-height:35px;
    border:1px solid #dadbdc;
}
.log_r div{
    position: relative;
    margin-bottom: 18px;
}
.log_r div>span.placeholder{
    position: absolute;
    top: 10px;
    left: 18px;
    color: #999;
}

.log_r .code{
    height:35px;
    vertical-align: bottom;
    border: 1px solid #333;
    cursor: pointer;
}
.log_r div.first input[type=text],input[type=password]{
    width:300px;
}
.log_r p{
    display: none;
    line-height:24px;
    color: #ff0000;
}
.log_r form>input[type=button]{
    width:301px;
    height:35px;
    line-height:35px;
    color: #fff;
    background: #3b8cff;
    border:1px solid #73bff8;
}
.log_foot{
    position: absolute;
    bottom:0;
    min-width: 1280px;
    width:100%;
    height:120px;
    background: #fff;
    color: #616a73;
}
.log_foot>div{
    width:80%;
    height:30px;
}
.log_foot>div>p{
    float: left;
    line-height:30px;
}
.log_foot>div>p>a{
    color: #616a73;
}
.log_foot>div>p>a>img{
    vertical-align: -4px;
}
.log_foot>div>div{
    float: right;
}
.log_foot>div>div>a{
    margin:0 10px;
}

#banner{
    position: relative;
    height:100%;
    overflow: hidden;
    margin:0 auto;
    /*border:1px solid #333;*/
    /*background: #0c131a;*/
}

#banner ul{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#banner ul li{
    display: none;
    float: left;
    position: absolute;
    width:100%;
    height:100%;
    background: #0c131a;
}
#banner ul li:hover .banner_img,#banner ul li:hover .banner2_img,#banner ul li:hover div{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#banner ul li.show{
    z-index:111;
}
#banner ul li>img{
    position: absolute;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
#banner ul li>img.banner_img{
    width:105%;
}
#banner .banner2_img{
    top: 15%;
    left: 18%;
}
#banner>div{
    position: absolute;
    bottom:50px;
    text-align: center;
    width:100%;
}
#banner>div>span{
    display: inline-block;
    width:9px;
    height:9px;
    line-height:9px;
    margin:3px;
    text-align:center;
    background: #494b4d;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;;
}
#banner>div>span.active{
    background: #fff;
}
#banner li div{
    width: 486px;
    height: 165px;
    line-height: 36px;
    position: absolute;
    color: #d4d6da;
    font-size: 18px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
#banner li div.log_div1{
    top: 302px;
    left: 22%;
}
#banner li div.log_div2{
    /*top: 450px;
    left: 22%;*/
    top: 58%;
    left: 19%;
    font-size:15px;
}
#banner li div.log_div2 p>span{
    width: 216px;
    margin: 0 12px;
}
#banner li div p{
    height:36px;
}
#banner li div p .log_check{
    margin-right:7px;
}
#banner li div p img{
    margin-top:15px;
}
#banner li div .p_style1{
    font-size: 36px;
    color: #fff;
}
#banner li div.log_div2 .p_style1{
    font-size:32px;
    letter-spacing: 2px;
    text-align: center;
}

@media screen and (min-width: 1921px){
    .log_r{
        right: 20%;
        top:270px;
    }
    #banner ul li>img.banner2_img{
        top:24%;
    }
    #banner li div.log_div2{
        top:575px;
    }
}
@media screen and (max-width: 1366px){
    .log_con{
        padding-bottom:100px;
    }
    .log_r{
        top: 158px;
    }
    #banner ul li>img.banner_img{
        width:110%;
    }
    .banner2_img{
        width: 430px;
    }
    #banner li div{
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }
    #banner li div.log_div1{
        top:230px;
    }
    #banner li div.log_div2{
        top: 380px;
        left: 14%;
    }
    .log_foot{
        height: 96px;
    }
}

 html,body{
            margin:0;
            padding:0;
            background: #1a1e21;
        }
        body{
            min-width:1200px;
        }
        #CO_tab a{
            color: #fff;
        }
        .header{
            position: absolute;
            top:0;
            width:100%;
            background: transparent;
            border-bottom:1px solid rgba(255,255,255,.2);
        }
 #embed-captcha {
            width: 300px;
        }
        .show {
            display: block;
        }
        .hide {
            display: none;
        }
        #notice {
            color: red;
        }
        .log_r div>span {
            position:initial
        }
        .geetest_logo,.geetest_success_logo,.geetest_copyright{
            display: none;
        }
        .geetest_holder.geetest_mobile.geetest_ant .geetest_panel>.geetest_small>.geetest_feedback{
            display: none;
        }