/*
* @Author: xuebingsi
* @Date:   2019-04-01 13:37:17
* @Last Modified by:   zhibinm
* @Last Modified time: 2019-04-01 13:37:19
*/
.bjt{width:100%; height:100%; position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);
-webkit-mask-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.bjt img{width:100%; height:100%; -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%);}

body{width:100%; height:100%; position: fixed; top:50%; left:50%; overflow: hidden;
    transform: translate(-50%,-50%);}

#bj{width:100%; height:100%; position: absolute; top:0px;
    left:0px; overflow: hidden; background: #000000;}
#bj .videok{min-width:100%; min-height:100%; position: relative;}
#bj .videok video{min-width:100%; min-height:100%; object-fit: fill; position: absolute;}
#bj .videok .zd{width:100%; height:100%; position: absolute; top:0px; left:0px;}
#bj .videok .zd .zd_con{width:100%; height:100%; position: relative;}
#bj .videok .zd .bq{width:100%; height:auto; font-size:12px; color:#FFF;
    position: absolute; bottom:10px; text-align: center;}
#bj .videok .zd .bq a{color:#FFF; margin-left: 30px;}


#right{width:24%; min-width:426px; height:100%;  position: absolute; right:0px;
    top:0px; background: rgba(0,0,0,0.5); z-index: 9999999;}

#right .con{width:calc(100% - 80px); max-width: 320px; height:100%; position: relative;
    top:50%; left:50%; transform: translate(-50%,-50%); overflow: hidden;}
#right .con .logo{width:100%; height:auto; text-align: center;}
#right .con .logo img{width:100%; height:auto; max-width:320px;}
#right .con .tit{width:100%; height:auto;}
#right .con .tit .size{width:100%; height:auto; font-size:30px; font-weight: bold; color:#FFF;
    margin-top: 20%;}
#right .con .tit .xbx{width:50px; height:5px; background: #FFF; border-radius: 100px; margin-top: 5px;}

#right .con form{width:100%; height:auto; position: absolute; top:40%;left:50%; transform: translate(-50%,-50%);}
#right .con form .li{width:100%; height:auto; margin-top: 40px;}
#right .con form .li .size{width:100%; height:auto; font-size:16px; color:#FFF;}
#right .con form .li .size:nth-child(1){margin-top: 0px;}
#right .con form .li .inpk{width:100%; height:35px; margin-top: 5px; border-radius: 4px;
    overflow: hidden;}
#right .con form .li .inpk .layui-input-wrap{width:100%; height:100%;}
#right .con form .li .inpk input{width:100%; height:100%; border:0px;
    text-indent: 0.5em;}
#right .con form .yhxy{width:100%; height:auto; margin-top: 5px;}
#right .con form .yhxy .dxk{width:15px; height:30px; float:left; position: relative;}
#right .con form .yhxy .dxk .layui-form-checkbox{width:15px; height:15px; position: absolute; top:6px;}
#right .con form .yhxy .dxk input{width:15px; height:15px; position: absolute; top:50%; left:50%;
    transform: translate(-50%,-50%);}
#right .con form .yhxy .size{width:calc(100% - 20px); float:right; height:auto; line-height: 30px;
    font-size:14px; color:#FFF;}
#right .con form .yhxy .size a{color:#2AB4FA; cursor:pointer;}
#right .con form .loginaj{width:100%; height:35px; margin-top:45px; color:#2267F2; font-weight: bold;
    background: #FFF; border-radius: 4px; border:0px; font-size:16px;}

#right .con .right_footer{width:100%; height:auto; text-align: right;
    font-size:14px; color:#FFF; position: absolute; bottom:50px;}
#right .con .right_footer p:nth-child(1){font-size:16px; font-weight: bold;}