body,

button,

input,

select,

textarea {

	font-family: "Microsoft YaHei", arial, SimSun, sans-serif, tahoma

}



body {

	font-size: 14px;

	color: #666;

	-webkit-font-smoothing: antialiased;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

	-webkit-overflow-scrolling: touch;

	overflow-scrolling: touch

}



input,

select,

textarea {

	font-size: 100%;

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	border: 0;

	outline: 0

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



textarea,

input,

button,

a {

	outline: none

}



button {

	cursor: pointer

}



textarea {

	resize: none

}



fieldset,

img {

	border: 0

}



address,

cite,

code,

dfn,

em,

i,

th,

var {

	font-style: normal;

	font-weight: normal

}



ol,

ul {

	list-style: none

}



caption,

th {

	text-align: left

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline

}



sup {

	top: -0.5em

}



sub {

	bottom: -0.25em

}



a {

	text-decoration: none

}



input::-webkit-input-placeholder {

	color: #999

}



input:-moz-placeholder {

	color: #999

}



input::-moz-placeholder {

	color: #999

}



input:-ms-input-placeholder {

	color: #999

}



*,

*::before,

*::after {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-webkit-tap-highlight-color: transparent

}



html,

body {

	height: 100%;

	width: 100%

}



.fl {

	float: left

}



.fr {

	float: right

}



.clearfix:before,

.clearfix:after {

	content: "";

	display: table

}



.clearfix:after {

	clear: both;

	overflow: hidden

}



.clearfix {

	*zoom: 1

}



.none {

	display: none

}



@media screen and (max-width: 320px) {

	html {

		font-size: 42.6667px

	}

}



@media screen and (min-width: 320px) {

	html {

		font-size: 42.6667px

	}

}



@media screen and (min-width: 360px) {

	html {

		font-size: 48px

	}

}



@media screen and (min-width: 375px) {

	html {

		font-size: 50px

	}

}



@media screen and (min-width: 400px) {

	html {

		font-size: 53.3333px

	}

}



@media screen and (min-width: 414px) {

	html {

		font-size: 55.2px

	}

}



@media screen and (min-width: 440px) {

	html {

		font-size: 58.6667px

	}

}



@media screen and (min-width: 480px) {

	html {

		font-size: 64px

	}

}



@media screen and (min-width: 520px) {

	html {

		font-size: 69.3333px

	}

}



@media screen and (min-width: 560px) {

	html {

		font-size: 74.6667px

	}

}



@media screen and (min-width: 600px) {

	html {

		font-size: 80px

	}

}



@media screen and (min-width: 640px) {

	html {

		font-size: 85.3333px

	}

}



@media screen and (min-width: 680px) {

	html {

		font-size: 90.6667px

	}

}



@media screen and (min-width: 720px) {

	html {

		font-size: 96p

	}

}



@media screen and (min-width: 760px) {

	html {

		font-size: 101.333px

	}

}



@media screen and (min-width: 800px) {

	html {

		font-size: 106.667px

	}

}



@media screen and (min-width: 960px) {

	html {

		font-size: 128px

	}

}



.page {

	width: 100%;

	min-height: 100vh;

	background: #fff;

	padding-bottom: 1.13rem

}



.page .title {

	text-align: center;

	width: 77%;

	height: 1.11rem;

	margin: 0 auto;

	line-height: 1.11rem;

	font-size: 0.4rem;

	color: #fff;

	margin-bottom: 0.6rem

}



.page .first-banner img {

	width: 100%

}



.page .guide {

	width: 100%;

	height: 16.01rem;

	background: url(../img/guide.png?33) center no-repeat;

	background-size: 100% 100%;

	margin-top: -0.1rem

}



.page .guide .title1 {

	background: url(../img/title_01.png) center no-repeat;

	background-size: 100% 100%

}



.page .guide .list {

	width: 81.7%;

	margin: 0 auto;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: space-between

}



.page .guide .list>li {

	width: 2.76rem;

	height: 3.2rem;

	background: url(../img/li_bg.png) center no-repeat;

	background-size: 100% 100%;

	margin-bottom: 0.35rem;

	color: #fff;

	position: relative

}



.page .guide .list>li .part {

	padding-left: 0.37rem;

	font-size: 12px

}



.page .guide .list>li h3 {

	padding-left: 0.37rem;

	font-weight: bold;

	font-size: 0.28rem

}



.page .guide .list>li .time {

	font-size: 0.24rem;

	color: #333;

	padding-top: 0.2rem;

	padding-left: 0.18rem;

	position: relative;

    line-height: 0.27rem;

}



.page .guide .list>li .time>img {

	position: absolute;

	top: 0.3rem

}



.page .guide .list>li .time span {

	margin-left: 0.2rem

}



.page .guide .list>li .btn {

	width: 2.2rem;

	height: 0.64rem;

	border-radius: 0.3rem;

	text-align: center;

	line-height: 0.64rem;

	border: 1px solid #3554e1;

	color: #333;

	font-size: 0.26rem;

	position: absolute;

	bottom: 0.26rem;

	left: 0.3rem;

	font-weight: bold

}



.page .guide .list>li .z-list {

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: space-between;

	margin: 0.28rem auto 0;

	width: 88%

}



.page .guide .list>li .z-list li {

	width: 1.16rem;

	height: 0.5rem;

	background: #3554e1;

	border-radius: 0.1rem;

	text-align: center;

	color: #fff;

	line-height: 0.5rem;

	margin-bottom: 0.11rem

}



.page .zx-guide {

	text-align: center

}



.page .zx-guide img {

	width: 6.03rem;

	margin-bottom: 0.5rem

}



.page .zx-guide img.t {

	width: 5.75rem;

	margin-top: 0.4rem

}



.page .question {

	width: 100%;

	margin-top: 0.6rem;

	height: 12.7rem;

	background: url(../img/question.png);

	background-size: 100% 100%;

	overflow: hidden

}

.page .question p {

	margin-bottom: 1.06rem;

	margin-left: 0.97rem;

	font-size: 0.26rem;

	font-weight: bold;

}

.page .question p:first-child {

	margin-top: 2.15rem;

}



.page .footer {

	margin: 0.3rem auto 0;

	width: 7rem;

	background: url(../img/footer.png) center no-repeat;

	height: 2.38rem;

	background-size: 100% 100%

}



.page .footer>.t {

	text-align: center;

	line-height: 0.79rem;

	font-size: 0.36rem;

	color: #fff;

	font-weight: bold

}



.page .footer>.t span {

	color: #ffe690

}



.page .footer .ks {

	width: 2.26rem;

	height: 0.47rem;

	text-align: center;

	line-height: 0.47rem;

	margin-top: 0.2rem;

	background: url(../img/shape.png) center no-repeat;

	background-size: 100% 100%

}



.page .footer .detail {

	display: flex;

	color: #333;

	font-size: 0.26rem;

	justify-content: space-around;

	margin-top: 0.38rem;

	align-items: center

}



.page .footer .detail a {

	width: 2.23rem;

	height: 0.77rem;

	background: url(../img/bg.png) center no-repeat;

	background-size: 100% 100%;

	text-align: center;

	line-height: 0.77rem;

	font-size: 0.28rem;

	color: #fff;

	font-weight: bold;

	display: block;

}



.bg-city {

	width: 100%;

	overflow: hidden;

}

.bg-city ul {

	width: 7.2rem;

    margin: 0.5rem auto 0;

    overflow: hidden;

}

.bg-city ul li {

	width: 1.4rem;

    height: 0.5rem;

    float: left;

    margin: 0 0.2rem 0.2rem;

    text-align: center;

    line-height: 0.5rem;

    font-size: 0.18rem;

    background: #3048de;

	cursor: pointer;

	color: #fff;

	border-radius: 0.1rem

}



.xzzq {

    margin-top: -0.1rem;

    background: #eef6fd;

    width: 100%;

    padding-top: 0.6rem;

}

.lnxzzq {

    width: 7.16rem;

    margin: 0 auto;

    background: #fff;

    overflow: hidden;

}

.lnxzzq dl {

    float: left;

    margin: 0.5rem 0.28rem 0.2rem;

}

.lnxzzq dl dt {

    width: 3rem;

    height: 0.8rem;

    border: 0.01rem solid #041790;

    background: -moz-linear-gradient(top, #5768d7 0%, #021596 100%);

    background: -webkit-linear-gradient(top, #5768d7 0%,#021596 100%);

    background: -o-linear-gradient(top, #5768d7 0%,#021596 100%);

    background: -ms-linear-gradient(top, #5768d7 0%,#021596 100%);

    background: linear-gradient(to bottom, #5768d7 0%,#021596 100%);

    font-size: 0.3rem;

    color: #fff;

    font-weight: bold;

    text-align: center;

    line-height: 0.8rem;

    margin-bottom: 0.2rem;

    border-radius: 0.05rem;

    cursor: pointer;

}

.lnxzzq dl dd {

    width: 3rem;

    height: 0.8rem;

    background: #fff;

    color: #041790;

    font-size: 0.3rem;

    text-align: center;

    line-height: 0.8rem;

    font-weight: bold;

    border: 0.01rem solid #041790;

    margin-bottom: 0.2rem;

    border-radius: 0.05rem;

    cursor: pointer;

}

.bmtd {

    width: 100%;

    background: url(../img/bmtd.png) center no-repeat;

    height: 10.43rem;

    background-size: 100%;

    padding-top: 2.2rem;

}

.bmtd>div {

    width: 80%;

    height: 0.9rem;

    background: #fff;

    background-size: 100% 100%;

    margin: auto;

    margin-bottom: 0.15rem;

    position: relative;

    display: flex;

    align-items: center;

    background-size: 100% 100%;

}

.bmtd>div span {

    display: inline-block;

    width: 1.42rem;

    height: 0.9rem;

    text-align: center;

    line-height: 0.98rem;

    background: -moz-linear-gradient(top, #1f98fe 0%, #82c5fd 100%);

    background: -webkit-linear-gradient(top, #1f98fe 0%,#82c5fd 100%);

    background: -o-linear-gradient(top, #1f98fe 0%,#82c5fd 100%);

    background: -ms-linear-gradient(top, #1f98fe 0%,#82c5fd 100%);

    background: linear-gradient(to top, #1f98fe 0%,#82c5fd 100%);

    font-size: 0.38rem;

    font-weight: bold;

    color: #fff;

    background-size: 113% 107%;

}

.bmtd>div input {

    height: 0.9rem;

    width: 70%;

    background: none;

    outline: none;

    padding-left: 0.1rem;

}

.bmtd>div b {

    width: 100%;

    text-align: center;

    color: #041790;

    font-size: 0.38rem;

}

.bmtd>div a {

    width: 100%;

    text-align: center;

    color: #041790;

    font-size: 0.38rem;

    font-weight: bold;

}



/*# sourceMappingURL=common.css.map */



.window-mask {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.5);

	width: 100%;

	height: 100%;

	z-index: 100;

  }

  .window-mask .ajax_form {

	border: 2px solid #FFFFFF;

	width: 6.86rem;

	height: 6.8rem;

	background: #FFFFFF;

	border: 2px solid #FFFFFF;

	border-radius: 0.16rem;

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

	box-sizing: border-box;

	padding: 0.3rem;

  }

  .window-mask .ajax_form .close {

	font-size: 0.6rem;

	line-height: 0.2666rem;

	color: #ccc;

	position: absolute;

	right: 0.373rem;

	top: 0.273rem;

	cursor: pointer;

	width: 0.266666rem;

	height: 0.266666rem;

	/* transition: all .3s; */

  }

  .window-mask .ajax_form .close:hover {

	/* transform: rotate(180deg); */

  }

  .window-mask .ajax_form h2 {

	text-align: center;

	font-size: 0.446666rem;

	font-family: FZLanTingHeiS-EB-GB;

	color: #DD011A;

	padding-bottom: 10px;

	border-bottom: 2px dashed #DD011A;

  }

  .form-box {

	box-sizing: border-box;

	padding:0.253333rem 0.4rem;

  }

  .form-box .list-div {

	width: 100%;

	display: flex;

	justify-content: space-between;

	margin-bottom: 7px;

	position: relative;

  }

  .form-box input,.form-box select {

	height: 0.826666rem;

	border: 1px solid rgba(51, 51, 51, 0.2);

	border-radius: 7px;

	box-sizing: border-box;

	padding: 0 0 0 14px;

	font-size: 0.361333333rem;

	background: none;

	font-size: 0.24rem;

  }

  .form-box input {

	width: 100%;

	font-size: 0.24rem;

  }

  .form-box select {

	display: block;

	width: 100%;

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

	outline: none;

  }

  .form-box #fs {

	position: absolute;

	right: 0px;

	top: 0;

	bottom: 0;

	margin: auto;

	width: 2.84rem;

	height: 0.6rem;

	background: #DD011A;

	border-radius: 6px;

	padding: 0;

	color: #fff;

	cursor: pointer;

	border: none;

  }

  .form-box .btn-box {

	width: 4.9333333rem;

	height: 1.5933333rem;

	line-height: 0.2rem;

	background: url('../img/yy_btn_bg.png') no-repeat center;

	background-size: cover;

	margin: auto;

	box-sizing: border-box;

	padding: 0.1333333rem 0.2666666rem;

  }

  .form-box .ajaxBtn {

	padding: 0;

	border: none;

	font-size: 0.3rem;

	font-family: FZLanTingHeiS-R-GB;

	font-weight: bold;

	color: #FFFFFF;

	cursor: pointer;

	line-height: 0.9333333rem;

	background: rgba(0, 0, 0, 0);

  }



.m-zx-sider{

	display:none;

}



.box {

    width: 100%;

    margin: 0.8rem auto;

    overflow: hidden;

    background: #fff;

}

.bmtj .bt {

    width: 7.3rem;

    background: #0f36d6;

    text-align: center;

    font-weight: bold;

    color: #FFF;

    font-size: 0.26rem;

    padding: 0.15rem 0;

    margin: 0 auto 0;

}

.bmtj h2 {

    font-size: 0.26rem;

    line-height: 0.46rem;

    text-align: center;

    color: #fff;

}

.bmtjtb {

    margin: 0 auto 0.05rem;

    width: 7.3rem;

    background: #FFFFFF;

}

.bmtjtb table {

    border-collapse: collapse;

    background: #fff;

    margin: 0px auto;

    font-family: "\5b8b\4f53";

    text-align: center;

}

.bmtjtb th {

    background: #e9e9e9;

    padding: 0.08rem;

    font-size: 0.22rem;

    height: 0.32rem;

    font-weight: bold;

}

.bmtjtb th, .bmtjtb td {

    border: 0.01rem solid #ddd;

    text-align: center;

    line-height: 0.4rem;

}

.bmtjtb td button {

    color: #fff;

    line-height: 0.24rem;

    text-align: center;

    padding: 0.1rem 0.2rem;

    display: inline-block;

    margin: 0 auto;

    border-radius: 0.22rem;

    width: 1.5rem;

    border: none;

    color: #fff;

    background: #1432ca;

    margin: 0.1rem auto;

}