@CHARSET "UTF-8";

*{
    font-family: 'Microsoft YaHei';
    transition:         opacity 0.5s,top 0.5s;
    -moz-transition:    opacity 0.5s,top 0.5s;
    -webkit-transition: opacity 0.5s,top 0.5s;
    -o-transition:      opacity 0.5s,top 0.5s;
}

html,body{
	width: 100%;
	height: 100%;
}

body{
	background: #fff;
}

#__container__{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}


a { cursor: pointer; }
a:hover {
	text-decoration: none;
}

::-webkit-scrollbar{
    display: none;
}

.btn-disable {
    background: #ccc;
    color: #eee;
}

.btn-disable:hover, .btn-disable:focus {
    background: #ccc;
    color: #eee;
    cursor: not-allowed;
}

.btn-spare {
    background: #eee;
    color: #999;
    border: 1px solid #ccc;
    cursor: pointer;
}

.btn-yjfc {
    background: #e04240;
    color: #ffffff;
    border: 0;
    cursor: pointer;
}


.topper{
	position: fixed;
	top:0;left: 0;right:0;
	background: #fff;
	color: #666;
	height: 4rem;
	z-index: 9999;
	border-bottom: 1px solid #eee;
}
.topper *{
	float: left;
}
.topper .l-arrow{
	width: 15%;
	padding-left: 2%;
	padding-right: 3%;
	text-align: center;
	line-height: 4rem;
	font-size: 1.8rem;
}
.topper .m-title{
	width: 70%;
	height: 100%;
	text-align: center;
	line-height: 4rem;
	font-size: 1.5rem;
}
.topper .r-home{
	width: 15%;
	padding-right: 4%;
	padding-left: 1%;
	text-align: right;
	line-height: 4rem;
	font-size: 2rem;
}

.footer{
	position: fixed;
	left:0;right:0;bottom: 0;
	width: 100%;
	text-align: center;
}


/** 滚动式展示盒子 **/
.m-box-roll {
    position: relative;
    width: 100%;
    height: auto;
}

