select, input, textarea { outline: none; }
mip-form div { display: block; padding: 0; }
/*.msg .pc { background: #fff; margin-top: 5.80rem; }*/
.msg .pc { background: #fff; margin-top: .20rem; }
.pc { display: block; }
.validateText{
	display: none;
    color: #ec1f5c !important;
    font-size: .16rem !important;
    text-align: right !important;
    padding: 0 10% 0 3% !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: #dedede; 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: #dedede; color: #2c2c2c; position: absolute; left: 0; top: 0; }
input[type=checkbox]:checked:after { content: "\2714"; color: #fff; background-color: #2c2c2c; }
.msg .msgtit { font-size: 0.3rem; text-align:center; color: #000; line-height: 1rem; font-weight: bold; width:100%;}
.msg .msgBox { width: 100%; margin: 0 auto; margin-top: .20rem; height: .60rem; }
.msgCon { width: 7rem; margin: 0 auto; overflow: hidden; margin-bottom: .20rem; }
#msgBtn { width: 2.90rem !important; height: .50rem !important; margin: 0 auto !important; margin-top: .20rem !important; text-align: center !important; font-size: .20rem !important; color: #fff !important; background-color: #2c2c2c !important; }
.msg .msgArea { width: 100%; margin: 0 auto; margin-top: .20rem; height: 2rem; }
.msg .msgCheckBox { width: 100%; margin: 0 auto; margin-top: .20rem; overflow: hidden; }
.msg .msgCheckBox .msgCheckBoxCon { width: 75%; max-height: 2rem; float: right; overflow-x: hidden; overflow-y: auto; }
.msg .msgCheckBox .msgCheckBoxCon .con:nth-child(1) { margin-left: 0; }
.msg .msgCheckBox .msgCheckBoxCon .con { height: .60rem; float: left; overflow: hidden; margin-left: .10rem; position: relative; }
.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: .20rem; color: #302f2f; float: left; height: .60rem; width: auto; line-height: .60rem; text-align: center; }
.msg .msgCheckBox .msgCheckBoxCon .msgCheckItems { float: left; width: .20rem; height: .20rem; margin-top: .20rem; margin-left: .10rem; position: relative; }
.msg .msgArea .textarea { width: 75%; height: 2rem; float: right; background-color:#eee;font-size: .20rem; color: #302f2f;padding-left: .20rem;}
.msg .msgBox .text, .msg .msgArea .text, .msg .msgCheckBox .text { font-size: .20rem; color: #302f2f; float: left; width: 25%; height: .60rem; line-height: .60rem; text-align: center; }
.msg .msgBox .msgInput { font-size: .20rem; color: #787878; float: right; width: 75%; height: .60rem; line-height: .60rem; border-radius: .08rem; padding-left: .20rem; background-color: #eee !important; }
@media screen and (min-width:1200px) {
	html { font-size: 100px !important; }
	.pc { display: block }
	.ipad { display: none; }
	.mobile { display: none }
}
@media screen and (max-width:1200px) and (min-width:750px) {
	.pc { display: none }
	.ipad { display: block; }
	.mobile { display: none }

	.msg .ipad mip-form { width: 9rem; margin:0 auto;margin-top:.20rem;}
	.msg .msgBox { width: 100%; margin: 0 auto; margin-top: .20rem; height: .60rem; }
	.msgCon { width: 9rem; margin: 0 auto; overflow: hidden; margin-bottom: .20rem; }
	#msgBtn { width: 1.90rem !important; height: .40rem !important; margin: 0 auto !important; margin-top: .20rem !important; text-align: center !important; font-size: .18rem !important; color: #fff !important; background-color: #2c2c2c !important; }
	.msg .msgArea { width: 100%; margin: 0 auto; margin-top: .20rem; height: 1.8rem; }
	.msg .msgCheckBox { width: 100%; margin: 0 auto; margin-top: .20rem; overflow: hidden; }
	.msg .msgCheckBox .msgCheckBoxCon { width: 75%; max-height: 1.8rem; float: right; overflow-x: hidden; overflow-y: auto; }
	.msg .msgCheckBox .msgCheckBoxCon .con:nth-child(1) { margin-left: 0; }
	.msg .msgCheckBox .msgCheckBoxCon .con { height: .50rem; float: left; overflow: hidden; margin-left: .08rem; position: relative; }
	.msg .msgCheckBox .msgCheckBoxCon .text { font-size: .18rem; color: #302f2f; float: left; height: .50rem; width: auto; line-height: .50rem; text-align: center; }
	.msg .msgCheckBox .msgCheckBoxCon .msgCheckItems { float: left; width: .18rem; height: .18rem; margin-top: .16rem; margin-left: .08rem; position: relative; }
	.msg .msgArea .textarea { width: 75%; height: 1.8rem; float: right; }
	.msg .msgBox .text, .msg .msgArea .text, .msg .msgCheckBox .text { font-size: .18rem; color: #302f2f; float: left; width: 25%; height: .50rem; line-height: .50rem; text-align: center; }
	.msg .msgBox .msgInput { font-size: .18rem; color: #787878; float: right; width: 75%; height: .50rem; line-height: .50rem; border-radius: .08rem; padding-left: .18rem; background-color: #eee !important; }
}
@media screen and (max-width:1200px) and (min-width:1024px) {
	html { font-size: 100px !important; }
}
@media screen and (max-width:1023px) and (min-width:960px) {
	html { font-size: 90px !important; }
}
@media screen and (max-width:959px) and (min-width:800px) {
	html { font-size: 85px !important; }
}
@media screen and (max-width:799px) and (min-width:750px) {
	html { font-size: 75px !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: .60rem; }
	.msgCon { width: 5.8rem; margin: 0 auto; overflow: hidden; margin-bottom: .20rem; }
	#msgBtn { width: 1.60rem !important; height: .40rem !important; margin: 0 auto !important; margin-top: .20rem !important; text-align: center !important; font-size: .16rem !important; color: #fff !important; background-color: #2c2c2c !important; }
	.msg .msgArea { width: 100%; margin: 0 auto; margin-top: .16rem; height: 1.5rem; }
	.msg .msgCheckBox { width: 100%; margin: 0 auto; margin-top: .15rem; overflow: hidden; }
	.msg .msgCheckBox .msgCheckBoxCon { width: 75%; max-height: 1.5rem; float: right; overflow-x: hidden; overflow-y: auto; }
	.msg .msgCheckBox .msgCheckBoxCon .con:nth-child(1) { margin-left: 0; }
	.msg .msgCheckBox .msgCheckBoxCon .con { height: .40rem; float: left; overflow: hidden; margin-left: .06rem; position: relative; }
	.msg .msgCheckBox .msgCheckBoxCon .text { font-size: .16rem; color: #302f2f; float: left; height: .40rem; width: auto; line-height: .40rem; text-align: center; }
	.msg .msgCheckBox .msgCheckBoxCon .msgCheckItems { float: left; width: .16rem; height: .16rem; margin-top: .12rem; margin-left: .06rem; position: relative; }
	.msg .msgArea .textarea { width: 75%; height: 1.5rem; float: right; }
	.msg .msgBox .text, .msg .msgArea .text, .msg .msgCheckBox .text { font-size: .16rem; color: #302f2f; float: left; width: 25%; height: .40rem; line-height: .40rem; text-align: center; }
	.msg .msgBox .msgInput { font-size: .16rem; color: #787878; float: right; width: 75%; height: .40rem; line-height: .40rem; border-radius: .08rem; padding-left: .15rem; background-color: #eee !important; }
}
@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; }
}