.fix_black { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 99999; top: 0; left: 0; display: none; } .form_box4>li>input { width: 66%; /*border: 1px solid #CCCCCC;*/ } .fix_black .fix_service.fix_service3{ height: 61%; top:10%; } #pop3_code{ width: 110px; } #pop3_code_img{ float: right; } .fix_black .fix_service { width: 550px; padding: 30px 50px; background: #ffffff; position: absolute; left: 50%; margin-left: -275px; top: 50%; margin-top: -300px; } .fix_black .fix_service b{ font-weight: normal; } .fix_black .fix_service .close_btn { font-size: 36px; position: absolute; right: 50px; top: 30px; } .fix_black .fix_service .close_btn:hover { color: red; } .fix_black .fix_service h3 { font-size: 32px; color: #333333; font-weight: normal; text-align: center; } .fix_black .fix_service .form_box { width: 100%; margin: 35px 0 0; } .fix_black .fix_service .form_box .li_box { width: 100%; padding: 15px 0; border-bottom: 1px solid #eeeeee; line-height: 35px; } .fix_black .fix_service .form_box .li_box b { float: left; font-size: 16px; color: #333333; width: 90px; } .fix_black .fix_service .form_box .li_box b i { color: red; margin-right: 10px; } .fix_black .fix_service .form_box .li_box input { display: block; width: 359px; height: 35px; border: none; background: none; font-size: 16px; color: #666666; float: right; } .fix_black .fix_service .form_box .submit_btn { display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; color: #ffffff; background: #76b52b; font-size: 16px; border-radius: 50px; margin: 30px auto 0; } .fix_black { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 99999; top: 0; left: 0; display: none; } .fix_black .fix_service { width: 550px; padding: 65px 50px; background: #ffffff; position: absolute; /*left: 73%;*/ margin-left: -275px; top: 50%; margin-top: -300px; } .fix_black .fix_service .form_box .li_box b i { color: red; margin-right: 10px; display: unset; } .for i { color: red; margin-right: 10px; display: unset; } .for b { float: left; } .fix_service2 { min-width: 960px; padding-bottom: 92px; left: 50% !important; transform: translateX(-50%); margin: 0 !important; margin-top: -300px !important; background: #FFFFFF url(/statics/fer2/images/tc01.jpg) no-repeat center !important; } .form_box2>li { float: left; margin-top: 52px; height: 76px; border-right: 1px solid #eeeeee; padding: 6px 23px 0 52px; } .form_box2>li:nth-of-type(1) { padding-left: 0; } .form_box2>li:nth-of-type(3) { border: 0; } .form_box2>li>h4 { font-size: 16px; color: #666666; } .form_box2_xian { width: 18px; height: 3px; background: #76b52b; margin: 11px 0 11px 0; } .form_box2>li>p>a { display: inline-block; margin-left: 10px; } .form_box2>li>p { font-size: 20px; color: #76b52b; } .close_btn2 { position: absolute; right: 25px; top: 25px; } .fix_service3 { min-width: 960px; padding-bottom: 110px; left: 50% !important; transform: translateX(-50%); margin: 0 !important; margin-top: -450px !important; background: #FFFFFF; } .fix_service3>h5 { font-size: 16px; color: #666666; margin-top: 18px; } .form_box3 { width: 740px; margin: 0 auto; margin-top: 48px; } .form_box3>li { width: 100%; line-height: 48px; font-size: 16px; border-bottom: 1px solid #eeeeee; } .form_box3>li>input { display: inline-block; width: 70%; margin-top: 14px; border: none; background: none; font-size: 16px; color: #666666; float: right; } .form_box4 { width: 740px; margin: 0 auto; margin-top: 20px; } .form_box4>li { width: 340px; float: left; margin-bottom: 20px; } .form_box4>li:nth-of-type(2n) { float: right; } .fix_black select { display: inline-block; width: 60%; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; border: 0; background-color: #fff; background-image: url(/statics/fer2/images/tc04.jpg); background-repeat: no-repeat; background-position: right; background-size: 14px 10px; float: right; margin-top: 14px; font-size: 16px; font-weight: normal; } .tc_h5 { font-size: 32px; margin-top: 40px; } .yx_btn{ margin-top: 30px; width: 100%; border: 0 !important; } .yx_btn>a{ text-align: center; color: #FFFFFF; font-size: 16px; display: block; width: 50%; height: 50px; line-height: 50px; border-radius: 30px; background-color: #74b719; margin-left: auto; margin-right: auto; } @media (max-width: 750px) { .fix_black .fix_service.fix_service3{ height: 80%; top:10%; } #pop3_code { width: 116px; } .fix_black select { width: 76%; font-size: 1.3rem; margin-top: 8px; } .fix_black { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 99999; top: 0; left: 0; display: none; } .fix_black .fix_service { width: 6.4rem; padding: 2.5rem 2.4rem; background: #ffffff; position: absolute; left: 50%; margin-left: -3.2rem; top: 50%; margin-top: -300px; } .fix_black .fix_service .close_btn { font-size: 2.36rem; position: absolute; right: 2.5rem; top: 2.3rem; } .fix_black .fix_service .close_btn:hover { color: red; } .fix_black .fix_service h3 { margin-bottom: 15px; font-size: 32px; color: #333333; } .fix_black .fix_service .form_box { width: 100%; margin: 35px 0 0; } .fix_black .fix_service .form_box .li_box { width: 100%; padding: 15px 0; border-bottom: 1px solid #eeeeee; line-height: 35px; } .fix_black .fix_service .form_box .li_box b { float: left; font-size: 16px; color: #333333; width: 90px; } .fix_black .fix_service .form_box .li_box b i { color: red; margin-right: 10px; } .fix_black .fix_service .form_box .li_box input { display: block; width: 217px; height: 35px; border: none; background: none; font-size: 16px; color: #666666; float: right; } .fix_black .fix_service .form_box .submit_btn { display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; color: #ffffff; background: #76b52b; font-size: 16px; border-radius: 50px; margin: 30px auto 0; } .fix_service3 { min-width: 30rem; height: 7rem; padding-bottom: 1.1rem; margin-top: -4.5rem !important; overflow-y: auto; } .fix_service3>h5 { font-size: 2.2rem; margin-top: 2.18rem; } .form_box3 { width: 100%; margin-top: 2.48rem; } .form_box3>li { width: 100%; line-height: 2.8rem; font-size: 1.3rem; } .form_box3>li>input { width: 72%; margin-top: 0.4rem; font-size: 1.2rem; /*background: #ccc;*/ height: 26px; } .form_box4 { width: 100%; margin: 0 auto; margin-top: 2.2rem; } .form_box4>li { width: 100%; float: none; margin-bottom: 0.8rem; } .form_box4>li:nth-of-type(2n) { float: none; } .form_box4>li>input { width: 76%; } #sex { display: inline-block; width: 50%; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; border: 0; background-color: #fff; background-image: url(/statics/fer2/images/tc04.jpg); background-repeat: no-repeat; background-position: right; background-size: 2.14rem 2.1rem; float: right; margin-top: 2.1rem; font-size: 2.2rem; font-weight: bold; } .tc_h5 { font-size: 2.32rem; margin-top: 2.4rem; } .yx_btn>a{ width: 100%; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; border-radius: 2.8rem; } .fix_service2 { min-width: 6.4rem; padding-bottom: 2.92rem; background: #FFFFFF; margin-top: -4.5rem !important; } .fix_black .fix_service h3 { font-size: 2.32rem; } .form_box2>li { width: 100%; margin-top: 2.52rem; height: auto; border-right: 0; padding: 6px 2.23rem 0 0px; } .form_box2>li>h4 { font-size: 2.24rem; } .form_box2_xian { width: 18px; height: 3px; background: #76b52b; margin: 2.11rem; } .form_box2>li>p>a { display: inline-block; margin-left: 2.1rem; } .form_box2>li>p { font-size: 2.3rem; } .close_btn2 { position: absolute; right: 2.25rem; top: 2.25rem; } } .fix_service3{ margin-top: 0 !important; } .fix_service3 form{ height: 90%; overflow-y: auto; }