@charset "utf-8";

table,table td {
	border: 1px solid #ccc
}

a,a:active,a:link,a:visited {
	text-decoration: none
}

*,:after,:before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

article,aside,audio,blockquot,body,dd,div,dl,dt,figcaption,figure,filedset,form,h1,h2,h3,h4,h5,h6,header,html,input,li,nav,ol,p,section,ul,video {
	margin: 0;
	padding: 0
}

.header,body,html {
	max-width: 750px;
	margin: 0 auto
}

b,em,h1,h2,h3,h4,h5,h6,i {
	font-style: normal;
	font-weight: 400
}

li,ol,ul {
	list-style: none
}

fieldset,img,video {
	width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

table td {
	font-size: .37333rem;
	line-height: .68rem;
	padding: 0 .16rem
}

table#LR_Tb2,table#LR_Tb2 table {
	border: none
}

table#LR_Tb2 td {
	border: none;
	padding: 0
}

button,input,select,textarea {
	outline: 0;
	border: none;
	-webkit-appearance: none
}

input,input[type=button],input[type=reset],input[type=submit],textarea {
	outline: 0;
	-webkit-appearance: none;
	border: none;
	font-family: "Microsoft YaHei";
	resize: none
}

:focus {
	outline: 0
}

a {
	color: #00132b;
	outline: 0
}

.clearfix:after {
	content: "";
	clear: both;
	display: block
}

.clearfix {
	zoom: 1
}

