/**弹窗1开始**/

.mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    display: none;
}

.modal_box {
    width: 580px;
    height: 509px;
    background: url(../images/login1.png) center no-repeat;
    position: fixed;
    left: 38%;
    top: 25%;
    z-index: 999;
    display: none;
}

.modal_close {
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 20px;
    margin-right: 29px;
    /* display: -webkit-inline-box; */
}

.modal_close img {
    float: right;
    width: 35px;
    display: block;
}

.modal_box form {
    width: 100%;
    overflow: hidden;
}

.modal_box ul {
    display: block;
    width: 455px;
    margin: 122px auto 0;
    position: relative;
}

.modal_box ul li {
    margin-bottom: 39px;
    height: 80px;
    line-height: 80px;
    width: 100%;
    display: block;
}

.modal_box ul li input {
    font-size: 20px;
    border-radius: 10px;
    padding-left: 2%;
    line-height: 84px;
    background: transparent;
    height: 100%;
    width: 98%;
    display: block;
}

.modal_box ul li:nth-child(2) {
    position: relative;
    top: -14px;
}

.modal_box ul li:nth-child(3) {
    position: relative;
    top: -33px;
    left: 0;
}

.modal_box ul li a {
    display: block;
    height: 100%;
    width: 100%;
}


/**弹窗2开始**/

.modal_box2 {
    width: 580px;
    height: 509px;
    background: url(../images/login2.png) center no-repeat;
    position: fixed;
    left: 38%;
    top: 25%;
    z-index: 999;
    display: none;
}

.modal_close2 {
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 20px;
    margin-right: 29px;
    /* display: -webkit-inline-box; */
}

.modal_close2 img {
    float: right;
    width: 35px;
    display: block;
}

.modal_box2 form {
    width: 100%;
    overflow: hidden;
}

.modal_box2 ul {
    display: block;
    width: 455px;
    margin: 122px auto 0;
    position: relative;
}

.modal_box2 ul li {
    margin-bottom: 39px;
    height: 80px;
    line-height: 80px;
    width: 100%;
    display: block;
}

.modal_box2 ul li input {
    font-size: 20px;
    border-radius: 10px;
    padding-left: 2%;
    line-height: 84px;
    background: transparent;
    height: 100%;
    width: 98%;
    display: block;
}

.modal_box2 ul li:nth-child(2) {
    position: relative;
    top: -14px;
}

.modal_box2 ul li:nth-child(3) {
    position: relative;
    top: -33px;
    left: 0;
}

.modal_box2 ul li a {
    display: block;
    height: 100%;
    width: 100%;
}


/**弹窗3开始**/

.modal_box3 {
    width: 580px;
    height: 494px;
    background: url(../images/login3.png) center no-repeat;
    position: fixed;
    left: 31%;
    top: 20%;
    z-index: 999;
    display: none;
}

.modal_close3 {
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 20px;
    margin-right: 29px;
    /* display: -webkit-inline-box; */
}

.modal_close3 img {
    float: right;
    width: 35px;
    display: block;
}

.modal_box3 form {
    width: 100%;
    overflow: hidden;
}

.modal_box3 ul {
    display: block;
    width: 455px;
    position: relative;
    margin: 104px auto 0;
}

.modal_box3 ul li {
    margin-bottom: 38px;
    height: 80px;
    line-height: 80px;
    width: 100%;
    display: block;
}

.modal_box3 ul li input {
    font-size: 20px;
    border-radius: 10px;
    padding-left: 2%;
    line-height: 84px;
    background: transparent;
    height: 100%;
    width: 98%;
    display: block;
}

.modal_box3 ul li:nth-child(2) {
    position: relative;
    top: -25px;
}

.modal_box3 ul li:nth-child(3) {
    position: relative;
    top: 7px;
    left: 0;
}

.modal_box3 ul li a {
    display: block;
    height: 100%;
    width: 100%;
}


/**弹窗4开始**/

.modal_box4 {
    width: 750px;
    height: 736px;
    background: url(../images/login4.png) center no-repeat;
    position: fixed;
    left: 29%;
    top: 15%;
    z-index: 999;
    display: none;
}

.modal_close4 {
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 21px;
    left: -60px;
    display: -webkit-inline-box;
}

.modal_close4 img {
    float: right;
    width: 35px;
    display: block;
}

.modal_box4 form {
    width: 100%;
    overflow: hidden;
}

.modal_box4 ul {
    display: block;
    width: 642px;
    margin: 291px auto 0
}

.modal_box4 ul li {
    margin-bottom: 47px;
    height: 69px;
    line-height: 69px;
    width: 88%;
    display: block;
}

.modal_box4 ul li input {
    font-size: 20px;
    border-radius: 10px;
    padding-left: 2%;
    line-height: 84px;
    background: transparent;
    height: 100%;
    width: 98%;
    display: block;
}

.modal_box4 ul li:nth-child(2) {
    position: relative;
    top: 4px;
}

.modal_box4 ul li:nth-child(3) {
    position: relative;
    top: 16px;
    left: 50px;
}

.modal_box4 ul li a {
    display: block;
    height: 100%;
    width: 100%;
}


/**弹窗5开始**/

.modal_box5 {
    width: 750px;
    height: 736px;
    background: url(../images/login5.png) center no-repeat;
    position: fixed;
    left: 29%;
    top: 15%;
    z-index: 999;
    display: none;
}

.modal_close5 {
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 21px;
    left: -60px;
    display: -webkit-inline-box;
}

.modal_close5 img {
    float: right;
    width: 35px;
    display: block;
}

.modal_box5 form {
    width: 100%;
    overflow: hidden;
}

.modal_box5 ul {
    display: block;
    width: 642px;
    margin: 291px auto 0
}

.modal_box5 ul li {
    margin-bottom: 47px;
    height: 69px;
    line-height: 69px;
    width: 88%;
    display: block;
}

.modal_box5 ul li input {
    font-size: 20px;
    border-radius: 10px;
    padding-left: 2%;
    line-height: 84px;
    background: transparent;
    height: 100%;
    width: 98%;
    display: block;
}

.modal_box5 ul li:nth-child(2) {
    position: relative;
    top: 4px;
}

.modal_box5 ul li:nth-child(3) {
    position: relative;
    top: 16px;
    left: 50px;
}

.modal_box5 ul li a {
    display: block;
    height: 100%;
    width: 100%;
}