@charset "utf-8";
/* CSS Document */

body,div,p,h1,h3,h6,a,ul,li,img,pre,object,dl,dt,dd{margin:0;padding:0;border:0;}
html,body {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/ font-family:Microsoft YaHei;}


ol, ul ,li{list-style: none;} 
img {border: 0; vertical-align:middle;} 
body{color:#000000;background:#f6f6f6; } 
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;} 
a{color:#000000;text-decoration:none; }  
a:hover{color:#BA2636;}
.fr{ float:right}
.fl{ float:left;} 
input::-webkit-input-placeholder{color:#ccc;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#ccc;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#ccc;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#ccc;}

.topBox h1{ float:left;}
.top{ background:#fff; height:80px; line-height:80px;}
.topBox{ width:1200px; margin:0 auto;}
.nav{ float:left; margin:0 50px;}
.nav li{ float:left; margin:0 10px;}
.nav a{ color:#666666; font-size:16px; padding:0 8px; line-height:78px; display:inline-block; position:relative;}
.nav .navCur i{ background:#29b593; display:block; position:absolute; bottom:-6px; left:0; width:100%; height:3px;}
.nav a:hover,.nav .navCur{ color:#29b593;}
.top .toHome{ width:107px; height:28px; font-size:14px; color:#fff; background:#f29068; border-radius:10px; display:inline-block; line-height:28px; text-align:center;}
.telIcon{ font-size:18px; color:#666;}
.telIcon a{ color:#666; font-family:Impact!important;}
.telIcon img{ margin:0 10px 0 26px;}
.telListbox,.sharList{ display:none;}


/**********报名表单********/
.form{ width:1200px; margin:50px auto 0 auto; background:#fff; box-sizing:border-box;}
.formList{ padding:30px 0 30px 30px; float:left;}
.formInput{ float:left; margin-right:15px; position:relative}
.formInput em{ font-style:normal; color:#ff0000; position:absolute; bottom:-26px; left:0; font-size:14px;}
.formInput P{ font-size:16px; color:#666; padding-bottom:10px;}
.formInput P i{ font-style:normal; color:#ff0000;}
.formInput input{ width:180px; height:40px; border:1px solid #fff; border-radius:.4em; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.08);  outline:none; padding-left:10px; box-sizing:border-box; color:#666;}
.formInput input:focus{ border:1px solid #e19678;}
.submitBtn{ background:#f29068; color:#fff; border:0; outline:0; margin:10px 0 10px 10px; width:168px; height:112px; padding:0; font-size:18px; cursor:pointer;}

/********下拉列表********/
.select-wrapper{font: normal 14px '\5FAE\8F6F\96C5\9ED1';width:180px;height:40px;position: relative;cursor: pointer;display: inline-block;*display: inline;*float: left;*margin-right: 10px;background: #fff;border-radius: 3px;border: 1px solid #fff;}
.select-wrapper .select-button.focus{border: 1px solid #e19678;}
.select-button{font: normal 14px '\5FAE\8F6F\96C5\9ED1';width: 238px;height: 34px;border: 0;border-radius: 3px;background: #fff;cursor: pointer;padding: 0 26px 0 10px;overflow: hidden;text-align: left;outline: none;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
  .select-down{position: absolute;top: 21px;right: 12px;height:0;width:0;overflow: hidden;font-size: 0;border-color: #333 transparent transparent transparent;border-style: solid;border-width: 6px;}  
  .disabled{color: #cccccc;}
  .select-list{width: 238px;background: #fff;border: 1px solid #e8e8e8;box-shadow: 0 0 3px #ddd;border-radius: 3px;display: none;z-index: 2;position: absolute;left: -1px;top: 35px;overflow: hidden;}
  .select-list ul{margin: 0;padding: 0;overflow-x: hidden;overflow-y: auto;line-height: 34px;max-height: 240px;}
  .select-list ul li{width: auto;height: 34px;padding-left: 10px;cursor: pointer;overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;}
  .select-list ul li.selected,
  .select-list ul li:hover{color: #fff;background: #61b988; }
  
  /* 下拉列表不可用样式 */
  .select-button-disable{color: #ccc;width: 238px;height: 34px;border: 1px solid #e3e3e3;border-radius: 3px;background: #fff;cursor: pointer;padding-left: 10px;overflow: hidden;text-align: left;outline: none;}
  .select-down-disable{color: #ccc;font-size: 18px;position: absolute;top: 0;right: 10px;line-height: 34px;}
  
  
.title em{ font-size: 28px!important;}
  
  

@media screen and (max-device-width: 780px) {
body{margin-bottom:50px;}
.topBox h1{ float: none; text-align:center;}
.topBox h1 img{ width:140px;}
.top{ background:#fff; height:auto; line-height:inherit;}
.topBox{ width:96%; margin:0 2%;}
.nav{ float:none; overflow:hidden; text-align:center; padding:10px 0; border-top:1px solid #eee; margin:0;}
.nav li{ float: none; margin:0; float: left; width: 20%;}
.nav a{ color:#666666; font-size:14px; padding:0 4px; line-height:36px;}
.nav .navCur i,.telBox{ display:none;}
.telListbox{ display:block; position:fixed; bottom:0; left:0; width:100%; z-index:999; border-top:1px solid #f6f6f6;}
.telListbox button{ width:50%; display:inline-block; float:left; border:0; background:#fff; color:#666; line-height:50px; height:50px; outline:none; font-size:14px;}
.telListbox .shareBtn{ background:#29b593; color:#fff;}
.telListbox img{ margin:0 6px; width:18px;}
.sharList{ position:fixed; top:0; left:0; width:100%; height:100vh; z-index:990; background:rgba(0,0,0,.6); display:none;}
.sharList img{ width:80%; padding-top:40px; margin-left:20%;}
.select-wrapper input:focus{ border:0;}

.select-list{ width:100%!important;}
.select-wrapper:focus {outline: none;}


.title{ margin-bottom:10px;}
.form{ width:92%; margin:20px 4%;}
.formList{ padding:10px; box-sizing:border-box; width:100%;}
.formInput{ width:96%;margin:6px 2%;}
.formInput input{ width:100%!important; height:34px!important; }
.select-wrapper{ width:100%!important;height:34px!important;}
.formInput P{ font-size:14px;}
.formInput em{ font-size:12px; position:inherit; bottom: auto; top:4px;}
.submitBtn{ width:96%; height:36px; border-radius:4px; font-size:16px;}



input{
   -webkit-appearance: none;
   border-radius:0;
}

.title em{ font-size: 20px!important;}
}
@media screen and (max-device-width: 320px){
	.nav a{ font-size:12px;}
	}