*{
    margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{background:;}
#all {
    width:100%;
    min-height:100vh;
    height:100%;
    max-width: 1800px;
    display: inline-block;
    background: rgba(40,40,40,1);
    background: -moz-linear-gradient(left, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 41%, rgba(40,40,40,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(40,40,40,1)), color-stop(41%, rgba(40,40,40,1)), color-stop(50%, rgba(40,40,40,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(52%, rgba(255,255,255,1)), color-stop(99%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 41%, rgba(40,40,40,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 41%, rgba(40,40,40,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 41%, rgba(40,40,40,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 41%, rgba(40,40,40,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#ffffff', GradientType=1 );

}
main{
    width:75%;
    height:540px;
    max-height:500px;
    float: right;
    margin:100px 10%;
}
main .main-right{
    width:43%;
    height:100%;
    float:right;
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.13);
}
main .main-right p{
    width:90%;
    height:200px;
    margin:100px 5%;
    background:#66afe9;
    float:right;
    padding:30px 15px;
    text-align:right;
    border-radius: 8px;
    color:#fff;

}
main .main-right .mainr-titr span{
    width:100%;
    height:60px;
    float:right;
    text-align: right;
    line-height:60px;
    padding:0 15px;
    font-weight:bold;
    font-size: 13px;
    color: #333;
}
main .main-right .mainr-title span{
    width:100%;
    height:60px;
    float:right;
    text-align: center;
    line-height:60px;
    font-weight:bold;
    font-size: 19px;
    color: #333;
    margin-top:50px;
}
main .main-right .mainr-row{
    width:94%;
    height:40px;
    float:right;
    margin:10px 2.5%;
 }
main .main-right .mainr-row span{
    width:15%;
    height:40px;
    float:right;
    text-align: right;
  }
main .main-right .mainr-row span img{
    width:35px;
    margin-top:3px;
  }
main .main-right .mainr-row input {
    width:80%;
    height:40px;
    float:right;
    border:none;
    border-radius: 15px;
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.13);
    text-align:right;
    padding:0 8px;
  }

main .main-right .mainr-rowcode{
    width:79%;
    height:40px;
    float:right;
    margin:10px 17.5% 0 2.5%;
  }
main .main-right .mainr-rowcode img{
    width:34%;
    height: 43px;
    float: right;
    background: green;
    border-radius:15px 0 0 15px;
  }
main .main-right .mainr-rowcode input {
    width:60%;
    height:40px;
    float:right;
    border:none;
    border-radius:0 15px 15px 0;
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.13);
    text-align:right;
    padding:0 8px;
  }

main .main-right .mainr-rowsubmit{
    width:79%;
    height:33px;
    float:left;
    margin-top:20px;
   }

main .main-right .mainr-rowsubmit input {
    width:100px;
    height:33px;
    line-height:33px;
    float:right;
    border:none;
    border-radius:15px;
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.13);
    text-align: right;
    padding-right:9px;
    background: #333;
    color:#fff;
    font-weight: bold;
    cursor:pointer;
     background-repeat: no-repeat;
  }
main .main-right .mainr-a{
    width:86%;
    height:70px;
    float:left;
    margin:20px 7%;
    background:#ddd;
   }

main .main-right .mainr-a a {
    width:100%;
    height:20px;
    line-height:33px;
    float: right;
    text-align:right;
    text-decoration:none;
    padding-right:12px;
    font-size: 12px;
   }
main .main-right .mainr-a a:hover {
    color:#333;
  }

main .main-left{
    width:57%;
    height:100%;
    background: url("../images/login.png");
    background-size: 100%;
    background-repeat: no-repeat;
    float: right;
    border-radius:20px 0 0 20px;

}