/*css reset*/ @charset "utf-8"; html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; } ul, ol { list-style: none; } img { border: 0 none; vertical-align: top; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } strong, em, i { font-style: normal; font-weight: normal; } ins { text-decoration: underline; } del { text-decoration: line-through; } mark { background: none; } input::-ms-clear { display: none !important; } body { font: 12px/1.5 \5fae\8f6f\96c5\9ed1, \5b8b\4f53, "hiragino sans gb", stheiti, "wenquanyi micro hei", "droid sans fallback", simsun, sans-serif; background: #fff; } a { text-decoration: none; color: #333; } a:hover { text-decoration: underline; } /*字体图标*/ @font-face { font-family: 'iconfont'; /* project id 406556 */ src: ; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xiala:before { content: "\e657"; } .icon-xiala1:before { content: "\e604"; } /*page css*/ html,body{ background: #fafafa; } .left{ float: left; } .right{ float: right; } .grid{ overflow: hidden; } .red{ color: red !important; } .main{ width: 750px; margin: 0 auto; } .header{ width: 100%; } .header img{ width: 100%; } .header-title{ z-index: 999; padding:40px; background:#fafafa; width: 100%; width: 750px; box-sizing: border-box; } .header-title ul{ overflow: hidden; } .header-title ul li{ margin-right: 100px; display:block; float: left; width: 155px; text-align: center; line-height: 50px; background:#3b58c2 ; color: white; font-size: 24px; border-radius: 25px; cursor: pointer; } .header-title ul .active{ margin: 0 !important; } .header-title a{ color: white; text-decoration: none; } .endlist{ /* padding: 0 20px;*/ } .blocktitle{ width: 534px; height: 67px; background: url(/uploads/image/hgnimg/titlebg.png) no-repeat center top; margin: 0 auto; font-size: 32px; color: white; text-align: center; box-sizing: border-box; padding-top: 3px; } .endlist-ready{ padding: 0 20px; margin-top: 30px; } .maintitle{ cursor: pointer; font-size: 28px; color: #333333; line-height: 38px; } .maintitle span{ display: inline-block; width: 10px; height: 38px; background: #3b58c2; float: left; margin-right: 13px; } .maintitle i{ float: right; font-size: 22px; color: #707070; } .readytitle{ line-height: 60px; } .readytitle img{ margin-right: 10px; width: 60px; height: 60px; } .ready-txtbox{ padding: 15px 15px 15px 15px; margin-top: 30px; width: 100%; box-sizing: border-box; border: 2px dashed #b3b3b3; background: #f2f2f2; font-size: 20px; color: #333333; line-height: 36px; } .ready-txtbox a{ text-decoration: underline; } .ready-txtbox .active{ padding-left: 120px; } .readyenter{ margin-top: 47px; width: 120px; text-align: center; } .readyenter img{ width: 120px; height: 120px; } .endlist-qus{ padding: 0 20px; margin-top: 35px; } .quslist{ font-size: 24px; padding-bottom: 20px; } .quslist li{ display: block; } .quslist li p{ cursor: pointer; padding: 20px; border-bottom:1px solid #cccccc; } .quslist li p i{ float: right; font-size: 22px; color: #707070; } .quslist li span{ color: red; } .quslist-txt{ font-size: 20px; color: #666666 !important; line-height: 36px; color: #f2f2f2; padding: 10px 20px; display: none; } .quslist-txt p{ padding: 0 !important; border: none !important; cursor: auto !important; } .gray-line{ width: 100%; height: 15px; background: #d9d9d9; } .endlist-flow{ margin-top: 30px; padding: 0 20px; } .endlist-flow ul{ margin-top: 20px ; overflow: hidden; } .endlist-flow ul li{ display: block; float: left; font-size: 20px; line-height: 24px; color: #333333; } .endlist-flow ul li img{ margin-right: 1px; } .endlist-flow ul .flowbox{ border: 1px solid #333333; border-radius: 5px; width: 105px; text-align: center; box-sizing: border-box; text-align: center; padding: 5px 10px; } .endlist-flow ul .active{ padding: 5px 0; } .flow-liucheng{ margin-top: 30px; } .endlist-place{ margin: 30px 0; padding: 0 20px; } .place-table{ padding: 25px 0; width: 100%; } .place-table table{ text-align: center; font-size: 20px; line-height: 30px; border-bottom:1px solid white ; border-right:1px solid white ; } .place-table table th,td{ border-top: 1px solid white; border-left: 1px solid white; } .place-table table th{ font-weight: normal; color: white; background: #506edc; } .place-table table td{ background: #e4eaff; } .place-table table .lightpurple td{ background: #dbe2fb; } .place-table table .purple a{ color: #3b58c2; } .scence{ padding-top: 50px; } .scence-time{ padding:30px 20px; } .scence-time .ready-txtbox{ padding: 20px 10px; } .redbig{ font-size: 24px; color: red; } .scence-place{ padding: 0 20px; margin-bottom: 30px; } .padding20{ padding: 0 20px; } .scence-place-table table a{ color: #3b58c2; text-decoration: underline; } .scence-place-table table{ line-height: 40px; } .scence-confirm{ padding-top: 30px; margin-bottom: 30px; } .scence-confirmbox{ margin-top: 20px; padding: 0 10px; margin-bottom:20px ; } .scence-confirm-title{ font-size: 24px !important; color: red !important; } .scence-confirmbox p{ line-height: 36px; font-size: 20px; color: #333333; } .admission{ margin-top: 50px; } .admission-time{ padding-right: 25px; padding-bottom: 25px; } .admission-time-time{ padding-top: 40px; } .admission-time .readyenter{ margin-top: 24px; } .admission-time .readyenter p{ text-decoration: underline; font-size: 20px; color: #4c4c4c; } .admission-time-timetxt{ margin-top: 20px; font-size: 26px; color: red; } .admission-atten{ margin: 30px 0; } .admission-atten-txt{ font-size: 20px; line-height: 36px; color:#666666; margin-top: 25px; } .admission-atten-txt span{ color: red; font-size: 24px; } .admission-qus{ padding-top: 30px; } .toolbox{ margin-top:30px ; } .toolbox-list{ overflow: hidden; padding: 30px 20px; margin-top: 20px; background: #eeeeee; } .toolbox-list li{ position: relative; width: 125px; display: block; float: left; font-size: 20px; line-height: 28px; text-align: center; margin-right: 70px; } .toolbox-list li:last-child{ margin: 0; } .toolbox-list li img{ width: 125px; height: 125px; } .toolbox-list li p{ margin-top: 20px; color: #333333; } .toolbox-list li a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .toolbox-smalist{ overflow: hidden; padding: 0 20px; margin-top: 35px; } .toolbox-smalist li{ float: left; line-height: 30px; font-size: 20px; color: #333333; width: 130px; margin-right: 60px; margin-bottom: 15px; } .toolbox-smalist .active{ margin-right: 0; } .toolbox-smalist li a{ color: #333333; } .toolbox-smalist img{ width: 35px; margin-right: 5px; } .toolbox-imglist{ padding: 0 60px; overflow: hidden; margin-top: 60px; } .toolbox-imglist li{ display: block; float: left; width: 140px; font-size: 20px; color: #333333; text-align: center; margin-right: 105px; } .toolbox-imglist li:last-child{ margin: 0; } .toolbox-imglist li img{ width: 140px; } .toolbox-imglist li p{ margin-top: 15px; } .footer{ width: 750px; margin: 0 auto; background: #3b58c2; font-size: 20px; line-height: 60px; text-align: center; color: white; margin-top: 20px; } .ready-txtbox .left{width:80%}