body,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: #f5f5f5;} body{color:#040404;-webkit-tap-highlight-color:rgba(0,0,0,0);background: #f5f5f5!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;} .clearafter:after{content: '';display: block;visibility: visible;overflow:hidden;clear: both;height: 0;width: 0;} .img-responsive{width: 100%;height: auto;overflow:hidden;display: block;} .hide{display: none;} .center{text-align: center;} .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/zchimages/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/zchimages/phone.png) no-repeat center center; background-size: 1rem } .header{ } .panel{ padding: .9rem .7rem 1.2rem; background-color: #f5f5f5; } .panel_tit{ margin-bottom: 1.1rem; } .condition .title{ text-align: center; font-size: .65rem; color: #000; } .condition .title span,.method_list .method_name .title span{ padding: 0 3px; font-weight: 900; text-shadow: 1px 1px #fcda16; } .condition_list li{ position: relative; float: left; width: 7.1rem; height: 6rem; margin: 0.5rem 0; font-size: .6rem; line-height: .9rem; -webkit-box-sizing:border-box; box-sizing:border-box; border: .9rem double #363636; -webkit-border-image: url(/uploads/image/zchimages/border_bg.jpg) 36 40 36 36 stretch; border-image: url(/uploads/image/zchimages/border_bg.jpg) 36 40 36 36 stretch; background-color: #fff; } .condition_list li:first-child{margin-right: 0.4rem} .condition_list .text{ position: absolute; left: -0.5rem; top: -0.5rem; right: -0.5rem; padding: 0.3rem; height: 5.1rem; -webkit-box-sizing:border-box; box-sizing:border-box; } .condition_list .text:before,.condition_list .text:after,.method_item:before,.method_item:after,.superiorty_list .info:after,.superiorty_list .info:before, .right_info:before,.right_info:after,.question_box:before,.question_box:after{ content: ''; position: absolute; width: 6px; height: 6px; display: block; border: 1px solid #000; background-color: #fcda16; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .condition_list .text:before{ left: -2px; top: -2px; } .condition_list .text:after{ right: 3px; bottom: -4px; } .content_href{ margin: 0 auto; display: block; height: 1.25rem; line-height: 1.25rem; text-align: center; font-size: .6rem; color: #fff; background-color: #144173; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .w_296{width: 7.4rem;} .school_tab li{ float: left; width: 4.35rem; height: 1.55rem; margin-right: .45rem; line-height: 1.55rem; text-align: center; background-color: #dadada; border: 1px solid #dadada; border-bottom: none; font-size: .65rem; font-weight: 700; color: #000; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .school_tab li.active{ background-color: #72c4f6; border-color: #000; } .method_container{ position: relative; width: 98%; height: 15.1rem; margin-bottom: .7rem; border: 1px solid #000; background-color: #fff; } .method_container:before{ position: absolute; content: ''; left: 8px; top: 6px; display: block; width: 99%; height: 100%; border: 1px solid #000; z-index: 1; -webkit-box-sizing:border-box; box-sizing:border-box; } .method_item{position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 2;background-color: #fff;} .method_item:before,.superiorty_list .info:before{ z-index: 2; left: 7px; top: 7px; } .method_item:after,.superiorty_list .info:after{ right: 7px; bottom: 7px; } .method_list{position: relative;} .method_list:after{ content: 'vs'; position: absolute; left: 50%; top: 0; width: 2rem; margin-left: -1rem; line-height: 1.5rem; display: block; color: #72c4f6; font-size: .9rem; text-align: center; font-weight: 900; } .method_list li{ float: left; width: 50%; height: 100%; font-size: .55rem; } .method_list .method_name{ position: relative; width: 100%; height: 2.7rem; padding-top: .3rem; text-align: center; color: #000; -webkit-box-sizing:border-box; box-sizing:border-box; } .method_list li:first-child .method_name{ -webkit-clip-path: polygon(0 0,80% 0,100% 70%,100% 100%,0 100%); clip-path: polygon(0 0,80% 0,100% 70%,100% 100%,0 100%); } .method_list li:last-child .method_name{ -webkit-clip-path: polygon(20% 0,100% 0,100% 100%,0 100%,0 70%); clip-path: polygon(20% 0,100% 0,100% 100%,0 100%,0 70%); } .method_list li:first-child .method_name{background-color: #ededed;} .method_list li:first-child .m_txt{color: #8c8c8c} .method_list li:last-child .method_name{background-color: #cfecfe;} .method_list li:last-child .m_txt,.method_list li:last-child .m_txt2{color: #144173} .method_list .method_name .title{ line-height: 1.1rem; font-size: .6rem; } .method_list .method_name .txt{ font-size: .55rem; } .method_list .m_txt{ position: relative; padding: .4rem .6rem .4rem 1rem; line-height: .9rem; border-bottom: 1px dashed #dadada; } .method_list .m_txt2{ position: relative; padding: 0.2rem .6rem .2rem 1rem; line-height: .9rem; } .method_list .p1{height: 4.5rem;} .method_list .p2{height: 3.6rem;} .method_list .m_txt:before{ content: ''; position: absolute; left: 0.55rem; top: .75rem; display: block; width: 5px; height: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .color_gray_bg:before{background-color: #8c8c8c;} .color_blue_bg:before{background-color: #0081d0;} .color_black_bg:before{background-color: #000;} .method_list .m_txt2:before{ content: ''; position: absolute; left: .5rem; top: .55rem; display: block; width: 5px; height: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .method_list .m_txt:last-child{border-bottom: none;} .mb_space{margin-bottom: .4rem;} .w_204{width: 5.1rem;} .superiorty_container{ position: relative; height: 9.3rem; width: 100%; overflow: hidden; } .superiorty_list{ position: absolute; z-index: 1; height: 100%; width: 400%; } .superiorty_list:before{ content: ''; display: block; position: absolute; left: 0; top: 3.2rem; width: 88%; height: 4.7rem; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: -1; } .superiorty_list li{ position: relative; z-index: 2; float: left; width: 6.9rem; padding-bottom: 20px; margin-right: .2rem; } .superiorty_list .title{ height: 1.7rem; overflow: hidden; } .superiorty_list .title sup{ font-size: .5rem; color: #72c4f6; } .superiorty_list .title .num{ margin: 0 -.1rem; font-size: 1rem; font-weight: 700; color: #72c4f6; } .superiorty_list .title .name{ font-size: .65rem; font-weight: 700; color: #000; } .superiorty_list .info{ position: relative; width: 100%; padding: 0.5rem 0.6rem 0 .8rem; height: 7.1rem; margin-top: 0.4rem; line-height: .9rem; border: 1px solid #000; -webkit-box-sizing:border-box; box-sizing:border-box; font-size: .6rem; color: #000; background-color: #fff; } .superiorty_list .text{margin-bottom: .2rem;height: 4.5rem;} .apply_tab li{ position: relative; float: left; width: 4.7rem; height: 2rem; padding-left: 1.75rem; line-height: 2rem; font-size: .6rem; color: #000; margin-right: .25rem; border: 1px solid #dadada; background-color: #dadada; background-repeat: no-repeat; box-sizing:border-box; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .apply_tab li.active:before{ content: ''; display: block; position: absolute; left: 50%; bottom: -.3rem; width: .76rem; height: .76rem; margin-left: -.38rem; background-color: #72c4f6; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .apply_tab li.active:after{ content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 1.2rem; height: 4px; margin-left: -.6rem; background-color: #72c4f6; } .apply_tab li:nth-child(1){background-image: url(/uploads/image/zchimages/apply1_pic.png);-webkit-background-size: .9rem 1.15rem;background-size: .9rem 1.15rem;background-position: 0.6rem center} .apply_tab li:nth-child(2){background-image: url(/uploads/image/zchimages/apply2_pic.png);-webkit-background-size: .75rem 1.15rem;background-size: .75rem 1.15rem;background-position: 0.6rem center} .apply_tab li:nth-child(3){margin-right: 0;background-image: url(/uploads/image/zchimages/apply3_pic.png);-webkit-background-size: 1.15rem 1.15rem;background-size: 1.15rem 1.15rem;background-position: 0.5rem center} .apply_tab li.active{ background-color: #72c4f6; border-color: #000; } .apply_tab li:nth-child(1).active{ background-image: url(/uploads/image/zchimages/apply1_pic_active.png); } .apply_tab li:nth-child(2).active{ background-image: url(/uploads/image/zchimages/apply2_pic_active.png); } .apply_tab li:nth-child(3).active{ background-image: url(/uploads/image/zchimages/apply3_pic_active.png); } .apply_box{ margin-top: .9rem; } .apply_item .h1{height: 8.9rem;} .apply_item .h2{height: 9.15rem;} .apply_item .h3{height: 6.85rem;} .apply_item .h4{height: 7.1rem;} .apply_item .left_pic_box{ position: relative; float: left; width: 4.25rem; } .apply_item .left_pic_box img{position: relative;z-index: 3;border: 1px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box;} .apply_item .left_pic_box:after{ content: ''; position: absolute; right: -1rem; top: 1.25rem; width: 1rem; height: 1px; background-color: #000; z-index: 1; } .apply_item .left_pic_box:before{ position: absolute; content: ''; left: 6px; top: 5px; display: block; width: 99%; height: 100%; border: 1px solid #000; z-index: 2; background-color: #f5f5f5; -webkit-box-sizing:border-box; box-sizing:border-box; } .right_info{ position: relative; float: right; width: 9.7rem; text-align: center; -webkit-box-sizing:border-box; box-sizing:border-box; border: .9rem double #363636; -webkit-border-image: url(/uploads/image/zchimages/border_bg.jpg) 36 40 36 36 stretch; border-image: url(/uploads/image/zchimages/border_bg.jpg) 36 40 36 36 stretch; background-color: #fff; z-index: 2 } .right_info .text{ position: relative; margin-bottom: .3rem; padding-left: .6rem; line-height: .9rem; font-size: .6rem; color: #000; text-align: left; } .right_info .text:before{ content: ''; position: absolute; left: 0; top: .35rem; display: block; width: 5px; height: 5px; background-color: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .w_150{width: 3.65rem;} .right_info .content_href{display: inline-block;} .question{margin-bottom: 1rem;} .question_box{ position: relative; width: 100%; height: 12.1rem; margin-bottom: .5rem; -webkit-box-sizing:border-box; box-sizing:border-box; border: .9rem double #363636; -webkit-border-image: url(/uploads/image/zchimages/border_bg.jpg) 36 40 36 36 stretch; border-image: url(/uploads/image/zchimages/border_bg.jpg) 36 40 36 36 stretch; background-color: #fff; z-index: 2; } .question_wrapper{ position: relative; height: 10.3rem; overflow: hidden; } .question_list{ position: absolute; z-index: 3; width: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } .right_info:before,.question_box:before{ left: -10px; top: -10px; } .right_info:after,.question_box:after{ right: -10px; bottom: -10px; } .question_list li{ margin-bottom: .7rem; font-size: 0; } .question_list li:nth-child(odd){text-align: right;} .question_list li:nth-child(even){text-align: left;} .bg_color_blue,.bg_color_blue:before{ background-color: #cfecfe; } .bg_color_blue:before{right: -.25rem;} .bg_color_gray,.bg_color_gray:before{background-color: #ededed;} .bg_color_gray:before{left: -.25rem;} .dialog{ position: relative; display: inline-block; padding: 0.25rem 0.5rem; font-size: .6rem; color: #000; line-height: .9rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .dialog:before{ content: ''; position: absolute; top: .5rem; width: .5rem; height: .45rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .question_list .icon{ display: inline-block; width: 1.35rem; height: 1.35rem; vertical-align: top; } .question_list .icon1{margin-left: .7rem;background: url(/uploads/image/zchimages/icon_right_pic.jpg) no-repeat;-webkit-background-size: 1.35rem 1.35rem;background-size: 1.35rem 1.35rem;} .question_list .icon2{margin-right: .7rem;background: url(/uploads/image/zchimages/icon_left_pic.jpg) no-repeat;-webkit-background-size: 1.35rem 1.35rem;background-size: 1.35rem 1.35rem;} .bottom_mc_href{ position: fixed; left: 0; bottom: 2.45rem; display: block; width: 100%; height: 1.75rem; background-color: #72c4f6; font-size: .6rem; font-weight: 700; text-align: center; line-height: 1.75rem; color: #000; box-shadow: 0 0 7px rgba(0,0,0,.1); z-index: 12; } .leaf1,.leaf3,.leaf4,.wave{position: relative;} .leaf1:before{ content: ''; position: absolute; display: block; left: -1.1rem; bottom: -1.4rem; width: 1.55rem; height: 1.45rem; background: url(/uploads/image/zchimages/leaf.png) no-repeat; background-size: 1.55rem 1.45rem; z-index: 6 } .leaf2:after,.leaf4:after{ content: ''; position: absolute; display: block; right: -1.1rem; bottom: 1rem; width: 1.55rem; height: 1.45rem; background: url(/uploads/image/zchimages/leaf.png) no-repeat; background-size: 1.55rem 1.45rem; z-index: 6; -webkit-transform: rotate(-80deg); -moz-transform: rotate(-80deg); -ms-transform: rotate(-80deg); -o-transform: rotate(-80deg); transform: rotate(-80deg); } .leaf3:before{ content: ''; position: absolute; display: block; left: -1.1rem; bottom: .3rem; width: 1.55rem; height: 1.45rem; background: url(/uploads/image/zchimages/leaf.png) no-repeat; background-size: 1.55rem 1.45rem; z-index: 6 } .leaf4:before,.wave:before{ content: ''; position: absolute; display: block; width: 1.4rem; height:.75rem; background: url(/uploads/image/zchimages/wave.jpg) no-repeat; background-size: 1.4rem .75rem; z-index: 1 } .leaf4:before{left: 0;top: 5rem;} .leaf4:after{bottom:4rem;right: 0} .wave:before{bottom: 0;left: 0;height:0.35rem;background-size: 1.4rem .35rem;} .w_320{width: 8rem;} .form_window{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; z-index: 9999; opacity: 0; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 0.3s; transition:all 0.3s; } .zt_mask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65); } .form_window.active{ opacity: 1; -webkit-transform:scale(1); transform:scale(1); } .close_box{ position: absolute; right: 1.25rem; top: -2rem; width: 1.25rem; font-size: .9rem; height: 1.25rem; border-radius: 50%; line-height: 1rem; z-index: 99999; text-align: center; background: #fcda16 url(/uploads/image/zchimages/close.jpg) no-repeat center center; background-size: 0.55rem .5rem; border: 1px solid #000; } .close_box:after{ content: ''; position: absolute; top: 1.25rem; left: 50%; width: 1px; height: .75rem; background-color: #000; display: block; } .form_box{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 13.25rem; height: 14.45rem; z-index: 900; font-size: 0.65rem; text-align: center; background: url(/uploads/image/zchimages/form_bg.png) no-repeat; -webkit-background-size: 13.25rem 14.45rem; background-size: 13.25rem 14.45rem; -webkit-box-sizing:border-box; box-sizing:border-box; } .form_title{ height: 4rem; padding-top: .9rem; line-height: 1.1rem; -webkit-box-sizing:border-box; box-sizing:border-box; } .form_box h2{ color: #000; font-size: 0.8rem; text-align: center; padding: 5px 0; } .form_box .form_title span{ padding: 0 5px; text-shadow:1px 1px #fff; } .value_item{ width: 12rem; height: 1.6rem; line-height: 1.6rem; margin: 0.6rem auto; color: #606060; position: relative; } .value_item span{ float: left; display: block; width: 2.7rem; text-align: right; color: #606060; } .value_box{ border:1px solid #fcda16; 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; } #fcity{width:7rem;} select { -webkit-appearance: none; font-size: 0.65rem; background: transparent; color: #888; padding-left: 0; margin: 0; } .f_arrow_down:after{ position: absolute; right: 1rem; top: 0; width: 1rem; height: 1.6rem; content: '<'; font-size: 0.65rem; -webkit-transform:rotate(-90deg) scaley(1.5); transform:rotate(-90deg) scaley(1.5); font-family:simsun,hiragino sans gb; } input::input-placeholder{ color: #888; } input::-webkit-input-placeholder{ color: #888; } input:focus,select:focus{ outline: none; } .form_btn{ width: 40%; height: 1.6rem; line-height: 1.6rem; display: block; margin: 1rem auto; text-align: center; background-color: #144173; color: #fff; font-size: .65rem; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; letter-spacing: 5px; } 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}