body {
		background-color: #F5F5F5;
	}
	.dianmain {
		margin-top: 1.2rem;
	}
	.head {
		width: 100%;
		height: 4.5rem;
		background: url(/Files/images/head_bg.png) no-repeat;
		background-size: cover;
	}

	.head_main {
		width: 100%;
		text-align: center;
	}
	.head_main_p1 {
		position: relative;
	}
    .head_main_p1 .head_main_img1 {
        width: 1.46rem;
        height: 1.46rem;
        border-radius: 50%;
    }
	.head_main_img2 {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: 0.2rem;
	}
	.head_main_p2 {
		color: #FFFFFF;
		font-size: .36rem;
		margin-top: .2rem;
		margin-bottom: .1rem;
	}
	.head_main_p3 {
		color: #fff;
		font-size: .26rem;
		margin-bottom: .26rem;
	}
	.head_main_p3 img {
		width: .34rem;
		margin-right: .06rem;
        vertical-align: middle;
	}
    .head_main_p3 span {
        vertical-align: middle;
    }
	.small_bo {
		width: 7.5rem;
		margin: 0 auto;
	}
	.head_main_a {
		display: inline-block;
		width: 2.76rem;
		/*height: .66rem;*/
		line-height: .66rem;
		border: 1px solid #fff;
		border-radius: .1rem;
        font-size: 0;
	}
	.head_main_a img {
		width: .30rem;
		vertical-align: middle;
	}
	.mr5 {
		margin-right: .1rem;
	}
	.mr9 {
		margin-right: .18rem;
	}
	.head_main_a span {
		display: inline-block;
		color: #fff;
		font-size: .24rem;
		vertical-align: middle;
	}
	.Box {
		 width: 100%;
		height: 1rem;
		line-height: 1rem;
		background-color: #fff;
		/*padding-left: .56rem;*/
		margin-bottom: .2rem;
	}
	.small {
		float: left;
	}
	ul {
		/* width: 200%; */
		margin: 0;
		padding: 0;
	}
	ul li {
		list-style: none;
		float: left;
		/*margin: 0 .22rem;*/
		text-align: center;
		font-size: .28rem;
		color: #707177;
        width: 22%;
	}
    ul #search {
        width: 12%;
    }
	ul li .type {
		margin-right: .1rem;
		vertical-align: middle;
		width: .36rem;
	}
	#search a img {
		width: .30rem;
	}
	.box1 ul {
		margin-bottom: 2.08rem;
	}
	.box1 ul li {
		width: 3.7rem;
		float: left;
		margin: 0;
		text-align: left;
		background-color: #fff;
		margin-bottom: .16rem;
	}
	.box1 ul li:nth-child(odd) {
		margin-right: .1rem;
	}
	.box1 ul li a span {
		display: inline-block;
	}
	.box1 ul li a .box1_sp1 {
		color: #505155;
		font-size: .28rem;
		padding: 0 .2rem;
		height: .8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: .12rem;
        margin-top: .2rem;
	}
	.box1 ul li a .box1_img {
		width: 3.7rem;
		height: 3.7rem;
	}
	.box1 ul li a .box1_sp2 {
		color: #707177;
		font-size: .24rem;
		display: block;
		padding: 0 .2rem .2rem .2rem;
	}
	.box1 ul li a .box1_sp2 img {
		margin-right: .06rem;
		width: .34rem;
        vertical-align: middle;
	}
	.box1 ul li a .box1_sp2 span {
        vertical-align: middle;
	}
	.box1 ul li a .box1_sp3 {
		padding-left: .2rem;
		font-size: .3rem;
		color: #ff5502;
		padding-bottom: .22rem;
		font-weight: bold;
	}
	.box1 ul li a .box1_sp4 {
		float: right;
		padding-right: .2rem;
		color: #c4c4c8;
		font-size: .24rem;
	}
	.yellow {
		box-sizing: border-box;
		border-bottom: .04rem solid #FF5502;
		color: #FF5502;
	}
	.box {
		display: none;
		float: left;
		width: 7.5rem;
	}
	.active {
		display: block;
	}
	.footer {
		width: 100%;
		height: .56rem;
		line-height: .56rem;
		text-align: center;
		border-top: 1px solid #fff;
		clear: both;
		color: #909198;
		font-size: .22rem;
	}
	.letter {
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.6);
		z-index: 9999;
		position: fixed;
		display: none;
	}
	.letter .letter_main {
		width: 6rem;
		height: 5.16rem;
		background-color: #fff;
		border-radius: .1rem;
		z-index: 999;
		margin: 0 auto;
		margin-top:3.04rem ;
		position: relative;
	}
	.letter_main p {
		width: 5.16rem;
		margin: .42rem 0 .24rem .42rem;
		padding-bottom: .3rem;
		display: inline-block;
		border-bottom: 1px solid #E7E9EF;
		font-size: .42rem;
		color: #505155;
	}
	.letter_main textarea {
		border: none;
		margin: 0 .42rem 0rem .42rem;
		outline:none;
		width: 5.16rem;
		height: 2.4rem;
		color: #707177;
		font-size: .28rem;
		line-height: 20px;
		resize:none;
	}
	.letter_main button {
		width: 5.16rem;
		height: .8rem;
		background-color: #ff5502;
		color: #fff;
		font-size: .3rem;
		border: none;
		outline: none;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.hide_x {
		position: absolute;
		bottom: -76px;
		left: 50%;
		margin-left: -25px;
	}

	.small_bo ul li a {
		color: #505155;
		vertical-align: middle;
        display: block;
	}
    .small_bo ul li a span {
        vertical-align: middle;
    }
	.small_bo ul li.yellow a {
		color: #FF5502;
	}

/* ------------------ 消息提示框toast start ------------------ */
.toast {
  position: fixed;
  bottom: 4.653333rem;
  left: 0;
  right: 0;
  overflow: hidden;
  text-align: center;
}

.toast span {
  display: inline-block;
  font-size: .3rem;
  border-radius: .133333rem;
  background: rgba(51, 51, 53, 0.8);
  color: #fff;
  padding: .2rem 1rem;
}

/* ------------------ 消息提示框toast end ------------------ */