.clear {
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

body,html {
	width: 100%;
	min-width: 320px
}

body {
	font: .2rem "微软雅黑";
	color: #333;
	line-height: 1.2;
	overflow-x: hidden
}

.padlr {
	padding-left: .4rem;
	padding-right: .4rem
}



.bottom-fl {
	height: 1.8133333333rem
}

.footer-day {
	width: 100%;
	max-width: 10rem;
	height: 1.7866666667rem;
	background: url(../images/m_dbflbg2.gif) center bottom no-repeat;
	background-size: 100%;
	left: 50%;
	bottom: -1.7866666667rem;
	margin-left: -5rem;
	opacity: 0;
	z-index: 9999
}

.footer-day2 {
	background: url(../images/m_dbflbg.jpg) center bottom no-repeat;
}

.footer-day .btn {
	width: 33.33%;
	height: 100%;
	font-size: .3733333333rem;
	color: #fff;
	text-align: center;
	padding-top: .24rem;
	position: relative
}

.footer-day .btn:before {
	content: "";
	width: 100%;
	height: .5066666667rem;
	display: block;
	margin-bottom: .15rem
}

.footer-day .btn1 {
	float: left
}

.footer-day .btn1:before {
	background: url(../images/mheart2.png) center no-repeat;
	background-size: .5333333333rem
}

.footer-day .btn2 {
	float: left;
	font-weight: 700
}

.footer-day .btn2:before {
	height: 1.0133333333rem;
	margin-left: -.24rem;
	margin-bottom: -.3333333333rem
}

.footer-day .btn3 {
	float: right
}

.footer-day .btn3:before {
	background: url(../images/mheart3.png) center no-repeat;
	background-size: .6133333333rem
}

.footer-day .btn3:after {
	content: "";
	width: .1066666667rem;
	height: .1066666667rem;
	background: red;
	border-radius: 50%;
	position: absolute;
	top: .2266666667rem;
	right: 39%
}

.footer-day .night1 {
	width: 35%;
	font-size: .37333rem;
	color: #ff5151;
	line-height: .5333333333rem;
	text-align: left;
	padding: .1866666667rem 0 0 .4rem;
	margin-right: -1.7%
}

.footer-day .night1:before {
	width: .28rem;
	height: .2133333333rem;
	background: url(../images/mheart-zs.png) center no-repeat;
	background-size: 100%;
	display: block;
	position: absolute;
	right: .4rem;
	bottom: .48rem
}

.footer-day .night2 {
	padding-top: .2266666667rem
}

.footer-day .night2:before {
	height: 1.0133333333rem;
	background: url(../images/mheart4.png) center no-repeat;
	background-size: 1.3466666667rem
}

.bottom-fl-show .footer-day {
	bottom: 0;
	opacity: 1
}

.mfloat-hide .footer-day {
	bottom: -1.48rem;
	opacity: 0
}

.scroll-top {
	bottom: 2.4rem;
	right: -14%;
	z-index: 1000;
	background: url(../images/totop.png) no-repeat;
	width: 1rem;
	height: 1rem;
	background-size: 100%;
	border-radius: 50%;
	opacity: 0
}

.tips,.tipsy2 {
	bottom: 0;
	z-index: 99999
}

.scroll-active {
	right: 2%;
	opacity: 1
}

.tips {
	background: rgba(0,0,0,.5);
	overflow: hidden;
	left: 0;
	right: 0;
	top: 0;
	transform: scale(0)
}

.tips p {
	width: 6.08rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4.71333rem 0 0 -3.04rem
}

.tipsy2,.tipsy2 dl {
	opacity: 0;
	transition: all linear .3s;
	left: 0
}

.tips p .hide {
	width: .46667rem;
	height: .46667rem;
	border: .02667rem solid #333;
	border-radius: 50%;
	font-size: .4rem;
	color: #333;
	text-align: center;
	line-height: .41333rem;
	font-style: normal;
	position: absolute;
	right: .12rem;
	top: .12rem
}

.tipsy2,.tipsy2 dl {
	position: fixed;
	right: 0
}

.tips-open {
	transform: scale(1)
}

.tipsy2 {
	background: rgba(0,0,0,.3);
	top: 0
}

.tipsy2 dl {
	background: #fff;
	border-radius: 0 0 .33333rem .33333rem;
	padding: .33333rem .62667rem .33333rem .48rem;
	overflow: hidden;
	line-height: 1.5;
	top: -2rem
}

.tipsy2 dd {
	max-width: 43%;
	font-size: .34667rem;
	color: #333;
	text-align: center;
	float: left;
	padding: .12rem 0
}

.tipsy2 dd strong {
	font-size: .45333rem;
	color: #409851;
	margin-top: .16rem
}

.tipsy2 dt {
	width: 57%;
	float: right
}

.tipsy2-open {
	opacity: 1
}

.tipsy2-open dl {
	top: 0;
	opacity: 1
}

.fix-show {
	height: 1.9rem
}

.fix-show ul {
	position: fixed;
	bottom: -100%;
	opacity: 0;
	width: 100%;
	max-width: 750px;
	z-index: 9999;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 1.7867rem;
	font-size: .373rem;
	line-height: 1.1;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.fix-day {
	background-image: url(../images/fix-bg01.png)
}

.fix-night {
	background-image: url(../images/fix-bg02.png)
}

.fix-show ul .fix-zx a {
	color: #FFF;
	padding: .1rem .73rem
}

.fix-show ul .fix-zx a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: .5333rem;
	height: .44rem;
	background: url(../images/fix-icon01.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-right: .24rem;
	margin-top: -.1rem
}

.fix-show ul .fix-tel {
	flex: 1;
	margin-left: .88rem
}

.fix-show ul .fix-tel a {
	color: #FFF;
	padding-left: 1.16rem;
	position: relative;
	display: block;
	line-height: 1.1
}

.fix-show ul .fix-tel a span {
	display: inline-block;
	font-weight: 700;
	margin-left: .1rem
}

.fix-show ul .fix-tel a strong {
	display: block;
	font-size: .48rem;
	margin-top: .18rem
}

.fix-show ul .fix-tel a:before {
	content: "";
	position: absolute;
	left: 0;
	top: .12rem;
	width: .9867rem;
	height: .9867rem;
	background: url(../images/fix-icon02.gif) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-right: .24rem;
	margin-top: -.1rem
}

.fix-show .fix-wz {
	color: #c7d0e3;
	padding: .1rem .66rem .1rem .62rem;
	margin-top: -.34rem
}

.fix-show .fix-wz:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: .28rem;
	height: .213rem;
	background: url(../images/fix-icon.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-left: .08rem;
	margin-top: -.03rem
}

.fix-show .fix-msg {
	flex: 1;
	text-align: center;
	padding-top: .62rem
}

.fix-show .fix-msg a {
	color: #FFF;
	font-weight: 700;
	position: relative;
	padding-top: .68rem
}

.fix-show .fix-msg a:before {
	content: "";
	position: absolute;
	top: 0;
	left: -.06rem;
	width: 1.3467rem;
	height: 1.013rem;
	background: url(../images/fix-icon03.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.fix-open ul {
	bottom: 0;
	opacity: 1
}

@media screen and (min-width:750px) {
	html {
		font-size: 75px
	}
}

@media screen and (max-width:700px) {
	html {
		font-size: 68px
	}
}

@media screen and (max-width:660px) {
	html {
		font-size: 64px
	}
}

@media screen and (max-width:520px) {
	html {
		font-size: 48px
	}
}

@media screen and (max-width:400px) {
	html {
		font-size: 37.5px
	}
}

@media screen and (max-width:359px) {
	html {
		font-size: 32px
	}
}

.cppage1 {
	padding-top: 2rem;
	padding-bottom: .64rem;
	background: url(../images/m_home2bg.png) right top no-repeat #eef4fb;
	background-size: 7.5333333333rem
}

.cppage1 .sty1 {
	border-radius: .4rem;
	overflow: hidden
}

.cppage1 .sty2 dd,.cppage3 ul li img {
	border-radius: .2666666667rem
}

.cppage1 .sty2 {
	padding-left: .2933333333rem;
	margin-top: -.64rem;
	position: relative
}

.cppage1 .sty2 dd {
	width: 6.76rem;
	background: linear-gradient(-36deg,#21252E,#21252E,#2965cc);
	padding: .7466666667rem .6rem;
	overflow: hidden;
	position: relative
}

.cppage1 .sty2 dd:before {
	content: "";
	background: url(../images/m_cppage1sty2bg.png) left top no-repeat;
	background-size: 7.5333333333rem;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.cppage1 .sty2 dd:after {
	content: "";
	width: .04rem;
	background-image: linear-gradient(rgba(255,81,81,0) 15%,#ff5151,rgba(255,81,81,0) 70%);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.cppage1 .sty2 dt {
	width: 1.9466666667rem;
	position: absolute;
	right: 0;
	top: 1.2rem;
	bottom: 0
}

.cppage1 .sty2 dt .fontzs {
	width: 1.9466666667rem;
	text-align: center;
	display: block;
	padding-top: .4533333333rem;
	position: absolute;
	top: 2.7466666667rem;
	
	
}

.cppage1 .sty2 dt .fontzs img {
	width: .64rem
}

.cppage1 .sty2 dt .fontzs-fixed {
	position: fixed
}

.cppage1 .sty2 dt .fontzs-absolute {
	position: absolute;
	top: auto;
	bottom: 0
}

.cppage1 .sty2 h1 {
	font-size: .6666666667rem;
	line-height: 1.4;
	font-weight: 700;
	color: #fff;
	padding-bottom: .2rem;
	position: relative
}

.cppage1 .sty2 h1:before {
	content: "";
	width: 4.2933333333rem;
	height: .0266666667rem;
	background: #FFF;
	background: linear-gradient(to right,#fff,rgba(255,255,255,.5),rgba(255,255,255,0));
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .5
}

.cppage1 .sty2 .cs {
	padding-left: 1.1333333333rem;
	margin-top: .72rem;
	margin-bottom: .56rem
}

.cppage1 .sty2 .cs p {
	padding-bottom: .6rem;
	font-size: .4533333333rem;
	line-height: .6666666667rem;
	color: #fff;
	font-weight: 700;
	position: relative
}

.cppage1 .sty2 .cs p:before {
	content: "";
	width: .56rem;
	height: .56rem;
	background: url(../images/m_cppage1cs.png) center no-repeat;
	background-size: 100%;
	position: absolute;
	left: -1.1333333333rem;
	top: .28rem
}

.cppage1 .sty2 .cs p span {
	font-size: .3733333333rem;
	color: #929fb6;
	font-weight: 400;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0
}

.cppage1 .sty2 .cs p+p {
	margin-top: .56rem
}

.cppage1 .sty2 .specs .tit {
	font-size: .3733333333rem;
	color: #ff5151
}

.cppage1 .sty2 .specs ul {
	margin-top: .32rem
}

.cppage1 .sty2 .specs ul li {
	width: 46%;
	float: left
}

.cppage1 .sty2 .specs ul li img {
	border-radius: .1333333333rem
}

.cppage1 .sty2 .specs ul li p {
	font-size: .3733333333rem;
	color: #929fb6;
	text-align: center;
	margin-top: .16rem
}

.cppage1 .sty2 .specs ul li p strong {
	font-weight: 400
}

.cppage1 .sty2 .specs ul li+li {
	margin-left: 8%
}

.cppage1 .sty2 .wl {
	font-size: .3733333333rem;
	color: #929fb6;
	line-height: .6666666667rem;
	margin-top: .5333333333rem
}

.cppage1 .sty2 .wl span {
	font-weight: 700
}

.cppage1 .sty2 .swtbtn {
	width: 1.9466666667rem;
	font-size: .4533333333rem;
	color: #ff5151;
	font-weight: 700;
	text-align: center;
	display: block;
	z-index: 99;
	position: relative;
	
}

.cppage1 .sty2 .swtbtn span {
	height: 1.9466666667rem;
	margin-bottom: .2666666667rem;
	background: #E8E9F3;
	border-radius: 50%;
	box-shadow: 0 .1466666667rem .32rem rgba(255,81,81,.69),0 .0266666667rem 0 0 rgba(255,81,81,.64);
	display: block;
	text-align: center;
	line-height: 1.8933333333rem
}
.cppage1 .sty2 .swtbtn input{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1.9466666667rem;
    	height: 1.9466666667rem;
    	background: none;
}
.cppage1 .sty2 .swtbtn span img {
	width: 1.3333333333rem;
	height: 1.3333333333rem;
	border-radius: 50%;
	box-shadow: 0 0 .24rem rgba(255,81,81,.6)
}

.cppage1 .sty2 .swtbtn-fixed {
	position: fixed;
	top: 0
}

.cppage1 .sty2 .swtbtn-absolute {
	position: absolute;
	top: auto;
	bottom: 0
}

.cppage1 .sty3 {
	margin-top: .6933333333rem;
	overflow: hidden;
	position: relative
}

.cppage1 .sty3:before {
	content: "";
	width: 1px;
	background: #929fb6;
	position: absolute;
	left: 50%;
	top: 8%;
	bottom: 8%
}

.cppage1 .sty3 .btn {
	width: 50%;
	float: left;
	padding-top: 1.2266666667rem;
	font-size: .3733333333rem;
	color: #929fb6;
	text-align: center
}

.cppage1 .sty3 .btn span {
	color: #21252e;
	font-weight: 700;
	display: block;
	margin-bottom: .28rem
}

.cppage1 .sty3 .btn1 {
	background: url(../images/m_cppage1wx.png) center top no-repeat;
	background-size: .9066666667rem
}

.cppage1 .sty3 .btn2 {
	background: url(../images/m_cppage1tel.png) center top no-repeat;
	background-size: .9066666667rem
}

.cppage1 .sty3 .btn2 span {
	color: #ff5151
}

.cppage2 {
	padding-top: .96rem;
	padding-bottom: .8rem;
	position: relative
}

.cppage2:before {
	content: "";
	width: 1.2rem;
	height: .1066666667rem;
	background: #21252E;
	border-radius: .08rem;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: .72rem
}

.cppage2 h2,.cppage2 h3 {
	font-size: .5333333333rem;
	color: #191919;
	line-height: 1.7;
	font-weight: 700;
	background: url(../images/mtit-zs.png) left .1866666667rem no-repeat;
	background-size: .52rem;
	padding-left: .72rem;
	margin: .88rem 0 .48rem
}

.cppage2 h4 {
	font-size: .48rem;
	line-height: 1.8;
	margin: .48rem 0
}

.cppage2 p {
	font-size: .4266666667rem;
	line-height: .8133333333rem;
	margin: .48rem 0
}

.cppage2 img {
	width: 100%!important;
	height: auto!important;
	border-radius: .4rem;
	margin: .0933333333rem 0
}

.cppage2 video {
	width: 100%;
	display: block;
	margin: .0933333333rem 0
}

.cppage2 a {
	color: #136ec2
}

.cppage-smtit {
	font-size: .6133333333rem;
	font-weight: 700;
	color: #1A2A48;
	text-align: center
}

.cppage-smtit:after,.cppage-smtit:before {
	content: "";
	width: .9866666667rem;
	height: .1333333333rem;
	background: url(../images/m_cppage-smbtzs.png) center no-repeat;
	background-size: 2rem;
	display: inline-block;
	vertical-align: middle
}

.cppage-smtit:before {
	background-position: left center;
	margin-right: .36rem
}

.cppage-smtit:after {
	background-position: right center;
	margin-left: .36rem
}

.cppage3 {
	padding: 0;
	padding-top: 1.1466666667rem;
	padding-bottom: .9333333333rem
}

.cppage3 ul {
	padding-left: .4rem;
	margin-left: -2.33%;
	margin-top: .6rem;
	display: -webkit-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.cppage3 ul li {
	width: 29.68%;
	text-align: center;
	margin-left: 2.33%
}

.cppage3 ul li p a {
	padding: .2133333333rem 0;
	font-size: .4rem;
	color: #4C4E53;
	line-height: 1.6;
	display: block
}

.cppage4 {
	margin-bottom: .6rem
}

.cppage4 .list {
	margin-top: .36rem
}

.cppage4 .list dl {
	font-size: 0;
	overflow: hidden;
	padding-top: .44rem;
	padding-bottom: .44rem;
	border-top: 1px solid #dee3ec
}

.cppage4 .list dl:first-child {
	border: none
}

.cppage4 .list dd {
	width: 69%;
	display: inline-block;
	vertical-align: middle;
	padding-right: 4%
}

.cppage4 .list dd h4 {
	margin-top: -.16rem
}

.cppage4 .list dd h4 a {
	height: 1.3333333333rem;
	font-size: .4rem;
	color: #4c4e53;
	line-height: .6666666667rem;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.cppage4 .list dd .time {
	font-size: .32rem;
	color: #929fb6;
	display: block;
	margin-top: .24rem
}

.cppage4 .list dt {
	width: 31%;
	height: 2.866667rem;
	display: inline-block;
	vertical-align: middle;
	border-radius: .1333333333rem;
	overflow: hidden;
}

.slick-list,.slick-slider,.slick-track {
	display: block;
	position: relative
}

.slick-slider {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	left: 0;
	top: 0;
	zoom: 1
}

.slick-track:after,.slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.pic-slick {
	max-width: 800px;
	margin: .45rem 0;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.slider-big {
	margin-bottom: .16rem
}

.pic-slick img,.slider-small img {
	width: 100%;
	display: block
}

.slider-small {
	margin: 0 -.08rem
}

.slider-small .slick-slider {
	padding: 0 .08rem;
	position: relative;
	cursor: pointer;
	outline: 0
}

.slider-small .slick-slider:before {
	content: "";
	background: rgba(0,0,0,.5);
	position: absolute;
	left: .08rem;
	right: .08rem;
	top: 0;
	bottom: 0;
	z-index: 1;
	transition: all linear .3s
}

.slider-small .slick-current:before {
	opacity: 0
}

.pic-slick .slick-arrow {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	font-size: 0;
	position: absolute;
	top: 50%;
	margin-top: -.3rem;
	background-size: 80%!important;
	z-index: 5;
	cursor: pointer;
	transition: all linear .3s
}

.pic-slick .slick-prev {
	background: url(../images/home6-jt01.png) center no-repeat #fff;
	left: .2rem
}

.pic-slick .slick-next {
	background: url(../images/home6-jt02.png) center no-repeat #fff;
	right: .2rem
}

.message {
	width: 100%;
	background: #e8f1f9;
	border-radius: .58667rem;
	overflow: hidden;
	line-height: 1
}

.message dl {
	background: url(../images/liuyan-bg.jpg) center top no-repeat;
	background-size: 100%;
	padding: 0 .42667rem
}

.message dl dd {
	padding: .8rem 0
}

.message dl dd .p1 {
	font-size: .50667rem;
	color: #083b6f;
	font-weight: 700
}

.message dl dd .fw {
	width: 70%;
	overflow: hidden;
	margin-top: .37333rem
}

.message dl dd .fw li {
	background: url(../images/liuyan-tb.png) left center no-repeat;
	background-size: .34667rem;
	padding: .14667rem 0 .14667rem .48rem;
	font-size: .34667rem;
	color: #083b6f;
	float: left;
	margin-right: .48rem
}

.message dl dd .fw li span {
	color: #ef4e07;
	margin-right: .08rem
}

.message dl dd .quota {
	width: 4.58667rem;
	height: .22667rem;
	background: #d1e0e8;
	border-radius: .13333rem;
	margin-top: 1.4rem;
	position: relative
}

.message dl dd .quota .box {
	width: 0%;
	height: 100%;
	background-color: #ef4e07;
	background-image: linear-gradient(to right,#ffb526,#ef4e07);
	border-radius: .13333rem;
	display: block;
	position: relative;
	z-index: 1
}

.message dl dd .quota .box p {
	width: .64rem;
	height: .64rem;
	background: #fff;
	border: .02667rem solid #ef4e07;
	border-radius: 50%;
	font-size: .14667rem;
	color: #ef4e07;
	text-align: center;
	line-height: .58667rem;
	display: block;
	position: absolute;
	right: -.56rem;
	top: 50%;
	margin-top: -.32rem
}

.message dl dd .quota .box p .sp1 i {
	font-size: .30667rem;
	font-style: normal
}

.message dl dd .quota .box p .sp2 {
	background: #e8f3f9;
	font-size: .34667rem;
	color: #ef4e07;
	line-height: 1;
	white-space: nowrap;
	border: 1px solid #ef4e07;
	padding: .10667rem .18667rem;
	border-radius: .133333rem;
	position: absolute;
	left: 0;
	top: .69333rem;
	z-index: -1
}

.message dl dd .quota .box p .sp2:before {
	content: "";
	width: .30667rem;
	height: .16rem;
	background: url(../images/liuyan-zs.png) center no-repeat;
	background-size: 100%;
	position: absolute;
	left: .16rem;
	top: -.15rem
}

.message dl dd .quota .box p .sp2 i {
	font-style: normal;
	padding: 0 .04rem
}

.message dl dt {
	padding: 1.88rem 0 .77333rem;
}

.message dl dt .txt {
	font-size: .58667rem;
	color: #21252e;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1rem
}

.message dl dt form p {
	margin-top: .50667rem
}

.message dl dt .same-input input,.message dl dt .same-input textarea,.message dl dt .same-input select {
	width: 100%;
	height: 1.22667rem;
	background: 0 0;
	border-bottom: 1px solid #cddae4;
	padding: .32rem 0;
	font-size: .42667rem;
	line-height: rem;
}

.message dl dt .same-input input:-webkit-autofill {
	-webkit-text-fill-color: #333;
	-webkit-box-shadow: 0 0 0 1000px #E8F1F9 inset!important;
	box-shadow: 0 0 0 1000px #E8F1F9 inset!important
}

.message dl dt .same-input textarea {
	height: 2.53333rem
}

.message dl dt .icon-select {
	margin: .53333rem 0
}

.message dl dt .icon-select span {
	width: 47.3%;
	height: 1.17333rem;
	float: left;
	position: relative
}

.message dl dt .icon-select span:before {
	content: "";
	width: .24rem;
	background: url(../images/liuyan-tb02.png) center no-repeat;
	background-size: 100%;
	position: absolute;
	right: .36rem;
	top: 0;
	bottom: 0
}

.message dl dt .icon-select select {
	width: 100%;
	height: 100%;
	background: #d1dde8;
	border-radius: .13333rem;
	font-size: .42667rem;
	color: #34393d;
	padding: 0 .32rem
}

.message dl dt .icon-select .icon-wl {
	margin-right: 5.4%
}

.message dl dt .submit {
	margin-top: .8rem
}

.message dl dt .submit input {
	width: 6.08rem;
	height: 1.24rem;
	background: #ffaf15;
	border-bottom: 1px solid #fff;
	border-radius: .64rem;
	font-size: .48rem;
	color: #4c4e53;
	display: block;
	margin: 0 auto;
	box-shadow: 0 .05333rem 0 #df9913
}

.message dl dt .same-input input::-webkit-input-placeholder,.message dl dt .same-input textarea::-webkit-input-placeholder {
	color: #929fb6
}

.message dl dt .same-input input:-moz-placeholder,.message dl dt .same-input textarea:-moz-placeholder {
	color: #929fb6
}

.message dl dt .same-input input:-ms-input-placeholder,.message dl dt .same-input textarea:-ms-input-placeholder {
	color: #929fb6
}

.csccc {
	overflow: hidden
}

.csccc h5 {
	width: 47%;
	border: 1px solid #929fb6;
	border-radius: .1333333333rem;
	font-size: .3733333333rem;
	color: #929fb6;
	text-align: center;
	padding: .16rem 0;
	margin: .2666875rem .6%;
	display: inline-block
}

.csccc h5.on {
	background: #0382b8;
	border: 1px solid #0382b8;
	color: #fff
}

.mqanda {
	padding-top: .66rem;
	padding-bottom: 1.5rem;
	margin-bottom: -.5rem;
	background-color: #f4f4f4
}

.mqanda .qanda-name {
	margin-bottom: .52rem
}

.mqanda .qanda-name h3 {
	font-size: .5333333333rem;
	color: #191919;
	line-height: 1.7;
	font-weight: 700;
	background: url(../images/mtit-zs.png) left .1866666667rem no-repeat;
	background-size: .52rem;
	padding-left: .72rem;
	display: inline-block
}

.mqanda .qanda-name span {
	float: right;
	font-size: .4rem;
	color: #FFF;
	padding: 0 .26rem;
	margin-top: .04rem;
	line-height: .8rem;
	background: #d81803;
	background: -webkit-linear-gradient(left,#d81803 0,#fc7809 100%);
	background: -moz-linear-gradient(left,#d81803 0,#fc7809 100%);
	background: -ms-linear-gradient(left,#d81803 0,#fc7809 100%);
	background: -o-linear-gradient(left,#d81803 0,#fc7809 100%);
	background: linear-gradient(to right,#d81803 0,#fc7809 100%);
	-webkit-border-radius: .14rem;
	-moz-border-radius: .14rem;
	-ms-border-radius: .14rem;
	-o-border-radius: .14rem;
	border-radius: .14rem
}

.mqanda li {
	margin-top: .52rem;
	line-height: .6rem;
	padding: .52rem .26rem;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 .22rem rgba(165,208,243,.2);
	-moz-box-shadow: 0 0 .22rem rgba(165,208,243,.2);
	-ms-box-shadow: 0 0 .22rem rgba(165,208,243,.2);
	-o-box-shadow: 0 0 .22rem rgba(165,208,243,.2);
	box-shadow: 0 0 .22rem rgba(165,208,243,.2);
	-webkit-border-radius: .26rem;
	-moz-border-radius: .26rem;
	-ms-border-radius: .26rem;
	-o-border-radius: .26rem;
	border-radius: .26rem
}

.mqanda li i {
	display: inline-block;
	font-style: normal;
	width: .52rem;
	height: .52rem;
	text-align: center;
	line-height: .52rem;
	color: #FFF;
	font-size: .32rem;
	position: absolute;
	left: 0;
	top: .04rem;
	-webkit-border-radius: .05rem;
	-moz-border-radius: .05rem;
	-ms-border-radius: .05rem;
	-o-border-radius: .05rem;
	border-radius: .05rem
}

.mqanda li .mqanda-wen i {
	background: #eb2e12;
	background: -webkit-linear-gradient(left,#fd9166 0,#eb2e12 100%);
	background: -moz-linear-gradient(left,#fd9166 0,#eb2e12 100%);
	background: -ms-linear-gradient(left,#fd9166 0,#eb2e12 100%);
	background: -o-linear-gradient(left,#fd9166 0,#eb2e12 100%);
	background: linear-gradient(to right,#fd9166 0,#eb2e12 100%)
}

.mqanda li .mqanda-da i {
	background: #12c4c8;
	background: -webkit-linear-gradient(left,#5fdead 0,#12c4c8 100%);
	background: -moz-linear-gradient(left,#5fdead 0,#12c4c8 100%);
	background: -ms-linear-gradient(left,#5fdead 0,#12c4c8 100%);
	background: -o-linear-gradient(left,#5fdead 0,#12c4c8 100%);
	background: linear-gradient(to right,#5fdead 0,#12c4c8 100%)
}

.mqanda li .mqanda-wen {
	position: relative;
	padding-left: .8rem;
	color: #21252e;
	font-size: .44rem;
	font-weight: 700
}

.mqanda li .mqanda-da {
	position: relative;
	padding-left: .8rem;
	color: #999;
	font-size: .4rem;
	margin-top: .2rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}