/*3px1.59fff * 2018-05-03 * HQS * */ @charset "utf-8"; *{ padding:0px; margin:0px; font-family:"微软雅黑"; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } a{ text-decoration:none; color:#666; } a:hover{ color:red; } a:active{ text-decoration: none; list-style-type: none; } a:hover { text-decoration: none!important; list-style-type: none!important; } a:focus{ text-decoration: none; list-style-type: none; } #application_submit,#contact_submit,#entry_submit,a:focus {outline-style:none; -moz-outline-style: none;} a:visited{ text-decoration: none; list-style-type: none; } a:active{star:expression(this.onFocus=this.blur());} a:focus{star:expression(this.onFocus=this.blur());} a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　 a{blr:expression(this.onFocus=this.blur()); outline-style:none;/*FF使用*/ } /* 只支持IE，过多使用效率低 */ ul li{ list-style:none; } em{font-style: normal;} html, body{ width: 100%; height: auto;margin: 0px;font-size: 12px; font-size: 100%; /*min-width: 1158px;*/ font-family: '微软雅黑'; margin: auto; background: #fff; -webkit-text-size-adjust:none; } /*PC端样式 开始*/ /*PC端公共样式*/ .pc,.pc .top,.pc .banner,.pc .feature,.pc .ambassador,.pc .harvest,.pc .responsibility, .pc .condition,.pc .about, .pc .responsibility .responsibility_bg, .pc .entry_form .entry_form_bg_1,.pc .entry_form_bg_2,.pc .entry_form_bg_3, .pc .entry_form_bg_4,.pc .entry_form_bg_5,.pc .entry_form_bg_6,.pc .entry_form_bg_7, .pc .entry_form_bg_8,.pc .entry_form_bg_9,.pc .entry_form_bg_10,.pc .entry_form_bg_11,.pc .entry_form_bg_12, .pc .banner .banner_content .banner_character img, .pc .banner .banner_content .banner_android_app img, .pc .banner .banner_content .banner_ios_app img,.pc .ambassador .ambassador_div .ambassador_main div p{display: block;width: 100%;} .pc,.pc .top,.pc .feature,.pc .ambassador,.pc .harvest,.pc .responsibility, .pc .responsibility .responsibility_bg,.pc .condition,.pc .about,.pc .entry_form, .pc .entry_form .entry_form_bg_1,.pc .entry_form_bg_2,.pc .entry_form_bg_3, .pc .entry_form_bg_4,.pc .entry_form_bg_5,.pc .entry_form_bg_6,.pc .entry_form_bg_7, .pc .entry_form_bg_8,.pc .entry_form_bg_9,.pc .entry_form_bg_10,.pc .entry_form_bg_11,.pc .entry_form_bg_12{min-width:1158px;} .pc,.pc .top,.pc .banner .banner_content .banner_android_app .banner_qr_code, .pc .feature,.pc .harvest,.pc .responsibility_main .responsibility_border,.pc .responsibility_main .res_con{background: #fff;} .pc{width: 100%;position: relative;padding-top: 102px;} /*头部导航菜单*/ .pc .top{height: 102px; position:fixed;top: 0;left: 0;border-bottom: 1px #000 solid; -webkit-box-shadow:0 0 10px 1px #040404; -moz-box-shadow:0 0 10px 1px #040404; box-shadow:0 0 10px 1px #040404;z-index: 10;} .pc .top .top_div{display: block;width: 1158px;height: inherit;margin: 0 auto;} .pc .top .top_div a.logo{display: block; float: left;width: 140px; margin-top: 0px;} .pc .top .top_div a.logo img{display: block; width: 70%;} .pc .top .top_div ul{float: right;width: 808px; height: inherit;} .pc .top .top_div ul li{display: inline-block; float: left;width:150px; height: inherit;line-height: 102px; text-align: center;} .pc .top .top_div ul li a{display: inline-block;width:150px; height: inherit;line-height: inherit;font-size: 26px; color: #eb8b00;} .pc .top .top_div ul li a:hover{border-top: 2px #eb8b00 solid; background: #e6e6e6;} .pc .main{width: 100%;min-width: 1558px;} /*顶部海报*/ .pc .banner{height: 780px;position: relative;} .pc .banner .banner_bg{display: block;width: 100%;height: 158px;position: absolute;left: 0;z-index: 0;} .pc .banner .banner_bg1{top: 0px; background: url(../img/banner_1.jpg) no-repeat center center;} .pc .banner .banner_bg2{top: 158px;background: url(../img/banner_2.jpg) no-repeat center center;} .pc .banner .banner_bg3{top: 316px;background: url(../img/banner_3.jpg) no-repeat center center;} .pc .banner .banner_bg4{top: 474px;background: url(../img/banner_4.jpg) no-repeat center center;} .pc .banner .banner_bg5{top: 632px;height: 148px;background: url(../img/banner_5.jpg) no-repeat center center;} .pc .banner .banner_content{display: block;width: 1158px;height: 780px;margin: 0 auto;padding-top: 200px;position: relative;} .pc .banner .banner_content .banner_character{display: block;width: 594px;height: 179px; margin-left: 81px;} .pc .banner .banner_content .banner_android_app{display: block;width: 323px;height: 84px; margin-left: 55px;margin-top: 117px; position: relative;} .pc .banner .banner_content .banner_android_app .banner_qr_code{display: none;width: 206px; height: 206px; border-radius: 8px; padding-top: 4px; position: absolute;top: 0; left: 351px;} .pc .banner .banner_content .banner_android_app .banner_qr_code p{display: block; width: 100%; color: #d58505;text-align: center; height: 43px;line-height:43px;font-size: 24.28px;} .pc .banner .banner_content .banner_android_app .banner_qr_code img{display: block;width: 140px; margin: 0 auto;} .pc .banner .banner_content .banner_android_app:hover .banner_qr_code{display: block;} .pc .banner .banner_content .banner_ios_app{display: block;width: 323px;height: 84px; margin-left: 55px;margin-top: 38px;} /*四大特色*/ .pc .feature{height: 644px; padding-top: 90px;} .pc .feature .feature_div{display: block;width:1158px;height: 644px;margin: 0 auto;} .pc .feature_div .feature_img{display: inline-block;width: 378px; height: 508px;margin-left: 37px;margin-right:50px;float: left;} .pc .feature_div .feature_title{display: inline-block;width: 693px; height: 115px;margin-bottom: 120px;} .pc .feature_div .feature_title .feature_border{ display: block; float: left; width: 11px; height: 115px; background: #cc5a00;margin-top: 6px;margin-right: 25px;} .pc .feature_div .feature_title p{color: #000;} .pc .feature_div .feature_title p:nth-of-type(1){font-size: 64.84px;height: 64.84px; line-height: 64.84px;margin-bottom: 15px;} .pc .feature_div .feature_title p:nth-of-type(2){font-size: 41.08px;height: 41.08px; line-height: 41.08px;} .pc .feature_div .feature_content{display: inline-block;width: 693px; height: 272px;} .pc .feature_div .feature_content div{display: inline-block;width: 328px;height: 92px; float: left;} .pc .feature_div .feature_content div img{display: inline-block;float: left;margin-right: 10px;} .pc .feature_div .feature_content div p:nth-of-type(1){display: inline-block;font-size: 25.81px;height: 31px; line-height: 31px;} .pc .feature_div .feature_content div p:nth-of-type(2){display: inline-block;font-size: 13.6px;height: 15.6px; line-height: 15.6px; margin-top: 19px;} /*校园大使*/ .pc .ambassador{height: 748px;position: relative;padding-top: 70px; background: #fff url(../img/commonality_bg.png) no-repeat top center;} .pc .ambassador .ambassador_div{display: block; width: 100%; height: 678px;position: relative; background: #e98900;z-index: 1; } .ambassador_bg1,.ambassador_bg2,.ambassador_bg3{display: block;width: 100%; position: absolute;left: 0;z-index: -1;} .pc .ambassador .ambassador_div .ambassador_bg1{height: 210px;top: 41px;background: #e98900 url(../img/ambassador_bg1.png) no-repeat center center;} .pc .ambassador .ambassador_div .ambassador_bg2{height: 210px;top: 251px;background: #e98900 url(../img/ambassador_bg2.png) no-repeat center center;} .pc .ambassador .ambassador_div .ambassador_bg3{height: 217px;top: 461px;background: #e98900 url(../img/ambassador_bg3.png) no-repeat center center;} .pc .ambassador .ambassador_div .ambassador_main{display: block; width: 1158px; height: 678px;margin: 0 auto;z-index: 10; padding-top: 80px; } .pc .ambassador .ambassador_div .ambassador_main div{display: block; width: 740px; height: 598px;float: right;z-index: 10; } .pc .ambassador .ambassador_div .ambassador_main div p{color: #fff;text-align: center;} .pc .ambassador .ambassador_div .ambassador_main div p:nth-of-type(1){font-size: 54.47px;height: 54.47px; line-height: 54.47px;margin-bottom: 35px;} .pc .ambassador .ambassador_div .ambassador_main div p:nth-of-type(2){font-size: 117.94px;height: 117.94px; line-height: 117.94px;margin-bottom: 25px;} .pc .ambassador .ambassador_div .ambassador_main div p:nth-of-type(3){font-size: 65.78px;height: 65.78px; line-height: 65.78px;margin-bottom: 45px;} .pc .ambassador .ambassador_div .ambassador_main div p:nth-of-type(4){font-size: 19.25px;height: 19.25px; line-height: 19.25px;margin-bottom: 80px;} .pc .ambassador .ambassador_div .ambassador_main div a{display: block;margin: 0 auto; width: 274px; height: 61px; border-radius: 4px;line-height: 61px;text-align: center; color: #ed9d41;font-size: 31.12px;background: #fff;} .pc .ambassador .ambassador_div .ambassador_main div a:hover{background: #86827e;color: #fff;} /*大使收获*/ .pc .harvest{height: 518px;} .pc .harvest .harvest_main{display: block; width: 1158px; height: 637px;margin: 0 auto; padding-top: 85px; } .pc .harvest .harvest_main div{display: inline-block;width: 320px;height: 160px;float: left;} .pc .harvest .harvest_main div img{display: inline-block;float: left;margin-right: 10px;} .pc .harvest .harvest_main div p{color: #000000;} .pc .harvest .harvest_main div p:nth-of-type(1){display: inline-block;font-size: 36.1px;height: 43px; line-height: 43px;} .pc .harvest .harvest_main div p:nth-of-type(2){display: block;font-size: 22.55px;height: 22.55px; line-height: 28px; margin-top: 59px;text-indent: 34px;} .pc .harvest .harvest_main div p.elchee_harvest{position: absolute;top: 40px; left: 36px;color: #fff;font-size: 55.56px; height:55.56px;line-height: 55.56px;} /*大使职责*/ .pc .responsibility{height: 750px;position: relative;padding-top: 70px; background: #fff url(../img/commonality_bg.png) no-repeat top center;} .pc .responsibility .responsibility_bg{height: 680px;background: #e98900;padding-top: 110px;} .pc .responsibility_main{display: block; width: 1158px; height: 570px;margin: 0 auto;} .pc .responsibility_main .responsibility_title{color: #fff; width: 100%; text-align: center; font-size: 54.46px; height: 81.46px;line-height: 81.46px;} .pc .responsibility_main .responsibility_border{margin: 0 auto; width: 207px; height: 8px; } .pc .responsibility_main .res_con{display: block;margin: 156px auto 0; width: 1029px; height: 325px; border-top-left-radius: 48px;border-top-right-radius: 48px;} .pc .responsibility_main .res_con div{display: inline-block;width: 224px;height: 160px;float: left;margin-top: 70px;} .pc .responsibility_main .res_con div img{display: inline-block;float: left;margin-right: 10px;margin-top: 2px;} .pc .responsibility_main .res_con div p{color: #000000;} .pc .responsibility_main .res_con div p:nth-of-type(1){display: inline-block;font-size: 20.94px;height: 25px; line-height: 25px;} .pc .responsibility_main .res_con div p:nth-of-type(2){display: block;font-size: 14.24px;height: 22.55px;margin-top: 30px; line-height: 20px;} /*报名条件*/ .pc .condition{height: 614px;position: relative; background: #fff url(../img/commonality_bg.png) no-repeat 0px 425px;} .pc .condition .condition_bg{display: block;width: 100%; height: 119px; position: absolute;left: 0;bottom: 0;background: #e98900;} .pc .condition .condition_div{display: block; width: 1158px; height: 614px;margin: 0 auto;} .pc .condition .condition_div .condition_title{color: #000; width: 100%; text-align: center; font-size: 54.46px; height: 66px;line-height: 66px;} .pc .condition .condition_div .condition_border{margin: 17px auto 0; width: 230px; height: 9px; background: #e88901;} .pc .condition .condition_div .condition_con{display: block;margin: 0px auto 0; width: 1158px; height: 425px; border-top-left-radius: 48px;border-top-right-radius: 48px;} .pc .condition .condition_div .condition_con div{display: inline-block;height: 32px;margin-left: 136px;} .pc .condition .condition_div .condition_con div img{display: inline-block;float: left; width: 41px; margin-right: 10px;margin-top: 2px;} .pc .condition .condition_div .condition_con div p{color: #000;display: inline-block;font-size: 31.12px;height: 41px; line-height: 41px;} /*联系我们*/ .pc .about{height: 465px;background: #fff;} .pc .about .about_main{display: block;width:1158px;height: 380px;margin: 0 auto; padding-top: 57px;position: relative;} .pc .about .about_main p{color: #000;display: block;} .pc .about .about_main .about_title{width: 100%; font-size: 45.6px;height: 45.6px;line-height: 45.6px;margin-bottom: 20px; text-align: center;} .pc .about .about_main .about_describe{width: 100%; font-size: 20.85px;height: 20.85px;line-height: 20.85px;margin-bottom: 37px;text-align: center;} .pc .about .about_main .about_address{display: inline-block;width: 375px;height: 196px;float: left;margin-right: 50px;} .pc .about .about_main .about_address p{font-size: 16.33px;margin-bottom: 5px;} .pc .about .about_main form{display: inline-block;width: 730px;height: 145px;float: left;} .pc .about .about_main form input{border: 1px #eca234 solid;} .pc .about .about_main form .form_left{display: inline-block;width: 301px;height: inherit;margin-right: 22px;float: left;} .pc .about .about_main form .form_left input{width: 301px;height: 34px; color: #a8a8a8;font-size: 13.54px; margin-bottom: 11px;height: 34px; line-height: 34px;text-indent: 10px;} #qq::-webkit-inner-spin-button,#mobile::-webkit-inner-spin-button,#contact_number::-webkit-inner-spin-button { -webkit-appearance: none!important; ; } #qq,#mobile,#contact_number{ appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; } #qq:hover,#mobile:hover,#contact_number:hover{ appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; } .pc .about .about_main form .form_right{display: inline-block;width: 301px;height: inherit;margin-right: 22px;float: left;} .pc .about .about_main form .form_right #content{min-width: 302px;max-width: 302px; color: #a8a8a8;font-size: 13.54px; margin-bottom: 10px;min-height: 79px;max-height: 79px; line-height: 32px; border: 1px #eca234 solid;padding-left: 7px;} .pc .about ul.foot li:nth-of-type(2) .pc .about .about_main form .form_right #contact_submit{width: 302px;height: 34px; color: #fff;font-size: 11.94px; height: 32px; line-height: 32px;text-align: center; background: #e88901;-webkit-tap-highlight-color:transparent;} .pc .about .about_main form .form_right #contact_submit:hover{background: #cc7700;} .pc .about ul.foot{display: block;width: 190px;height: 20px;margin: 20px auto 10px;clear: both;} .pc .about ul.foot li{display: block;float: left;height: 20px;} .pc .about ul.foot li:nth-of-type(1){border-right: 1px #4b4b4b solid;} .pc .about ul.foot li a{display: block; color: #000;font-size: 15.4px;height: 20px;line-height: 20px; margin-left: 22px;margin-right: 22px;} .pc .about ul.foot li a:hover{background: #CCCCCC;} .pc .about .provider{display: block; color: #000; width: 100%;font-size: 16.72px;text-align: center;} .pc #com_d { cursor: pointer; width: 90px; height: 90px;border: 0px; margin: 0px; padding: 0px; position: fixed; right: 40px; bottom: 40px; background: url("../img/top.png") no-repeat center center; z-index: 999; } .pc #com_d:hover { background: url("../img/top.png") no-repeat center center; } /*报名表*/ .pc .entry_form{height: 3475px; padding-top: 866px;position: relative;} .pc .entry_form .entry_form_bg_1,.pc .entry_form_bg_2,.pc .entry_form_bg_3, .pc .entry_form_bg_4,.pc .entry_form_bg_5,.pc .entry_form_bg_6, .pc .entry_form_bg_7,.pc .entry_form_bg_8,.pc .entry_form_bg_9, .pc .entry_form_bg_10,.pc .entry_form_bg_11,.pc .entry_form_bg_12{position: absolute;left: 0;z-index: 2;} .pc .entry_form .entry_form_bg_1{ top: 0px; height: 298px; background: url(../img/entry_form1.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_2{ top: 298px; height: 298px;background: url(../img/entry_form2.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_3{ top: 596px; height: 298px;background: url(../img/entry_form3.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_4{ top: 894px; height: 299px;background: url(../img/entry_form4.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_5{ top: 1193px; height: 264px;background: url(../img/entry_form5.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_6{ top: 1457px; height: 264px;background: url(../img/entry_form6.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_7{ top: 1721px; height: 264px;background: url(../img/entry_form7.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_8{ top: 1985px; height: 264px;background: url(../img/entry_form8.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_9{ top: 2249px; height: 267px;background: url(../img/entry_form9.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_10{ top: 2516px; height: 320px;background: url(../img/entry_form10.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_11{ top: 2836px; height: 320px;background: url(../img/entry_form11.jpg) no-repeat center center;} .pc .entry_form .entry_form_bg_12{ top: 3156px; height: 319px;background: url(../img/entry_form12.jpg) no-repeat center center;} .pc .entry_form .entry_main{display: block;width:1158px;margin: 0 auto;height: 2304px;z-index: 3;position: relative;} .pc .entry_form .entry_main .entry_title{text-align: center; font-size: 108.54px;color: #fff; height: 108.54px;line-height: 108.54px;margin-bottom: 118px;} .pc .entry_form .entry_main form#entry_form{display: block;width:1158px;margin: 0 auto;height: 2186px;} .pc #entry_form .message{height: 206px;width: 100%;} .pc #entry_form .message div{ display: inline-block; width: 338px;height: 43px;line-height: 43px;float: left;} .pc #entry_form .message div label{ display: inline-block; width: 88.36px;font-size: 21.59px;color: #fff; text-align: center;} .pc #entry_form .message div input{ display: inline-block;width: 230px;height: 43px;font-size: 21.59px;color: #272727;padding-left: 8px;margin-left: 9px;} .pc #entry_form .message div span{ display: inline-block; width: 86.36px;font-size: 21.59px;color: #fff; text-align: center;float: left;} .pc #entry_form .message div input.radio{ display: inline-block;width: 26px;height: 26px; line-height: 43px;float: left; font-size: 21.59px;color: #ccc;padding-left: 8px;margin-left: 34px;margin-top: 10px;} .pc #entry_form .message div label.gender_label{width: 28px;font-size: 21.59px;margin: 0 20px 0 4px;float: left;} .pc .div_margin_left{margin-left: 60px;} .pc .div_margin_bottom{margin-bottom: 40px;} .pc #entry_form .address_title{ display: inline-block; width: 138px;font-size: 21.59px;height:41px; line-height: 41px; color: #fff; text-align: center;margin-right: 25px; margin-top: 40px;} .pc #entry_form input.address{ display: inline-block;width: 744px;height: 41px;font-size: 21.59px; color: #272727;padding-left: 8px;margin-bottom: 67px;margin-top: 40px;} .pc #entry_form .entry_main_title{font-size: 61.73px;margin-bottom: 0px; text-align: center;color: #fff; height: 61.73px;line-height: 61.73px;} .pc #entry_form p.content_title{ display: block; width: 902px;font-size: 17.88px;height:17.88px; line-height: 17.88px; color: #fff; text-align: left; margin-top: 39px; margin-bottom: 25px; margin-left: 50px;} .pc #entry_form textarea{font-size: 17.88px;padding-left: 8px; color: #524e4e;margin-bottom: 39px; line-height: 40px;border-radius: 4px;margin-left: 50px; display: block;min-width: 1078px;max-width: 1078px; min-height: 207px; max-height: 207px;} .pc #entry_form #entry_submit{display: block;width: 588px; height: 92px;background: #fe8d08; color: #fff;font-size: 41.83px;line-height: 92px; text-align: center; border: 0px; border-radius: 10px;margin: 100px auto 0px; -webkit-tap-highlight-color:transparent;} .pc #entry_form #entry_submit:hover{background: #e47d03;} .dis_block{display: block;} .dis_none{display: none;} /*弹窗提示*/ .pop_up_prompts,.toastInfo{display:none;position:absolute;width:100%; text-align:center;font-size:1rem;height:30px;line-height:30px;color:#fff;} .pop_up_prompts span,.toastInfo span{background-color:#a5a3a3;display:inline-block;border-radius:5px;padding:0px 10px;} .toastInfo{bottom: 35px;} .pop_up_prompts{bottom: 160px;} /*PC端样式 结束*/ /* * 以下为移动端样式 * 2018-05-05 * HQS * */ .mobile {width: 100%;max-width: 750px;background: #fff;padding-top: 3.001rem;} /*头部导航菜单*/ .mobile .top{display: block;width: 100%;max-width: 750px; height: 3.001rem; background: #fff;border-bottom: 1px #000 solid; position:fixed;top: 0;left: 0; box-shadow:0 0 10px 1px #040404;z-index: 10;} .mobile .top a.logo{display: block; float: left;width: 4rem; margin-top: 0.59rem; margin-left: 1.2rem;} .mobile .top a.logo img{display: block; width: 100%;} .mobile .top ul{float: right;width: 14rem; height: inherit;display: block;} .mobile .top ul li{display: inline-block; float: left;width:33%; height: inherit;text-align: center;} .mobile .top ul li a{display: inline-block;width:100%; font-weight: 800;-webkit-tap-highlight-color:transparent; height: inherit;line-height: 3.001rem;font-size: 0.97rem; color: #eb8b00;} .mobile .top ul li a:hover{border-top: 2px #eb8b00 solid; background: #e6e6e6;} .mobile .main{width: 100%;} .img_bg{width: 100%;display: block;z-index: 0;} /*顶部海报*/ .mobile .banner{display: block;width: 100%; height: auto; position: relative; } .mobile .banner .banner_and{display: block;position: absolute; width: 6.8rem; height: 2rem; border-radius: 0.4rem; z-index: 3;} .mobile .banner .erweima{position: absolute;top: 11.3rem;left: 8.96rem;display: none; width: 5.3rem;height: 5.3rem;background: #fff;border-radius: 0.3rem; } .mobile .banner .erweima p{display: block;height: 1rem;line-height: 1rem;color: #d78305; font-size: 0.6rem;text-align: center;margin-bottom: 0.3rem;} .mobile .banner .erweima img{ display: block; width: 70%;margin: 0 auto;} /*四大特色*/ .mobile .feature{display: block;width: 100%;max-width: 750px;height: auto;position: relative;} /*校园大使*/ .mobile .ambassador{display: block;width: 100%;max-width: 750px;height: auto;position: relative; } .mobile .ambassador a.sign_up{display: block;position: absolute; width: 7rem; height: 2rem; z-index: 3;} /*大使收获*/ .mobile .harvest{display: block;width: 100%;max-width: 750px;height: auto; background: #fff;position: relative;} /*大使职责*/ .mobile .responsibility{display: block;width: 100%;max-width: 750px;height: auto;position: relative; } /*报名条件*/ .mobile .condition{display: block;width: 100%;max-width: 750px;height: auto;position: relative; } /*联系我们*/ .mobile .about{display: block;width: 100%;max-width: 750px;height: auto;position: relative; padding-top: 1rem;padding-bottom: 2rem;clear: both;} .mobile .about .about_main{display: block;width:100%;height: auto;} .mobile .about p{color: #000;display: block; text-align: center;} .mobile .about .about_main .about_title{width: 100%; font-size: 1.3rem;height: 2rem;line-height: 2rem; margin-top: 2rem;} .mobile .about .about_main .about_describe{width: 100%; font-size: 0.7rem;height: 1rem;line-height: 1rem;margin-bottom: 1rem;} .mobile .about .about_main form{display: inline-block;width: 100%;height: auto;} .mobile .about .about_main form input{ display: block; width: 73%;height: 2rem; color: #a8a8a8;font-size: 1rem;margin: 0 auto 0.5rem; line-height: 2rem;text-indent: 10px;border: 1px #eca234 solid;} #qq::-webkit-inner-spin-button,#mobile::-webkit-inner-spin-button,#contact_number::-webkit-inner-spin-button { -webkit-appearance: none!important; ; } #qq,#mobile,#contact_number{ -moz-appearance: textfield; } .mobile .about .about_main form #content{ display: block;width: 73%; height: 5rem; color: #a8a8a8;font-size: 1rem; margin-bottom: 10px; line-height: 2rem;margin: 0 auto 0.5rem; border: 1px #eca234 solid;padding-left: 7px;} .mobile .about .about_main form .contact_submit{ width: 15rem; height: 2rem; color: #fff;font-size: 1rem; line-height: 2rem;border-radius: 0.3rem; background: #e88901;-webkit-tap-highlight-color:transparent;} .mobile .about .about_main .about_address{display: block;width: 100%;height: auto;margin-top: 2rem;} .mobile .about .about_main .about_address p{font-size: 0.7rem;height: 1rem;line-height: 1rem;} .mobile .about ul.foot{display: block;width: 20rem;height: 1rem;margin: 1rem auto 1rem;} .mobile .about ul.foot li{display: inline-block;float: left;height: auto;} .mobile .about ul.foot li:nth-of-type(1){border-right: 1px #4b4b4b solid;} .mobile .about ul.foot li:nth-of-type(1) a{margin-left: 3rem;margin-right: 1rem;} .mobile .about ul.foot li:nth-of-type(2){border-right: 1px #4b4b4b solid;} .mobile .about ul.foot li a{color: #000;font-size: 1rem;height: 1rem;line-height: 1rem; margin-left: 1rem;margin-right: 1rem;-webkit-tap-highlight-color:transparent;} .mobile .about .provider{display: block; color: #000; width: 100%;font-size: 1rem;} /*报名表*/ .mobile .application{width: 100%;max-width: 750px; position: relative;background: #ca4206;} .mobile .application .application_bg{display: block; width: 100%;z-index: 1;} .mobile .application .entry_main{display: block;width:100%;height: auto;z-index: 3; position: absolute;top: 18rem;left: 0; } .mobile .application .entry_main .entry_title{text-align: center; font-size: 2rem;color: #fff; height: 2rem;line-height: 2rem;margin-bottom: 2rem;} .mobile .application .entry_main form#application_form{display: block;width:98%;height: auto;margin: 0 auto;} .mobile .application .message{height: 15rem;width: 100%;} .mobile .application .message div{ display: inline-block; width: 50%;height: 2rem;line-height: 2rem;float: left;margin-bottom: 1rem;} .mobile .application .message div label{ display: inline-block; width: 3rem;font-size: 1rem;color: #fff; text-align: center;float: left;} .mobile .application .message div input{ display: inline-block;width: 6rem;height: 2rem;font-size: 1.2rem; color: #272727;padding-left: 0.4rem;margin-left: 9px;float: left;} .mobile .application .message div span{ display: inline-block; width: 3rem;font-size: 1rem;color: #fff; text-align: center;float: left;} .mobile .application .message div input.radio{ display: inline-block;width: 1rem;height: 1rem; line-height: 1rem;float: left; font-size: 2rem;color: #ccc;padding-left: 0.1rem;margin-left: 1rem;margin-top: 0.5rem;} .mobile .application .message div label.gender_label{width: 1rem;font-size: 1rem;margin: 0 0 0 0.4rem;float: left;} .mobile .application label.address_title{ display: inline-block; width: 8rem;font-size: 1rem;height:1rem; line-height: 1rem; color: #fff;padding-left: 1rem;} .mobile .application input.address{ display: block;width: 90%;height: 2rem;font-size: 1.2rem;margin: 0.5rem auto 3rem; color: #272727;padding-left: 0.4rem;} .mobile .application .entry_main_title{text-align: center; font-size: 2rem;color: #fff; height: 2rem;line-height: 2rem;margin-bottom: 2rem;} .mobile .application p.content_title{ display: block; width: 96%;font-size: 1rem;margin: 1rem auto 0.2rem; line-height: 1.8rem; color: #fff; text-align: left;padding-left: 0.8rem;} .mobile .application textarea{display: block;font-size: 1rem;padding-left: 0.8rem; color: #524e4e; line-height: 1.8rem;border-radius: 0.2rem; width: 90%; height: 5rem;margin: 0 auto;} .mobile .application #application_submit{display: block;width: 60%; height: 2.6rem;line-height: 2.6rem;background: #fe8d08; color: #fff;font-size: 1.5rem; text-align: center; border: 0px; border-radius: 0.4rem;margin: 2rem auto; -webkit-tap-highlight-color:transparent;} /*5.5英寸 414*736尺寸的屏幕 如iPhone6 Plus、iPhone6s Plus、iPhone7 Plus、魅族MX5 1920x1080 /3★*/ @media only screen and (max-width: 414px) { .banner_and{top: 11.29rem;left: 1.6rem;} .mobile .ambassador a.sign_up{top: 12rem;left: 15rem;} .mobile .application{height: 95rem;} } /*5.96英寸 412*732尺寸的屏幕 如谷歌Nexus 6 2K 2560x1440 /3.5★*/ @media only screen and (max-width: 412px) { .banner_and{top: 11rem;left: 1.6rem;} .mobile .ambassador a.sign_up{top: 12rem;left: 15rem;} .mobile .application{height: 96rem;} } /*5.2英寸 411*731尺寸的屏幕 如 谷歌Nexus 5x 1920x1080 /2.625★*/ @media only screen and (min-width: 376px) and (max-width: 411px) { .banner_and{top: 11rem;left: 1.6rem;} .mobile .ambassador a.sign_up{top: 12rem;left: 15rem;} .mobile .application{height: 96rem;} } /*4.7英寸 375*667尺寸的屏幕 如iPhone6、iPhone7、iPhone 6s 1334x750*/ @media only screen and (min-width: 361px) and (max-width: 375px) { .banner_and{top: 10rem;left: 1rem;} .mobile .ambassador a.sign_up{top: 11rem;left: 13rem;} .mobile .application{height: 97rem;} } /*4.95英寸 360*640尺寸的屏幕 如 谷歌Nexus 5 1920x1080 /3★*/ @media only screen and (min-width: 321px) and (max-width: 360px) { .banner_and{top: 9.5rem;left: 1rem;} .mobile .ambassador a.sign_up{top: 10.5rem;left: 12rem;} .mobile .application{height: 98rem;} } /*4.0英寸 320*568尺寸的屏幕 如iPhone5、iPhone SE 1136x640*/ @media only screen and (max-width: 320px) { .banner_and{top: 8.5rem;left: 1rem;} .mobile .ambassador a.sign_up{top: 9rem;left: 11rem;} .mobile .application{height: 99rem;} }