*{
    margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#all {
    width:100%;
    min-height:100vh;
    height:100%;
    max-width: 1800px;
    display: inline-block;
}
main{
    width:100%;
    height:100vh;
    max-height:500px;
    margin:auto;
}
main .main-right{
    width:43%;
    height:100%;
    float:right;
    background:#fff;
    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: red;
}
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: center;
  }
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:center;
  }

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:center;
  }

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-left:7%;
    margin-top:20px;
    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-repeat: no-repeat;
    float: right;
    border-radius:20px 0 0 20px;
}
.body{
    background:red;
    float:right;
    text-align:center;
    position:relative;
    color:deepskyblue;;
    background-image:url("images/bgcolor.png");
}
.css{
    width:14px;
    height:50px;
    background:red;
    float:left;
    margin:green;
    color:red;

}