* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}
html {
    font-size: 192px;
}
body {
    font-size: 16px;
}
html,body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.box {
    /* background: url(./img/bg.png); */
    /* background-size: 100%; */
    background-color: rgba(207,180,102,.5);
    width: 100%;
    height: 100%;
    padding-top: .510417rem /* 98/192 */;
}
.box::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url(./img/bg.png);
    background-size: 100% 100%;
    z-index: -99;
    /* opacity: .4; */
}
.box .logo {
    width: .614583rem /* 118/192 */;
    height: .25rem /* 48/192 */;
}
.box .nav {
    height: .25rem /* 48/192 */;
    line-height: .25rem /* 48/192 */;
    float: right;
}
.box .nav ul li {
    float: left;
    margin-left: .234375rem /* 45/192 */;
}
.box .nav ul li a {
    color: #fff;
}
.box .in-box {
    height: 3.229167rem /* 620/192 */;
    background-color: #fff;
    margin: .078125rem /* 15/192 */ auto;
    padding: .3125rem /* 60/192 */ .390625rem /* 75/192 */ 0 .390625rem /* 75/192 */;
    border-radius: .052083rem /* 10/192 */
}
.box .in-box .info h2 {
    font-size: .192708rem /* 37/192 */;
    color: #00a99d;
    font-weight: 700;
}
.box .in-box .info h3 {
    font-size: .140625rem /* 27/192 */;
    color: #00a99d;
    font-weight: 700;
}
.box .in-box .info p {
    font-size: .09375rem /* 18/192 */;
    color: #00a99d;
    margin-top: .104167rem /* 20/192 */;
}
.box .in-box .info img {
    width: 2.083333rem /* 400/192 */;
    margin-left: .3125rem /* 60/192 */;
}
.box .in-box .form {
    float: right;
    width: 1.791667rem /* 344/192 */;
}
.box .in-box .form .f-title {
    font-size: .135417rem /* 26/192 */;
    color: #00a99d;
}
.box .in-box .form .f-title i {
    background-color: #00a99d;
}
.box .in-box .form input {
    margin-top: .166667rem /* 32/192 */;
    height: .21875rem /* 42/192 */;
}
.box .in-box .form #verify {
    width: 60%;
}
.box .in-box .form #get-verify {
    width: 35%;
    height: .21875rem /* 42/192 */;
    float: right;
    padding: .03125rem /* 6/192 */;
    background-color: #00a99d;
    color: #fff;
    font-size: .072917rem /* 14/192 */;
    padding: 0;
}
.box .in-box .form .checkbox input {
    margin: 0;
    left: 0;
    width: .083333rem /* 16/192 */;
    height: .083333rem /* 16/192 */;
    vertical-align: middle;
}
.box .in-box .form .checkbox label {
    vertical-align: middle;
    font-size: .072917rem /* 14/192 */
}
.box .in-box .form .checkbox a {
    float: right;
    color: #333;
    font-size: .072917rem /* 14/192 */;
}
.box .in-box .form .checkbox a:hover {
    text-decoration: none;
}
.box .in-box .form .login {
    width: 100%;
    height: .21875rem /* 42/192 */;
    margin-top: .114583rem /* 22/192 */;
    background-color: #00a99d;
    color: #fff;
    font-size: .067708rem /* 13/192 */;
}
.box .in-box .form .register {
    display: block;
    margin: .567708rem /* 109/192 */ auto;
    margin-bottom: 0;
    width: .416667rem /* 80/192 */;
    height: .130208rem /* 25/192 */;
    padding: 0;
    border: 1px solid #00a99d;
    color: #00a99d;
    font-size: .083333rem /* 16/192 */;
}
.box .footer {
    margin: .416667rem /* 80/192 */ auto 0;
    text-align: center;
    font-size: .09375rem /* 18/192 */;
    color: #fff;
}