.m-box-roll .pic-box {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.m-box-roll .pic-box img {
    display: inline-block;
    margin: 0;
    width: 100%;
    vertical-align: middle;
    z-index: -1;
}

.m-box-roll .pic-box img.on {
    opacity: 1;
    top: 0;
    z-index: 99;
}

.m-box-roll .tips {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: transparent;
    opacity: 0.9;
    z-index: 100;
    text-align: center;
}

.m-box-roll .tips * {
    height: 3rem;
    line-height: 3rem;
}

.m-box-roll .tips .tit {

    width: 0;
    max-width: 50%;
    padding: -100%;
    opacity: 0;
    float: left;
    font-size: 1.5rem;
    color: #666;
	background: #666;
    /*省略号*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m-box-roll .tips .tit.on {
    width: 100%;
    padding-left: 1rem;
    opacity: 1;
}

.m-box-roll .tips .btns {
    max-width: 50%;
}

.m-box-roll .tips .btns i {
    font-size: 1rem;
    color: #eee;
    padding-right: 0.5rem;
}

.m-box-roll .tips .btns i.on {
    font-size: 1.5rem;
    color: #fff;
}
.m-box-roll .leftUp{
	position: absolute;
	top:5%;left: 5%;
	width:45%;
	color: #fff;
	font-size: 1.5rem;
	text-align: left;
	z-index: 9999;
}
.m-box-roll .rightUp{
	position: absolute;
	top:5%;right: 5%;
	width:45%;
	color: #fff;
	font-size: 1.5rem;
	text-align: right;
	z-index: 9999;
}
.m-box-roll .head{
	position: absolute;
	top:40%;
	width:100%;
	color: #fff;
	font-size: 2.5rem;
	text-align: center;
	z-index: 9999;
}





.m-box-square-box{
	/* -nothing- */
}
/** 四方式展示盒子-样式1 **/
.m-box-square-1-contain{
	padding: 5px 3px 0 5px;
}
.m-box-square-1{
	border-radius: 3px;
	border: 1px solid #666;
	background: #333;
	text-align: center;
}
.m-box-square-1 .icon{
	border-bottom: 1px dotted #999;
	background: url(/Public/res/mobile/images/bg-btn-circle-green.png) 50%;
	background-size:75px 75px;
	background-repeat:no-repeat;

}
.m-box-square-1 .icon i{
	height: 9rem;
	line-height: 9rem;
	font-size: 4rem;
	color: #eee;
}
.m-box-square-1 .tit{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #eee;
}




.m-box-rectangle-box{
	border-radius: 3px;
	border: 1px solid #666;
	background: #333;
}
/** 长方式展示盒子-样式1 **/
.m-box-rectangle-1{
	float: left;
	width: 24.9%;
	text-align: center;
	border-right: 1px solid #666;
}
.m-box-rectangle-1 .icon{}
.m-box-rectangle-1 .icon i{
	height: 5rem;
	line-height: 6rem;
	font-size: 3.0rem;
	color: #eee;
}
.m-box-rectangle-1 .tit{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	color: #eee;
}
.m-box-rectangle-1.end{
	border-right: 0;
}

/** 长方式展示盒子-样式2 **/
.m-box-rectangle-2{
	position: relative;
	width: 100%;
	height: auto;
	box-shadow: 0 3px 3px #333;
}
.m-box-rectangle-2 .pic-box{
	width: 100%;
}
.m-box-rectangle-2 .pic-box img{
	width: 100%;
	position: absolute;
	top:0;  left: 0;
	vertical-align: middle;
}
.m-box-rectangle-2 .tips{
	position: absolute;bottom: 0;
	width: 100%;
	background: #272727;
	opacity: 0.8;
}
.m-box-rectangle-2 .tips *{
	height: 3rem;
	line-height: 3rem;
}
.m-box-rectangle-2 .tips .tit{
	max-width: 50%;
	float: left;
	font-size: 1.5rem;
	color: #fff;
	padding-left: 1rem;
	/*省略号*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/** 长方式展示盒子-样式3 **/
.m-box-rectangle-box-3{
	border-radius: 0;
	border: 0;
	background: #fff;
}
.m-box-rectangle-3{
	float: left;
	width: 24.9%;
	text-align: center;
	border-right: 1px solid #eee;
}
.m-box-rectangle-3 .icon{}
.m-box-rectangle-3 .icon i{
	height: 5rem;
	line-height: 6rem;
	font-size: 3.0rem;
	color: #00558E;
}
.m-box-rectangle-3 .tit{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	color: #666;
}
.m-box-rectangle-3.end{
	border-right: 0;
}

/** 长方式展示盒子-样式4 **/
.m-box-rectangle-box-4{
	border-radius: 0;
	border: 0;
	background: #eee;
}
.m-box-rectangle-4{
	float: left;
	width: 33.2%;
	text-align: center;
}
.m-box-rectangle-4 .icon{}
.m-box-rectangle-4 .icon i{
	height: 3rem;
	line-height: 3.5rem;
	font-size: 2rem;
	color: #666;
}
.m-box-rectangle-4 .tit{
	height: 2rem;
	line-height: 1.5rem;
	font-size: 1.1rem;
	color: #666;
}
.m-box-rectangle-4.end{
	border-right: 0;
}
.m-box-rectangle-4.on .icon{}
.m-box-rectangle-4.on .icon i{
	color: #00558E;
}
.m-box-rectangle-4.on .tit{
	font-size: 1.0rem;
	color: #00558E;
}
.m-box-rectangle-4.hover .icon{}
.m-box-rectangle-4.hover .icon i{
	color: #fff;
}
.m-box-rectangle-4.hover .tit{
	font-size: 1.0rem;
	color: #fff;
}


/** 长方式展示盒子-样式5 **/
.m-box-rectangle-5{
	position: relative;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}
.m-box-rectangle-5 .pic-box{
	position: relative;
	width: 100%;
	text-align: center;
}
.m-box-rectangle-5 .pic-box img{
	width: 98%;
	vertical-align: middle;
}
.m-box-rectangle-5 .pic-box .tips{
	position: absolute;bottom: 0;
	width: 100%;
	background: #272727;
	opacity: 0.8;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	/*省略号*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.m-box-rectangle-5 .pic-box .tips *{
	margin: 0 3%;
}
.m-box-rectangle-5 .info-box{
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
}
.m-box-rectangle-5 .info-box .info,.yan{
	float: left;
	width: 33.3%;
	height: 4rem;
	text-align: center;
	color: #333;
}
.m-box-rectangle-5 .info-box .info *{
	margin: 0;
	padding: 0;
	line-height: 2rem;
	border-right: 1px solid #eee;
}
.m-box-rectangle-5 .info-box .yan .link{
	display: block;
	border-radius: 3px;
	background: #E04240;
	margin: 1rem 12%;
	padding: auto 10px;
	height: 2rem;
	line-height: 2rem;
	color: #eee;
}

/** 长方式展示盒子-样式6 **/
.m-box-rectangle-box-6{
	border-radius: 0;
	border: 0;
	background: transparent;
}
.m-box-rectangle-6{
	float: left;
	width: 49.9%;
	text-align: center;
	border-right: 1px solid #eee;
}
.m-box-rectangle-6 .icon{}
.m-box-rectangle-6 .icon i{
	height: 5rem;
	line-height: 6rem;
	font-size: 3.0rem;
	color: #333;
}
.m-box-rectangle-6 .tit{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	color: #333;
}
.m-box-rectangle-6.end{
	border-right: 0;
}


/** 长方式展示盒子-样式7 **/
.m-box-rectangle-box-7{
	border-radius: 0;
	border: 0;
	background: #fff;
}
.m-box-rectangle-7{
	float: left;
	width: 49.9%;
	text-align: center;
}
.m-box-rectangle-7 .icon{}
.m-box-rectangle-7 .icon i{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.6rem;
	color: #333;
}
.m-box-rectangle-7 .tit{
	height: 2rem;
	line-height: 2rem;
	font-size: 1.4rem;
	color: #333;
}
.m-box-rectangle-7 .link{
	display: block;
	border-radius: 3px;
	background: #E04240;
	margin: 1rem 12%;
	padding: auto 10px;
	height: 3rem;
	line-height: 3rem;
	color: #eee;
}
.m-box-rectangle-7.end{
	border-right: 0;
}


/** 长方式资讯盒子-样式1 **/
.m-box-consult-1{
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	padding: 0.5rem;
	background: #FDFDFD;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.m-box-consult-1 .tit{
	width: 96%;
	line-height: 3rem;
	margin:0 2%;
	text-align: left;
	font-size: 1.6rem;
	border-bottom: 1px solid #eee;
}
.m-box-consult-1 .con{
	width: 96%;
	line-height: 1.8rem;
	margin:0.8rem 2%;
	text-align: left;
	font-size: 1.3rem;
}

/** 长方式资讯盒子-样式2 **/
.m-box-consult-2{
	width: 100%;
	padding: 0.5rem;
	background: #fff;
	border-radius: 3px;
}
.m-box-consult-2 .tit{
	width: 96%;
	line-height: 3rem;
	margin:0 2%;
	text-align: left;
	font-size: 1.6rem;
	border-bottom: 1px solid #eee;
}
.m-box-consult-2 .action{
	width: 96%;
	line-height: 4rem;
	margin:0 2%;
	text-align: left;
	font-size: 1.6rem;
	border-bottom: 1px solid #eee;
}
.m-box-consult-2 .action .r-arrow{
	float: right;
	line-height: 4rem;
	padding-right: 1rem;
}
.m-box-consult-2 .action.end{
    border-bottom: 0 solid #eee;
}
.m-box-consult-2 .con{
	width: 96%;
	line-height: 1.8rem;
	margin:0.8rem 2%;
	text-align: left;
	font-size: 1.3rem;
	color: #999;
}

/** 长方式资讯盒子-样式3 **/
.m-box-consult-3{
	width: 100%;
	padding: 0.5rem;
	background: #FDFDFD;
	border-radius: 3px;
}
.m-box-consult-3 .tit{
	width: 100%;
	line-height: 3rem;
	margin:0;
	text-align: left;
	font-size: 1.6rem;
	border-bottom: 1px solid #eee;
}
.m-box-consult-3 .item-box{
	position: relative;
	width: 100%;
	height: auto;
	margin:0 2%;
	text-align: left;
	font-size: 1.6rem;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.m-box-consult-3 .item-box.end{
	border-bottom: 0;
}
.m-box-consult-3 .item-box *{
	float: left;
	padding: 2%;
}
.m-box-consult-3 .item-box .pic{
	width: 30%;
	padding: 10px;
	vertical-align: middle;
}
.m-box-consult-3 .item-box div.desc{
	color: #272727;
	font-size: 1.4rem;
	width: 65%;
}
.m-box-consult-3 .item-box div.desc-short{
	width: 50%;
	color: #272727;
	font-size: 1.3rem;
}
.m-box-consult-3 .item-box div.action{
	position: absolute;
	right:0;
	width: 20%;
	font-size: 1.3rem;
}
.m-box-consult-3 .item-box div.action button{
	float: right;
	margin-right: 10px;
	padding: 10px;
	border-radius: 3px;
	border: 0;
	color: #fff;
	background: #42AB42;
	cursor: pointer;
}
.m-box-consult-3 .item-box div.date{
	position: absolute;
	right:1%; bottom: 0;
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #999;
	white-space: nowrap;
}
.m-box-consult-3 .item-box div.date>p{
	margin: 0;
}
.m-box-consult-3 .more{
	margin-top: 1rem;
	padding: 2%;
	font-size: 1.4rem;
	line-height: 1.4rem;
	text-align: center;
	border-top: 1px dashed #eee;
}

/** 长方式资讯盒子-样式4 **/
.m-box-consult-4{
	width: 100%;
	padding: 0.5rem;
	background: #FDFDFD;
}
.m-box-consult-4 .icon{
	float: left;
	width: 20%;
	line-height: 3rem;
	text-align: center;
	font-size: 1.6rem;
	color: #00558E;
	border-right: 1px solid #eee;
}
.m-box-consult-4 .title{
	float: left;
	width: 80%;
	line-height: 3rem;
	padding-left: 1rem;
	text-align: left;
	color: #666;
	font-size: 1.3rem;
}


/** 长方式资讯盒子-样式5 **/
.m-box-consult-5{
	width: 100%;
	padding: 0.5rem;
	background: #FDFDFD;
}
.m-box-consult-5 .tit{
	width: 96%;
	line-height: 3rem;
	margin:0 2%;
	text-align: left;
	font-size: 1.6rem;
	border-bottom: 1px solid #eee;
	color: #00558E;
	/*省略号*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.m-box-consult-5 .tit i{
	margin-right: 5px;
}
.m-box-consult-5 .con{
	width: 96%;
	line-height: 1.8rem;
	margin:0.4rem 2%;
	text-align: left;
	font-size: 1.3rem;
}
.m-box-consult-5 .con.p{
    text-indent: 2em;
}


/** 长方式资讯盒子-样式4 **/
.m-box-consult-6{
	width: 100%;
	padding: 0.5rem;
}
.m-box-consult-6 .icon{
	width: 100%;
	padding: 10%;
	line-height: 8rem;
	text-align: center;
	font-size: 100px;
	color: #666;
}
.m-box-consult-6 .title{
	width: 100%;
	line-height: 4rem;
	text-align: center;
	color: #666;
	font-size: 1.5rem;
}




/** 图片盒子-样式1 **/
.m-box-pic-1 {
    width: 100%;
    height: auto;
    margin-top: 1rem;
    overflow: hidden;
}

.m-box-pic-1 img {
    width: 100%;
    vertical-align: middle;
}




/** 长方式表单盒子-样式1 **/
.m-box-form-1{
	width: 100%;
	padding: 0.5rem;
	background: #FDFDFD;
	font-size: 1.4rem;
}
.m-box-form-1.on{
	display: block;
}
.m-box-form-1 .tit{
	width: 100%;
	line-height: 3rem;
	text-align: left;
	border-bottom: 1px solid #eee;
}
.m-box-form-1 table{
	width: 100%;
	font-size: 1.6rem;
}
.m-box-form-1 table tr{
	width: 100%;
	line-height: 2.5rem;
}
.m-box-form-1 table tr td.tl{
	width: 20%;
	text-align: right;
	padding: 5px 2%;
}
.m-box-form-1 table tr td.tr{
	width: 79%;
	text-align: left;
}
.m-box-form-1 table tr td input{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin: 5px 0 4px;
	padding: 5px 10px;
	font-size: 1.4rem;
}
.m-box-form-1 table tr td textarea{
	width: 100%;
	max-width: 100%;
	line-height: 2rem;
	min-height: 10rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	margin: 5px 0 4px;
	padding: 5px 10px;
	font-size: 1.4rem;
}
.m-box-form-1 table tr td input.btn,div.btn,a.btn{
	width: 100%;
	font-size: 1.6rem;
	height: 3.5rem;
	line-height: 2.5rem;
	color: #eee;
	background-image: linear-gradient(bottom, orange 0%, #e04240 100%);
	background-image: -o-linear-gradient(bottom, orange 0%, #e04240 100%);
	background-image: -moz-linear-gradient(bottom, orange 0%, #e04240 100%);
	background-image: -webkit-linear-gradient(bottom, orange 0%, #e04240 100%);
	background-image: -ms-linear-gradient(bottom, orange 0%, #e04240 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, orange), color-stop(1, #e04240) );
}

/** 长方式表单盒子-样式2 **/
.m-box-form-2 {
    display: none;
    width: 100%;
    padding: 1rem;
    background: transparent;
    font-size: 1.4rem;
}

.m-box-form-2.on {
    display: block;
}

.m-box-form-2 .tit {
    width: 100%;
    line-height: 3rem;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.m-box-form-2 table {
    width: 100%;
    font-size: 1.6rem;
}

.m-box-form-2 table tr {
    width: 100%;
    line-height: 2.5rem;
}

.m-box-form-2 table tr td.tl {
    width: 20%;
    padding: 5px 2%;
    text-align: right;
    color: #fff;
}

.m-box-form-2 table tr td.tr {
    width: 79%;
    text-align: left;
}

.m-box-form-2 table tr td input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    margin: 5px 0 4px;
    padding: 5px 10px;
    font-size: 1.4rem;
}

.m-box-form-2 table tr td textarea {
    width: 100%;
    max-width: 100%;
    line-height: 2rem;
    min-height: 10rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    margin: 5px 0 4px;
    padding: 5px 10px;
    font-size: 1.4rem;
}

.m-box-form-2 table tr td input.btn, div.btn, a.btn, input.btn {
    width: 90%;
    margin-left: 5%;
    font-size: 1.6rem;
    height: 3.5rem;
    line-height: 2.5rem;
}

.m-box-form-2 .authBtn {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #FFFFFF;
    color: #D83C90;
    border: 1px solid #E8E8E8;
    margin: 5px 0 4px;
    padding: 0 10px;
    font-size: 1.4rem;
    text-align: center;
}

.m-box-form-2 .otherWay {
    width: 90%;
    margin-left: 5%;
}

.m-box-form-2 .otherWay a {
    color: #fff
}

/** 长方式表单盒子-样式3 **/
.m-box-form-3 {
    display: none;
    width: 100%;
    padding: 1rem;
    background: transparent;
    font-size: 1.4rem;
}

.m-box-form-3.on {
    display: block;
}

.m-box-form-3 .tit {
    width: 100%;
    line-height: 3rem;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.m-box-form-3 table {
    width: 100%;
    font-size: 1.6rem;
}

.m-box-form-3 table tr {
    width: 100%;
    line-height: 2.5rem;
}

.m-box-form-3 table tr td.tl {
    width: 20%;
    padding: 5px 2%;
    text-align: right;
    color: #e04240;
}

.m-box-form-3 table tr td.tr {
    width: 79%;
    text-align: left;
}

.m-box-form-3 table tr td>input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    margin: 5px 0 4px;
    padding: 5px 10px;
    font-size: 1.4rem;
}

.m-box-form-3 table tr td select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.m-box-form-3 table tr td textarea {
    width: 100%;
    max-width: 100%;
    line-height: 2rem;
    min-height: 10rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    margin: 5px 0 4px;
    padding: 5px 10px;
    font-size: 1.4rem;
}

.m-box-form-3 table tr td input.btn, div.btn, a.btn, input.btn {
    width: 90%;
    margin-left: 5%;
    font-size: 1.6rem;
    height: 3.5rem;
    line-height: 2.5rem;
}

.m-box-form-3 .authBtn {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #FFFFFF;
    color: #e04240;
    border: 1px solid #E8E8E8;
    margin: 5px 0 4px;
    padding: 0 10px;
    font-size: 1.4rem;
    text-align: center;
}
.m-box-form-3 .avatarBtn {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #FFFFFF;
    color: #e04240;
    border: 1px solid #E8E8E8;
    margin: 5px 0 4px 0;
    padding: 0 1px;
    font-size: 1.4rem;
    text-align: center;
}

.m-box-form-3 .otherWay {
    width: 90%;
    margin-left: 5%;
}

.m-box-form-3 .otherWay a {
    color: #e04240
}


.m-box-slider{
	position: relative;
	width: 100%;
	height: 50px;
	background: #fff;
	color: #666;
}
.m-box-slider span{
	float: left;
	width: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 1.8rem;
	border-right: 1px solid #ccc;
	cursor: pointer;
}
.m-box-slider span.end{border-right: 0;}
.m-box-slider span.on{
	color: #E04240;
}
.m-box-slider .slider{
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 42.333333%;
	height: 5px;
	margin-left: 4%;
	margin-right: 4%;
	background: #E04240;
}

.m-text-1{
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.6rem;
	color: #999;
	padding-left: 1rem;
}
.m-text-2{
	width: 100%;
	height: 3.5rem;
	line-height: 3.5rem;
	margin-top: 2rem;
	font-size: 1.6rem;
	background: #00558E;
	color: #eeeeee;
	text-align: center;
}

.m-btn-1{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	padding: 1%;
	line-height: 3rem;
	font-size: 1.6rem;
	text-align: center;
	background: #e04240;
	color: #eee;
	border-radius: 3px;
	cursor: pointer;
}
.m-btn-2{
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	padding: 5px;
	line-height: 3rem;
	font-size: 1.6rem;
	text-align: center;
	background: #fff;
	color: #42ab42;
	border-radius: 3px;
	cursor: pointer;
}
.m-btn-3{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	padding: 1%;
	line-height: 3rem;
	font-size: 1.6rem;
	text-align: center;
	background: #e04240;
	color: #eee;
	border-radius: 3px;
	cursor: pointer;
}


.m-date-selector{
	position: relative;
	width: 100%;
	background: #42AB42;
	color: #eee;
	font-size: 1.6rem;
	text-align: center;
}
.m-date-selector *{
	line-height: 3rem;
}


.m-box-menu{
	width: 100%;
	background: #00558E;
	white-space: nowrap;
	max-height: 4rem;
	overflow-x: scroll;
	overflow-y: hidden;
}
.m-box-menu span{
	display: inline-block;
	margin: 0.5rem 0;
	padding: 0 1.5rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	color: #fff;
	border-right: 1px solid #004C80;
}
.m-box-menu span.end{
	border-right: 0;
}


/*A4纸*/
.a4-paper{
	position: relative;
	max-width: 100%;
	width: 21cm;
	min-height: 29.7cm;
	padding: 5%;
	background: #fff;
	color: #333;
	border: 1px solid #eee;
}
.a4-paper h1,h2,h3{
	text-align: center;
}
.a4-paper .page .desc{
	width: 100%;
	margin-top: 1cm;
	text-align: left;
	font-weight: bold;
}

.a4-paper .page .con{
	margin-top: 1cm;
}

.a4-paper .page .date{
	width: 100%;
	margin-top: 1.27cm;
	text-align: right;
}