锘縝ody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0} html,body{width:100%;overflow-x:hidden;background-color: #e9e3cb;} body{color:#434040;-webkit-tap-highlight-color:rgba(0,0,0,0);background: #e9e3cb!important;} a,a:active,a:hover,a:focus,a:visited{text-decoration:none} a,img{-webkit-touch-callout:none} a{text-decoration: none;} ul,li{list-style: none;} .clearfix:after{content: '';display: block;visibility: visible;overflow:hidden;clear: both;height: 0;width: 0;} .img-responsive{width: 100%;height: auto;overflow:hidden;display: block;} .fixed_top_menu{ position: fixed; left: 0; right: 0; top: 0; z-index: 100; height: 2rem; background: -webkit-linear-gradient(#fff,#ededed); background: linear-gradient(#fff,#ededed); border-bottom: 1px solid #535353; } .igo_logo{ width: 100%; float: left; background: url(/uploads/image/zubimages/logo.jpg) no-repeat center center; background-size: 4.5rem; height: 2rem; } .go_back{ float: left; margin-left: -100%; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #535353; display: block; font-size: 0.65rem; -webkit-transform:scaley(2); transform:scaley(2); } .phone_pic{ float: left; margin-left: -2rem; width: 2rem; height: 2rem; display: block; background: url(/uploads/image/zubimages/phone.png) no-repeat center center; background-size: 1rem; } .header{ position: relative; padding-top: 2.9rem; } .header:before{ position: absolute; left: 0; top: 2rem; width: 100%; height: 14rem; background-color: #f09351; -webkit-clip-path:polygon(0 0,100% 0,100% 70%,0 100%); clip-path:polygon(0 0,100% 0,100% 70%,0 100%); content: ''; } .header div{ position: relative; z-index: 2 } .header_01{ height: 1.7rem; background: url(/uploads/image/zubimages/header_01.jpg) no-repeat top center; -webkit-background-size: 14.5rem 1.7rem; background-size: 14.5rem 1.7rem; } .header_02{ height: 2.45rem; background: url(/uploads/image/zubimages/header_02.jpg) no-repeat top center; -webkit-background-size: 14.5rem 2.45rem; background-size: 14.5rem 2.45rem; } .header_03{ height: 2.35rem; background: url(/uploads/image/zubimages/header_03.jpg) no-repeat top center; -webkit-background-size: 14.5rem 2.35rem; background-size: 14.5rem 2.35rem; } .header_04{ height: 2.25rem; background: url(/uploads/image/zubimages/header_04.jpg) no-repeat top center; -webkit-background-size: 14.5rem 2.25rem; background-size: 14.5rem 2.25rem; } .header_05{ height: 4.55rem; background: url(/uploads/image/zubimages/header_05.jpg) no-repeat top center; -webkit-background-size: 14.5rem 4.55rem; background-size: 14.5rem 4.55rem; } .header .tool_list{ margin: 0 1.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .tool_list .pic{ margin: 0 auto .5rem; width: 2.5rem; height: 2.5rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .header .tool_list .pic1{ background: #f6a66d url(/uploads/image/zubimages/tool_icon1.jpg) no-repeat center center; background-size: 1.15rem 1.15rem; } .header .tool_list .pic2{ background: #f6a66d url(/uploads/image/zubimages/tool_icon2.jpg) no-repeat center center; background-size: 1.2rem 1.2rem; } .header .tool_list .pic3{ background: #f6a66d url(/uploads/image/zubimages/tool_icon3.jpg) no-repeat center center; background-size: 1.35rem 1.35rem; } .header .tool_list .pic4{ background: #f6a66d url(/uploads/image/zubimages/tool_icon4.jpg) no-repeat center center; background-size: 1.35rem 1.35rem; } .header .tool_list .name{ font-size: .65rem; color: #333; text-align: center; } .line{ position: relative; margin: 0 auto; width: 14.5rem; border-bottom: 1px dashed #dddddd; height: .25rem; background-color: #fff; } .line:before,.line:after{ position: absolute; width: 8px; height: 16px; top: -3px; background-color: #e9e3cb; content: ''; z-index: 2; } .line:before{ left: 0; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } .line:after{ right: 0; -webkit-border-radius:8px 0 0 8px; -moz-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px; } .summary{ position: relative; margin: 0 auto; width: 14.5rem; height: 10rem; padding: 1rem 0 0 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .summary:before,.summary:after{ position: absolute; width: .6rem; height: .55rem; background: url(/uploads/image/zubimages/dot.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; content: ''; } .summary:before{ left: 1.4rem; top: 1rem; } .summary:after{ right: 1.4rem; bottom: 2.7rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .summary_title{ margin-bottom: .75rem; padding-left: .5rem; font-size: .75rem; color: #5c2928; } .summary_txt{ position: relative; margin-bottom: .5rem; padding-left: .5rem; font-size: .55rem; } .summary_txt:before,.method_item_school_list .txt:before,.rate_list .txt:before{ position: absolute; left: 0; top: .3rem; width: 6px; height: 6px; background-color: #e9e3cb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: '' } .sumamry_href{ display: block; margin-top: .7rem; margin-left: .5rem; font-size: .55rem; color: #ff8300; font-weight: 700; text-decoration: underline; } .method,.language,.rate,.fee,.scholarship,.case{ width: 14.5rem; margin: 1rem auto; } .method_title{ position: relative; margin: 0 auto .9rem; height: 1.725rem; background: url(/uploads/image/zubimages/method_tit.jpg) no-repeat center center; -webkit-background-size: 8.1rem 1.725rem; background-size: 8.1rem 1.725rem; } .title_common:before,.title_common:after,.pop_window .title:before,.pop_window .title:after{ position: absolute; bottom: 0; width: 1.125rem; height: 0.675rem; background: url(/uploads/image/zubimages/line.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; content: ''; } .title_common:before{ left: -.75rem; } .title_common:after{ right: -.75rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .method_tab{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .method_tab li{ position: relative; width: 3.25rem; height: 2.5rem; padding-top: .4rem; background-color: #bab19e; text-align: center; font-size: .65rem; font-weight: 700; line-height: .9rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; letter-spacing: 1px; } .method_tab li:before{ content: '1'; position: absolute; left: 0; right:0; top: .8rem; font-size: 2.8rem; color: #aea48f; text-align: center; font-family: '鍗庢枃琛屾シ'; } .method_tab span{ position: relative; z-index: 2; } .method_tab li:nth-child(1):before{ content: '1'} .method_tab li:nth-child(2):before{ content: '2'} .method_tab li:nth-child(3):before{ content: '3'} .method_tab li:nth-child(4):before{ content: '4'} .method_tab li.active{ background-color: #fff; color: #ff8300; } .method_tab li.active:before{color: #f1efe6} .method_tab li.active:after{ content: ''; position: absolute; bottom: -.5rem; left: 50%; margin-left: -.5rem; border-style: solid; border-width: .5rem .5rem 0 .5rem; border-color:#fff transparent transparent transparent; } .method_box{ width: 14.5rem; margin: 1rem auto; background-color: #fff; } .method_item_suit,.method_item_school{ padding: .9rem 1rem .7rem; text-align: center; } .method_item_suit .txt{ margin-bottom: .5rem; text-align: center; font-size: .55rem; color: #000; } .content_href{ display: inline-block; width: 4.8rem; height: 1.6rem; margin: 0 .25rem; line-height: 1.6rem; text-align: center; background-color: #ff8300; color: #fff; font-size: .55rem; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .method_item_school .name{ margin-bottom: .7rem; color: #000; font-size: .65rem; } .method_item_school_list{ padding: 0 .5rem; display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .method_item_school_list li{ width: 50%; text-align: left; } .method_item_school_list .txt{ position: relative; margin-bottom: 0.5rem; padding-left: .7rem; color: #000; font-size: .55rem; } .method_item_school_list .link_href{ color: #ff8300; text-decoration: underline; } .language_title{ position: relative; margin: 0 auto .9rem; height: 1.85rem; background: url(/uploads/image/zubimages/language_tit.jpg) no-repeat center center; -webkit-background-size: 10.525rem 1.85rem; background-size: 10.525rem 1.85rem; } .language_container{ position: relative; width: 14.8rem; height: 12.5rem; margin: 0 auto; overflow: hidden; } .language_wrapper{ position: absolute; left: 0; top: 0; height: 11.5rem; overflow: hidden; } .language_panel{ float: left; } .language_item{ float: left; padding-top: 1.6rem; width: 7.25rem; } .language_item .title{ position: relative; height: 2rem; background-color: #bab19e; text-align: center; font-size: .68rem; color: #fff; } .language_item .title:before{ content: ''; position: absolute; left: 50%; top: -1.6rem; margin-left: -1.6rem; width: 3.2rem; height: 1.6rem; -webkit-border-radius: 1.6rem 1.6rem 0 0; -moz-border-radius: 1.6rem 1.6rem 0 0; border-radius: 1.6rem 1.6rem 0 0; background-color: #bab19e; } .language_item .icon{ position: relative; top: -0.6rem; width: 1.6rem; margin: 0 auto; } .language_item .icon1{ height: 1rem; background: url(/uploads/image/zubimages/sat_icon.jpg) no-repeat center center; background-size: 1.375rem 1rem; } .language_item:nth-child(even){margin-left: .2rem;} .language_item .icon2{ height: 1rem; background: url(/uploads/image/zubimages/act_icon.jpg) no-repeat center center; background-size: 1.375rem 1rem; } .language_item .name{ margin-top: -.5rem; } .language_sort_list{ padding: 0 .5rem; background-color: #fff; } .language_sort_list li{ position: relative; height: 2rem; line-height: 2rem; border-bottom: 1px dashed #ddd; font-size: .55rem; color: #000; } .language_sort_list li:before,.pop_score_info .txt:before{ content: ''; position: absolute; left: -.1rem; top: 0; height: 2rem; width: 1.8rem; background: url(/uploads/image/zubimages/top_word.png) no-repeat center center; -webkit-background-size: 1.8rem .9rem; background-size: 1.8rem .9rem; } .language_sort_list li:last-child{border-bottom: none;} .language_sort_list li b{ position: relative; display: inline-block; width: 3rem; text-align: right; font-size: .6rem; z-index: 2; } .language_sort_list li span{color: #ff8300;text-decoration: underline;} .num_area{ position: absolute; left: 0; bottom: 0; width: 100%; height: .3rem; text-align: center; font-size: 0; } .num_area span{ display: inline-block; width: .65rem; height: .3rem; margin: 0 4px; font-size: 0; background-color: #d1cab4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .num_area span.active{ background-color: #fff; width: .85rem; } .rate_title{ position: relative; margin: 0 auto .9rem; height: 1.95rem; background: url(/uploads/image/zubimages/rate_tit.jpg) no-repeat center center; -webkit-background-size: 9.3rem 1.95rem; background-size: 9.3rem 1.95rem; } .rate_list{ position: relative; padding: .5rem 0 0.2rem 1rem; background-color: #fff; z-index: 3 } .rate_list li{ float: left; font-size: 0; } .rate_list p .content_href{margin-top: .3rem;} .rate_list .txt{ width: 7rem; position: relative; margin-bottom: .5rem; padding-left: .7rem; color: #000; font-size: .55rem; } .fee{position: relative;} .fee:before{ content: ''; position: absolute; left: -.75rem; right: -.75rem; top: -3.5rem; height: 23rem; background-color: #f09351; -webkit-clip-path:polygon(0 18%,100% 0, 100% 80%,0 100%); clip-path:polygon(0 18%,100% 0, 100% 80%,0 100%); } .fee_title{ position: relative; margin: 0 auto .9rem; height: 1.95rem; background: url(/uploads/image/zubimages/fee_tit.jpg) no-repeat center center; -webkit-background-size: 6rem 1.95rem; background-size: 6rem 1.95rem; } .title_common2:before, .title_common2:after{ background-image: url(/uploads/image/zubimages/line2.jpg); } .fee_info{position: relative;z-index: 3} .fee_info .detail{ float: left; width: 11.375rem; height: 6.2rem; padding: 1rem 3.5rem 0 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; font-size: .55rem; line-height: .9rem; } .fee_info .detail a{color: #ff8300;font-weight: 700;text-decoration: underline;} .fee_info img{ float: left; margin-left: -2.8rem; margin-top: .5rem; width: 5.6rem; height: 5.2rem; } .scholarship_title{ position: relative; margin: 0 auto .9rem; height: 1.85rem; background: url(/uploads/image/zubimages/scholarship_tit.jpg) no-repeat center center; -webkit-background-size: 4.95rem 1.85rem; background-size: 4.95rem 1.85rem; } .scholarship_info img{ position: relative; z-index: 3; float: left; width: 5.75rem; height: 6.7rem; margin-top: .4rem; } .scholarship_info .detail{ position: relative; z-index: 2; margin-left: 2.4rem; width: 12.1rem; height: 7.5rem; padding: 1rem .5rem 0 4.4rem; background-color: #fff; font-size: .55rem; line-height: .9rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scholarship_info .content_href2{ margin: .8rem .5rem 0; } .content_href2{ display: inline-block; padding: .25rem .5rem; font-size: .55rem; color: #fff; line-height: .9rem; background-color: #ff8300; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; letter-spacing: 1px; } .case_title{ position: relative; margin: 0 auto .9rem; height: 1.85rem; background: url(/uploads/image/zubimages/case_tit.jpg) no-repeat center center; -webkit-background-size: 10.5rem 1.85rem; background-size: 10.5rem 1.85rem; } .case_container{ position: relative; width: 14.5rem; height: 20rem; margin: 0 auto; overflow: hidden; } .case_wrapper{ position: absolute; left: 0; top: 0; height: 19rem; background: #fff; overflow: hidden; } .case_panel{ padding-top: .3rem; float: left; width: 14.5rem; } .case_panel .case_item{padding: .5rem 0 .2rem;} .case_panel .case_item .case_item_left{ float: left; width: 4.75rem; text-align: center; } .case_panel .icon{ width: 2rem; height: 2rem; margin: .6rem auto 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .case_panel .icon-male{ background:#f3f0e6 url(/uploads/image/zubimages/male.jpg) no-repeat center center; -webkit-background-size: 1.075rem 1.125rem; background-size: 1.075rem 1.125rem; } .case_panel .icon-female{ background:#f3f0e6 url(/uploads/image/zubimages/female.jpg) no-repeat center center; -webkit-background-size: 1.075rem 1.125rem; background-size: 1.075rem 1.125rem; } .case_panel .name{ margin: .4rem 0 .75rem; font-size: .75rem; text-align: center; } .case_panel .case_item_right{ margin-left: 4.75rem; padding-right: 1rem; font-size: .55rem; } .case_panel .txt{ display: table; width: 100%; padding: .4rem 0; border-bottom: 1px dashed #dddddd; } .case_panel .txt:last-child{border-bottom: none;} .case_panel .txt b,.case_panel .txt span{ display: table-cell; text-align: left; } .case_panel .txt b{ width: 1.9rem; white-space: nowrap; } .case_panel .txt a{color: #ff8300;text-decoration: underline;} .case{padding-bottom: 0rem;margin-bottom:0;} .fix_btm_btn{ position: fixed; left: 0; right: 0; bottom: 2.4rem; height: 1.8rem; background-color: #ff8300; color: #fff; text-align: center; font-size: .6rem; letter-spacing: 2px; line-height: 1.8rem; font-weight: 700; z-index: 10 } .pop_window{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; background: rgba(0,0,0,.7); z-index: 999; opacity: 0; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 0.3s; transition:all 0.3s; } .pop_window.active{ opacity: 1; -webkit-transform:scale(1); transform:scale(1); } .pop_form_content,.pop_score_info{ position: absolute; left: 50%; top: 50%; width: 13.5rem; background-color: #fff; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pop_window .title{ position: relative; height: 2.5rem; padding-top: .5rem; background-color: #e9e3cb; } .pop_window .form_img{ position: relative; z-index: 2; height: 1.7rem; display: block; margin: 0 auto; } .pop_window .form_img1{width: 9.7rem;} .pop_window .form_img2{width: 12.5rem;} .pop_window .title:before,.pop_window .title:after{ bottom: 1.1rem } .pop_window .title:before{ left: 0; } .pop_window .title:after{ right: 0.1rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pop_window .close{ position: absolute; right: 0; top: -2.5rem; width: 1.7rem; height: 1.7rem; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(/uploads/image/zubimages/close.png) no-repeat center center; -webkit-background-size: .7rem .7rem; background-size: .7rem .7rem; } .pop_window .close:after{ content: ''; position: absolute; right: 0.85rem; bottom: -.85rem; width: 1px; height: .8rem; background-color: #fff; } .pop_window .value_item{ width: 12rem; height: 1.6rem; line-height: 1.6rem; margin: 0.6rem auto; color: #212121; font-size: .55rem; position: relative; } .pop_window .value_item span{ float: left; display: block; width: 2.7rem; padding-right: .5rem; text-align: right; color: #606060; } .pop_window .value_box{ border:1px solid #e9e3cb; border-radius: 5px; padding: 3px 5px; height: 1.5rem; -webkit-box-sizing:border-box; box-sizing:border-box; background: transparent; width: 8rem; font-size: .65rem; color: #777; } .pop_window #fcity{ width: 8rem; } .pop_window select { -webkit-appearance: none; font-size: 0.65rem; background: transparent; color: #888; padding-left: 0; margin: 0; } .pop_window .f_arrow_down:after{ position: absolute; right: 1.5rem; top: .7rem; content: ''; border-width: .35rem .35rem 0 .35rem; border-style: solid; border-color: #ff8300 transparent transparent transparent; } input::input-placeholder{ color: #888; } input::-webkit-input-placeholder{ color: #888; } input:focus,select:focus{ outline: none; } .pop_window .form_btn{ width: 40%; height: 1.6rem; line-height: 1.6rem; display: block; margin: 1rem auto; text-align: center; background-color: #ff8300; color: #fff; font-size: .65rem; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; letter-spacing: 5px; } .pop_score_info{padding-bottom: .7rem;} .pop_score_info .txt{ position: relative; display: table; padding: .4rem 0; width: 11rem; margin: 0 auto; border-bottom: 1px dashed #ddd; line-height: .9rem; } .pop_score_info .txt:last-child{border-bottom: none;} .pop_score_info .txt b{ position: relative; z-index: 3; display: table-cell; width: 3rem; white-space: normal; font-size: .6rem; } .pop_score_info .txt span{ display: table-cell; font-size: .6rem; } a.content_href:link,a.content_href:visited,.content_href:hover,a.content_href:active{color: #fff} a.form_btn:link,a.form_btn:visited,.form_btn:hover,a.form_btn:active{color: #fff}