select, input, textarea { outline: none; }
.msg .pc {margin: .48rem 0; }
.pc{display:block;}
.msg .msgtit{font-size:0.34rem;text-align:center;line-height:1rem;}
.validateText { display: none; font-size: .16rem !important; text-align: right!important;white-space: nowrap;padding:0!important;}
input[type=radio], input[type=checkbox] { appearance: none; background-color: transparent; -webkit-appearance: none; color: #2c2c2c; font-size: .16rem; }
input[type=radio]:after { content: ""; display: block; width: .20rem; height: .20rem; text-align: center; line-height: .20rem; border-radius: 50%; font-size: .20rem; color: #2c2c2c; background-color: #fff; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 0; }
input[type=radio]:checked:after { content: "\2022"; color: #fff; background-color: #2c2c2c; }
input[type=checkbox]:after { content: ""; display: block; width: .20rem; height: .20rem; text-align: center; line-height: .20rem; font-size: .16rem; background-color: #fff; border: 1px solid #e5e5e5; color: #2c2c2c; position: absolute; left: 0; top: 0; }
input[type=checkbox]:checked:after { content: "\2714"; color: #fff; background-color: #2c2c2c; }
.msg .pc .titbox { width: 100%; height: 0.4rem; line-height: 0.4rem; border-bottom: 0.01rem solid #000; }
.msg .pc .titbox .tit { font-weight: bold; font-size: 0.22rem; float: left; color: #222; line-height: 0.35rem; border-bottom: 0.02rem solid #000; margin-bottom: 0.1rem; }
.msg .pc .titbox .seat { font-size: 0.16rem; float: right; color: #222; }
.msg .msgBox { width: 100%; margin: 0 auto; margin-top: .12rem; height: .36rem; display: block !important; padding: 0; overflow:hidden;}
.msgCon {display: block !important;padding:0 3% 0 3%;}
#msgBtn { width: 2.86rem; height: .38rem; margin: 0 auto; margin-top: .35rem; text-align: center; font-size: .18rem; color: #fff; background-color: #d02525; display: block !important; }
.msg .msgArea { width: 100%; margin: 0 auto; margin-top: .20rem; height: 1rem; display: block !important; padding: 0;}
.msg .msgCheckBox { width: 100%; margin: 0 auto; margin-top: .20rem; overflow: hidden; display: block !important; }
.msg .msgCheckBox .msgCheckBoxCon { width: 75%; float: right; display: block !important; }
.msg .msgCheckBox .msgCheckBoxCon .con:nth-child(1) { margin-left: 0; }
.msg .msgCheckBox .msgCheckBoxCon .con { height: .36rem; float: left; overflow: hidden; margin-left: .10rem; position: relative; display: block !important; padding: 0;}
.oline { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; }
.msg .msgCheckBox .msgCheckBoxCon .text { font-size: .16rem; color: #333; float: left; height: .36rem; width: auto; line-height: .36rem; text-align: center; }
.msg .msgCheckBox .msgCheckBoxCon .msgCheckItems { float: left; width: .20rem; height: .20rem; margin-top: .08rem; margin-left: .10rem; position: relative; border: 0; }
.msg .msgArea .textarea { width: 75%; height: 1rem; float: right; background-color: #fff; font-size: .16rem; color: #333; padding-left: .20rem; border-radius: .03rem; border: 1px solid #e5e5e5; font-family: "MicroSoft YaHei Regular", "微软雅黑 Regular"; display: block !important; }
.msg .msgBox .text, .msg .msgArea .text, .msg .msgCheckBox .text { font-size: .16rem; color: #333; float: left; width: 25%; height: .36rem; line-height: .36rem; text-align: right; }
.msg .msgBox .msgInput { font-size: .16rem; color: #333; float: right; width: 75%; height: .36rem; line-height: .36rem; border-radius: .03rem; padding-left: .20rem; background-color: #fff; border: 1px solid #e5e5e5; font-family: "MicroSoft YaHei Regular", "微软雅黑 Regular"; }
@media screen and (min-width:1200px) {
	html { font-size: 100px; }
	.pc { display: block; }
	.ipad { display: none; }
	.mobile { display: none; }
}
/*顶部导航 大于1200导航显示*/
@media screen and (max-width:1199px) and (min-width:750px) {
	.pc { display: none; }
	.ipad { display: block; }
	.mobile { display: none; }
	input[type=radio]:after { content: ""; display: block; width: .44rem; height: .44rem; text-align: center; line-height: .44rem; border-radius: 50%; font-size: .34rem; color: #2c2c2c; background-color: #fff; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 0; }
	input[type=checkbox]:after { content: ""; display: block; width: .44rem; height: .44rem; text-align: center; line-height: .44rem; font-size: .34rem; background-color: #fff; border: 1px solid #e5e5e5; color: #2c2c2c; position: absolute; left: 0; top: 0; }
	.msg .ipad mip-form { width: 9.6rem; margin: 0 auto; margin-top: .20rem; }
	.msg .msgBox { width: 100%; margin: 0 auto; margin-top: .24rem; height: 1.05rem; }
	.msgCon { width: 100%; margin: 0 auto; overflow: hidden; margin-top: .24rem; }
	#msgBtn { width: 100%; height: 1.1rem; margin: 0 auto; margin-top: .50rem; margin-bottom:1.5rem; text-align: center; font-size: .34rem; color: #fff; background-color: #ca233e;}
	.msg .msgArea { width: 100%; margin: 0 auto; margin-top: .38rem; height: 3.88rem; }
	.msg .msgCheckBox { width: 100%; margin: 0 auto; margin-top: .15rem; overflow: hidden; }
	.msg .msgCheckBox .msgCheckBoxCon { width: 75%; float: right; }
	.msg .msgCheckBox .msgCheckBoxCon .con:nth-child(1) { margin-left: 0; }
	.msg .msgCheckBox .msgCheckBoxCon .con { height: 1rem; float: left; overflow: hidden; margin-left: .06rem; position: relative; }
	.msg .msgCheckBox .msgCheckBoxCon .text { font-size: .34rem; color: #666; float: left; height: 1rem; width: auto; line-height: 1rem; text-align: center; }
	.msg .msgCheckBox .msgCheckBoxCon .msgCheckItems { float: left; width: .44rem; height: .44rem; margin-top: .28rem; margin-left: .06rem; position: relative; }
	.msg .msgArea .textarea { width: 75%; height: 3.88rem; float: right; background-color: #fafafa; font-size: .34rem; }
	.msg .msgBox .text, .msg .msgArea .text, .msg .msgCheckBox .text { font-size: .34rem; color: #666; float: left; width: 25%; height: 1rem; line-height: 1rem; text-align: right; }
	.msg .msgBox .msgInput { font-size: .34rem; color: #666; padding: 0 .06rem; float: right; width: 75%; height: 1rem; line-height: 1rem; border-radius: .05rem; padding-left: .15rem; background-color: #fafafa; border: 1px solid #e8e8e8; }
}
@media screen and (max-width:1199px) and (min-width:1024px) {
	html { font-size: 100px !important; }
}
@media screen and (max-width:1023px) and (min-width:960px) {
    html { font-size: 80px !important; }
}
@media screen and (max-width:959px) and (min-width:800px) {
    html { font-size: 66px !important; }
}
@media screen and (max-width:799px) and (min-width:750px) {
    html { font-size: 62px !important; }
}
@media screen and (max-width:749px) and (min-width:320px) {
	.pc { display: none; }
	.ipad { display: none; }
	.mobile { display: block; }
	.msg .mobile mip-form { width: 5.8rem; margin: 0 auto; margin-top: .20rem; }
	.msg .msgBox { width: 100%; margin: 0 auto; margin-top: .20rem; height: .64rem; }
	.msgCon { width: 5.8rem; margin: 0 auto; overflow: hidden; margin-top: .24rem; }
	#msgBtn { width: 100%; height: .65rem; margin: 0 auto; margin-top: .50rem; text-align: center; font-size: .20rem; color: #fff; background-color: #ca233e; margin-bottom:1.5rem;}
	.msg .msgArea { width: 100%; margin: 0 auto; margin-top: .246rem; height: 1.02rem; display: block !important; }
	.msg .msgCheckBox { width: 100%; margin: 0 auto; margin-top: .15rem; overflow: hidden; }
	.msg .msgCheckBox .msgCheckBoxCon { width: 75%; float: right; }
	.msg .msgCheckBox .msgCheckBoxCon .con:nth-child(1) { margin-left: 0; }
	.msg .msgCheckBox .msgCheckBoxCon .con { height: .62rem; float: left; overflow: hidden; margin-left: .06rem; position: relative; }
	.msg .msgCheckBox .msgCheckBoxCon .text { font-size: .16rem; color: #666; float: left; height: .62rem; width: auto; line-height: .62rem; text-align: center; }
	.msg .msgCheckBox .msgCheckBoxCon .msgCheckItems { float: left; width: .16rem; height: .16rem; margin-top: .20rem; margin-left: .06rem; position: relative; }
	.msg .msgArea .textarea { width: 75%; height: 1.02rem; float: right; background-color: #fafafa; }
	.msg .msgBox .text, .msg .msgArea .text, .msg .msgCheckBox .text { font-size: .16rem; color: #666; float: left; width: 25%; height: .62rem; line-height: .62rem; text-align: right; }
	.msg .msgBox .msgInput { font-size: .16rem; color: #666; padding: 0 .06rem; float: right; width: 75%; height: .63rem; line-height: .63rem; border-radius: .05rem; padding-left: .15rem; background-color: #fafafa; border: 1px solid #e8e8e8; }
}
@media screen and (max-width:749px) and (min-width:640px) {
	html { font-size: 100px !important; }
}
@media screen and (max-width:639px) and (min-width:515px) {
	html { font-size: 85px !important; }
}
@media screen and (max-width:516px) and (min-width:414px) {
	html { font-size: 68px !important; }
}
@media screen and (max-width:413px) and (min-width:320px) {
	html { font-size: 53px !important; }
}
@media screen and (max-width:319px) {
	html { font-size: 42px !important; }
}