html,body { margin: 0px; padding: 0px; color: #0A2C3D; background-color:rgba(233, 239, 244, 1); font-size: 16px; }
.layui-form-select dl dd.layui-this { background-color:rgba(107, 42, 136, 1) !important; }
.layui-form-select dl dd:hover { background-color:rgba(107, 42, 136, 1) !important; color: #ffffff !important; }

/* 超大宽屏 */
.layui-layer-dialog { top: 200px !important; }  /* layer弹窗 */
.join_logo_box { position: relative; margin-top: 100px; }
.join_logo_box img { width: 100%; }
.join_logo_box .join_title { position: absolute; font-size: 60px; color: #0A2C3D; top: 90px; width: 100%; text-align: center; font-weight: 900; }

.condition { width: 1320px; margin: 0 auto; padding: 100px 0px; }
.condition .title { text-align: center; font-size: 48px; }
.condition .condition_desc { display: flex; margin-top: 55px; line-height: 30px; }
.condition .condition_desc_l { width: 55%; }
.condition .condition_desc_r { width: 45%; }

.form_box { background-image: url(../image/join/u366.png); background-size: 100% 100%; padding: 104px 0px 120px 0px; }
.form { width: 1320px; margin: 0 auto; }
.form .form_title { font-size: 48px; color: #ffffff; text-align: center; }
.form .form_con { display: flex; width: 100%; margin: 0 auto; margin-top: 80px; flex-wrap: wrap; justify-content: space-between; }
.form .layui-form-item { width: 49%; }
.form .layui-form-item input { height: 72px; width: 100%; margin-bottom: 40px; }

.form_btn_box { text-align: center; padding-top: 100px; }
.form .submit_btn { background-color: #a40381; height: 62px; width: 380px; border: 0; font-size: 20px; color: #ffffff; border-radius: 5px; cursor: pointer; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.condition { width: 1200px; margin: 0 auto; }

    .form { width: 1200px; margin: 0 auto; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.condition { width: 992px; margin: 0 auto; }

    .form { width: 992px; margin: 0 auto; }
} 

/* ipad */
@media screen and (max-width:991px)  {
	.join_logo_box {  margin-top: 64px; }
	.join_logo_box .join_title { font-size: 30px; top: 16px; }

    .condition { width: 96%; margin: 0 auto; padding: 50px 0px; }
    .condition .condition_desc { display: block; margin-top: 30px; }
    .condition .condition_desc_l { width: 64%; margin: 0 auto; }
    .condition .condition_desc_r { width: 64%; margin: 0 auto; }

    .form_box { padding: 50px 0px 60px 0px; }
    .form { width: 96%; margin: 0 auto; }
    .form .form_con { margin-top: 40px; }
    .form .submit_btn { margin-top: 60px; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .layui-layer-dialog { top: 300px !important; }  /* layer弹窗 */
    .join_logo_box {  margin-top: 64px; }
    .join_logo_box .join_title { font-size: 30px; top: 16px; }

    .condition { padding: 30px 0px; }
    .condition .title { font-size: 26px; }
    .condition .condition_desc { margin-top: 20px; }
    .condition .condition_desc .item { margin-top: 10px; }
    .condition .condition_desc_l { width: 94%; }
    .condition .condition_desc_r { width: 94%; }

    .form_box { padding: 25px 0px; }
    .form .form_title { font-size: 26px; }
    .form .form_con { margin-top: 20px; display: block; }
    .form .layui-form-item { width: 100%; }
    .form .layui-form-item { width: 100%; }
    .form .layui-form-item input { margin-bottom: 20px; height: 50px; width: 100%; }
    .form_btn_box { text-align: center; padding-top: 0px; }
    .form .submit_btn { margin-top: 0px; width: 94%; height: 40px; letter-spacing:0px; font-size: 18px; }
}