html, body {
    width: 100%;
    height: 100%;;
}

body {
    overflow: hidden;
    margin: 0px;
    font: 12px/1.5 Lucida Grande, Lucida Sans Unicode, Helvetica Neue, Hiragino Sans GB, Microsoft Yahei, sans-serif;
    color: #4b4b4b;
    height: 100%;
    background-color: #fbfcf8;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    /*background: url(/Content/images/Login/loginBg.png) no-repeat 0 0/100% 100%;*/
    /*background: url(/Content/images/Login/bg_05.jpg) no-repeat 0 0/100% 100%;*/
    /*background-image: url(/Content/images/Login/bg_05.png), url(/Content/images/Login/bg_06.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: center center, left center;
    background-size: cover, auto 100%;*/
}

/*V2版本*/
.loginBox-v2-bg {
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
}

.loginBox-v2-bg .left, .loginBox-v2-bg .right {
    width: 50%;
    height: 100%;
}

.loginBox-v2-bg .left {
    /*background: white no-repeat 0 0/100% 100%;*/
    background-size: cover;
    background-color: white;
    background-repeat: no-repeat;
}

.loginBox-v2-bg .left img {
    width: 100%;
    height: 100%;
}

.loginBox-v2-bg .right {
    background: url(/Content/images/Login/bg_right.jpg) no-repeat 0 0/100% 100%;
}

.loginBox-v2 {
    width: 1180px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*box-shadow: 0 0 36px #343434;*/
    display: flex;
    /*border-radius: 15px;*/
    overflow: hidden;
}

.loginBox-v2 .left, .loginBox-v2 .right {
    position: relative;
    height: 100%;
}

.loginBox-v2 .left {
    width: 645px;
    /*background-color: rgba(72, 121, 203, 0.98);*/
    background: rgba(72, 121, 203, 0.99) url("/Content/images/Login/bgw.png") no-repeat;
    /*background-image: linear-gradient(90deg, rgba(72, 121, 203, 0.7), rgba(72, 121, 203, 1));*/
    border-radius: 300px 0 300px 0;
}

.loginBox-v2 .right {
    width: calc(100% - 645px);
    /*background: rgba(255, 255, 255, 1);*/
    /*background-image: linear-gradient(360deg, rgba(232, 232, 232, 0.9), rgba(255, 255, 255, 0.9));*/
    /*box-shadow: 0 0 30px #2b4e88;*/
}

.loginBox .loginBox-content {
    text-align: center;
}

.loginBox .loginBox-content .logo {
    margin-top: 80px;
}

.loginBox .loginBox-content .title {
    font-size: 18px;
    /*font-weight: bold;*/
    margin: 10px 0 50px 0;
    /*color: #fe5d00;*/
    letter-spacing: 0.2em;
}

.loginBox .loginBox-content .yl-input-item {
    position: relative;
}

.loginBox .loginBox-content .yl-input-item i.fa {
    position: absolute;
    left: 105px;
    top: 31px;
    transform: translate(0, -50%);
    color: black;
    /*color: #d8d8d8;*/
    font-size: 18px;
}

.loginBox .loginBox-content .yl-input-item input {
    width: 328px;
    border: 1px solid #bebebe;
    /*border: none;*/
    background: white;
    height: 60px;
    font-size: 16px;
    margin-bottom: 15px;
    text-indent: 30px;
    padding: 0 15px;
    transition:color 0.3s,background 0.3s;
    -moz-transition:color 0.3s,background 0.3s; /* Firefox 4 */
    -webkit-transition:color 0.3s,background 0.3s; /* Safari and Chrome */
    -o-transition:color 0.3s,background 0.3s; /* Opera */
    border-radius: 15px;
    box-shadow: 20px 20px 15px #e6e6e6;
}

.loginBox .loginBox-content .yl-input-item input:hover, .loginBox .loginBox-content .yl-input-item input:active, .loginBox .loginBox-content .yl-input-item input:focus {
    background: #fcfcfc;
}

.loginBox .loginBox-content .yl-input-item #lr_verifycode_img {
    position: absolute;
    right: 17px;
    top: 19px;
    transform: translate(-100%, 0);
    border-radius: 3px;
    overflow: hidden;
}

.loginBox .loginBox-content button.lr_login_btn {
    width: 200px;
    height: 50px;
    font-size: 14px;
    background-color: #333;
    /*background-color: #3a66af;*/
    color: white;
    border: none;
    margin-top: 20px;
    cursor: pointer;
    font-size: 14px;
    transition:color 0.3s,background 0.3s, box-shadow 0.3s;
    -moz-transition:color 0.3s,background 0.3s, box-shadow 0.3s; /* Firefox 4 */
    -webkit-transition:color 0.3s,background 0.3s, box-shadow 0.3s; /* Safari and Chrome */
    -o-transition:color 0.3s,background 0.3s, box-shadow 0.3s; /* Opera */
    border-radius: 15px;
    /*box-shadow: 10px 10px 30px #e6e6e6;*/
    text-shadow: 1px 1px 0px #393939;
    letter-spacing: 0.5em;
}

.loginBox .loginBox-content button.lr_login_btn:hover {
    background-color: #191919;
    /*background-color: #325a9d;*/
    /*box-shadow: 10px 10px 30px #e6e6e6;*/
}

.loginBox .loginBox-content button.lr_login_btn.active {
    background-image: url('/Content/images/Login/loading.gif');
    background-repeat: no-repeat;
    background-position: center 18px;
    z-index: 10;
    background-color: transparent;
}

.loginBox .loginBox-content .lr-tips {
    margin-top: 15px;
    /*color: red;*/
    /*color: #4879cb;*/
}

.loginBox-v2 .left .content {
    width: 400px;
    /*color: #e5e9f3;*/
    color: white;
    position: absolute;
    /*top: 100px;*/
    /*left: 100px;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loginBox-v2 .left .content h1 {
    /*text-shadow: 0 0 3px black;*/
    margin-bottom: 20px;
    font-size: 24px;
    text-shadow: 1px 1px 0px #393939;
    letter-spacing: 0.1em;
}

.loginBox-v2 .left .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    /*list-style-position: outside;*/
}

.loginBox-v2 .left .content ul li {
    list-style-position: outside;
    font-size: 16px;
    margin-bottom: 14px;
    letter-spacing: 0.1em;
    text-shadow: 1px 1px 0px #393939;
    /*color: #b1c1df;*/
    /*font-weight: bold;*/
}

.loginBox-v2 .left .content ul li span.con {
    /*color: white;*/
    /*font-weight: bold;*/
}

.loginBox-v2 .left .icons {
    width: 80px;
    height: 80px;
    position: absolute;
    left: -75px;
    top: 5px;
}

.loginBox-v2 .left .icons .item {
    float: left;
    width: 28px;
    height: 28px;
    margin: 0 5px 5px 0;
    background-color: white;
    border-radius: 50%;
}

.loginBox-v2-version {
    position: absolute;
    bottom: 10px;
    right: 10px;
}