.mainContent{float:right;width:351px;padding: 35px 30px 40px;background:#fff;}
 .mainContent .head{position:relative;padding: 20px 10px 20px;height: 55px;line-height: 30px;border-bottom:1px dashed #ccc;}
 .mainContent .head a{  float: right;font-size:12px;text-decoration: none;color: #e77d00;}
 .mainContent .content{width:80%;padding:35px 0px 10px 0;margin:0px auto;}
 .mainContent .content .textDiv{padding:10px 0px;}
 .mainContent .content .textDiv .inputText{position: relative; width: 235px;height: 14px;line-height: 14px; padding: 12px 9px;border: 1px solid #dedede;background: transparent;}
 .mainContent .content .textDiv .inputText.sort{width: 125px;}
 .mainContent .content .textDiv span{ vertical-align:middle;}
 .mainContent .content .textDiv span img{ vertical-align:middle;width:100px;height:40px;}
 .mainContent .content .textDiv span a{font-size: 12px;margin-left: 10px;padding-top: 14px;text-decoration: underline;color: #bbb;}
 .mainContent .content .textDiv .inputSubmit{width: 100%;margin-top:20px;height: 40px;line-height: 40px;color: #fff;font-size: 15px;background: #0687ff;border: 0;cursor: pointer;}
 .mainContent .content .textDiv .inputSubmit:hover{background:#1172CD;}

 .mainContent .content .error{display:none;}
 .mainContent .content .textDiv .errorImg{ vertical-align:middle;}
 .mainContent .content .textDiv .errorMsg{font-size:12px;color:#6B6B6B;vertical-align:middle;}

@media (min-width: 240px) and (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {
 .mainContent{float:none;width:280px;padding: 25px 10px 30px;margin:0px auto;}
 .mainContent .head{position:relative;padding: 20px 10px 20px;height: 30px;line-height: 30px;border-bottom:1px dashed #ccc;}
 .mainContent .head a{  float: right;font-size:12px;text-decoration: none;color: #e77d00;}
 .mainContent .content{width:90%;padding:35px 0px 10px 0;margin:0px auto;}
 .mainContent .content .textDiv{padding:10px 0px;}
 .mainContent .content .textDiv .inputText{position: relative; width: 235px;height: 14px;line-height: 14px; padding: 12px 9px;border: 1px solid #dedede;background: transparent;}
 .mainContent .content .textDiv .inputText.sort{width: 125px;}
 .mainContent .content .textDiv span{ vertical-align:middle;}
 .mainContent .content .textDiv span img{ vertical-align:middle;width:100px;height:40px;}
 .mainContent .content .textDiv span a{font-size: 12px;margin-left: 10px;padding-top: 14px;text-decoration: underline;color: #bbb;}
 .mainContent .content .textDiv .inputSubmit{width: 100%;margin: 0 auto;height: 40px;line-height: 40px;color: #fff;font-size: 15px;background: #0687ff;border: 0;cursor: pointer;}
 .mainContent .content .textDiv .inputSubmit:hover{background:#1172CD;}

 .mainContent .content .error{display:none;}
 .mainContent .content .textDiv .errorImg{ vertical-align:middle;}
 .mainContent .content .textDiv .errorMsg{font-size:12px;color:#6B6B6B;vertical-align:middle;}

}
@media (min-width: 480px) and (max-width: 639px) {
 .mainContent{float:none;width:315px;padding: 25px 20px 30px;margin:0px auto;}
 .mainContent .head{position:relative;padding: 20px 10px 20px;height: 30px;line-height: 30px;border-bottom:1px dashed #ccc;}
 .mainContent .head a{  float: right;font-size:12px;text-decoration: none;color: #e77d00;}
 .mainContent .content{width:80%;padding:35px 0px 10px 0;margin:0px auto;}
 .mainContent .content .textDiv{padding:10px 0px;}
 .mainContent .content .textDiv .inputText{position: relative; width: 235px;height: 14px;line-height: 14px; padding: 12px 9px;border: 1px solid #dedede;background: transparent;}
 .mainContent .content .textDiv .inputText.sort{width: 125px;}
 .mainContent .content .textDiv span{ vertical-align:middle;}
 .mainContent .content .textDiv span img{ vertical-align:middle;width:100px;height:40px;}
 .mainContent .content .textDiv span a{font-size: 12px;margin-left: 10px;padding-top: 14px;text-decoration: underline;color: #bbb;}
 .mainContent .content .textDiv .inputSubmit{width: 100%;margin: 0 auto;height: 40px;line-height: 40px;color: #fff;font-size: 15px;background: #0687ff;border: 0;cursor: pointer;}
 .mainContent .content .textDiv .inputSubmit:hover{background:#1172CD;}

 .mainContent .content .error{display:none;}
 .mainContent .content .textDiv .errorImg{ vertical-align:middle;}
 .mainContent .content .textDiv .errorMsg{font-size:12px;color:#6B6B6B;vertical-align:middle;}

}
@media (min-width: 640px) and (max-width:1023px ) {
 .mainContent{float:none;width:315px;padding: 25px 20px 30px;margin:0px auto;}
 .mainContent .head{position:relative;padding: 20px 10px 20px;height: 30px;line-height: 30px;border-bottom:1px dashed #ccc;}
 .mainContent .head a{  float: right;font-size:12px;text-decoration: none;color: #e77d00;}
 .mainContent .content{width:80%;padding:35px 0px 10px 0;margin:0px auto;}
 .mainContent .content .textDiv{padding:10px 0px;}
 .mainContent .content .textDiv .inputText{position: relative; width: 235px;height: 14px;line-height: 14px; padding: 12px 9px;border: 1px solid #dedede;background: transparent;}
 .mainContent .content .textDiv .inputText.sort{width: 125px;}
 .mainContent .content .textDiv span{ vertical-align:middle;}
 .mainContent .content .textDiv span img{ vertical-align:middle;width:100px;height:40px;}
 .mainContent .content .textDiv span a{font-size: 12px;margin-left: 10px;padding-top: 14px;text-decoration: underline;color: #bbb;}
 .mainContent .content .textDiv .inputSubmit{width: 100%;margin: 0 auto;height: 40px;line-height: 40px;color: #fff;font-size: 15px;background: #0687ff;border: 0;cursor: pointer;}
 .mainContent .content .textDiv .inputSubmit:hover{background:#1172CD;}

 .mainContent .content .error{display:none;}
 .mainContent .content .textDiv .errorImg{ vertical-align:middle;}
 .mainContent .content .textDiv .errorMsg{font-size:12px;color:#6B6B6B;vertical-align:middle;}

}
@media (min-width: 1024px) and (max-width:1199px ) {
}



.contentAn{
	animation:contentAn 1s  ease-in-out 0s  both;
	-moz-animation:contentAn 1s ease-in-out 0s  both;
	-webkit-animation:contentAn 1s ease-in-out 0s  both;
	-o-animation:contentAn 1s ease-in-out 0s  both;
}
@keyframes contentAn{
0%{ transform:translateX(300px); opacity:0;}
100%{ transform:translateX(0px); opacity:1;}
}
@-moz-keyframes contentAn{
0%{ -moz-transform:translateX(300px); opacity:0;}
100%{ -moz-transform:translateX(0px); opacity:1;}
}
@-webkit-keyframes contentAn {
0%{ -webkit-transform:translateX(300px); opacity:0;}
100%{ -webkit-transform:translateX(0px); opacity:1;}
}
@-o-keyframes contentAn{
0%{ -o-transform:translateX(300px); opacity:0;}
100%{ -o-transform:translateX(0px); opacity:1;}
}