/*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%}