@charset "utf-8";
/* CSS Document */

/*reset*/
body,iframe,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,input,button,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
 padding:0;margin:0;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;} 
a,fieldset,img {
  border: 0;
}
ul,li {
  list-style-type: none;
}
input[type="submit"], input[type="text"],  input[type="reset"], input[type="button"],select, button,textarea{ -webkit-appearance: none;}
a{ text-decoration:none;}

/*basic*/
body{ 
	height: 100%;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  background-color: #F2F2F2;
  position:relative;
  color:#666;
  }
  
.none{ display:none;}

/* media */
@media all {
  html {
    font-size: 16px;
  }
}
@media all and (min-width: 320px) {
  html {
    font-size: 14px;
  }
}
@media all and (min-width: 360px) {
  html {
    font-size: 16px;
  }
}

.clear{ clear:both;}
.blank_15{ width:100%; height:15px;}
.gap{ width:100%; height:1.4rem;}
.shadow{box-shadow: 0px 2px 8px #CCC;}

.blue{ color:#004EA2;}
.white{COLOR: white;TEXT-DECORATION: blink;}
.white a{COLOR: white;TEXT-DECORATION: blink;}
.gray333{COLOR:#333333;TEXT-DECORATION: blink;}
.gray333 a{COLOR:#333333;TEXT-DECORATION: blink;}

.gray666{COLOR:#666666;TEXT-DECORATION: blink;}
.gray666 a{COLOR:#666666;TEXT-DECORATION: blink;}

.gray999{COLOR:#999999;TEXT-DECORATION: blink;}
.gray999 a{COLOR:#999999;TEXT-DECORATION: blink;}

.red{COLOR:#E30000;TEXT-DECORATION: blink;}
.red a{COLOR:#E30000;TEXT-DECORATION: blink;}
.orange{COLOR:#F97905;TEXT-DECORATION: blink;}
.orange a{COLOR:#F97905;TEXT-DECORATION: blink;}
.zhuse{COLOR:#004EA2;TEXT-DECORATION: blink;}
.zhuse a{COLOR:#004EA2;TEXT-DECORATION: blink;}
.grayCCC{COLOR:#CCC;TEXT-DECORATION: blink;}
.grayCCC a{COLOR:#CCC;TEXT-DECORATION: blink;}

.golden{COLOR:#DAB866;TEXT-DECORATION: blink;}
.golden a{COLOR:#DAB866;TEXT-DECORATION: blink;}
.txt_arail{ font-family:Arial, Helvetica, sans-serif;}

/* main_image */
.main_visual{width:100%;position:relative; min-height:12.7rem; overflow:hidden;z-index:888;}
.main_image{width:100%;position:relative;}
.main_image ul{width:9999px;position:absolute;top:0;left:0; overflow:hidden;}
.main_image li{float:left;width:100%;}
.main_image li img{display:block;width:100%; }
.main_image li a{display:block;width:100%;height:15rem;}
.main_image li .img{ background-repeat:no-repeat; background-position:center top;}

div.flicking_con{position:absolute; bottom:1.5rem;z-index:888;width:90%;height:1.5rem;text-align:right;right:1rem;}
div.flicking_con a{width:0.5rem;height:0.5rem; margin-right:0.5rem; border-radius:0.3rem;padding:0; background-color: transparent; border:#FFF solid 1px;display: inline-block;}
div.flicking_con a.on{background-color:#FFF;width:1rem;}
div.flicking_con a:last-child{margin-right:0; }
#btn_prev,#btn_next{z-index:888;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{left:100px;}
#btn_next{right:100px;}

.rotate90{transform:rotate(90);
-ms-transform:rotate(90); 	/* IE 9 */
-moz-transform:rotate(90); 	/* Firefox */
-webkit-transform:rotate(90); /* Safari 和 Chrome */
-o-transform:rotate(90); 	/* Opera */
}

#topCon{width:100%; height:2.86rem;clear:both;z-index:999;}
#top{ width:100%; height:2.86rem; position:relative;z-index:999; background:rgba(247,247,247, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80);background-color:#F7F7F7; clear:both;}
#logo{ width:50%; height:2.4rem;text-align:left; position: absolute; left:0.5rem; top:0rem;}
#logo img{ height:2.4rem;}
#userThumb{ width:1.92rem; height:1.92rem; position:absolute; right:0.6rem; top:0.47rem; border-radius: 0.96rem; overflow: hidden;}
#userThumb img{ height:1.92rem;width:1.92rem;}

.page{ width:100%; position:relative; overflow:hidden;}
.page .con{ width:100%; position:relative; padding:0; max-width:30rem; margin:auto;}
#nav_float{display:none;z-index:1002;border-radius:1rem;width:9rem; height:2rem;background:rgba(0,0,0, 0.6) none repeat scroll 0 0 !important; position:fixed;left:1rem;top:1rem; overflow:hidden;}
#nav_float i{color:#FFF;font-size: 1.2rem; line-height:2rem;display:block;float:left;width:33%;text-align:center;}
#menu{ width: 100%; position: fixed; bottom: 0; left: 0;z-index: 1000; background-color: #F97905; height: 3.46rem; }
#menu li{  padding-top: 0.4rem; float: left; font-size: 0.8rem; line-height: 1.2rem; text-align: center; color: #FFF;}
#menu li i{font-size: 1.5rem; line-height:1.5rem;}
#menu .on{color:#FA7905;} 
#menu .on a{color:#FA7905;} 

#index_statistics{z-index:1000;border-radius:0.5rem; position: relative; clear: both; width: 92%; margin: auto; overflow: hidden; height:6rem; background-color: #FFF; margin-top: -1.5rem;margin-bottom: 1rem;}
#index_statistics .con{ width:92%; margin: auto; padding-top: 0.6rem;}
#index_statistics .con li{ width:32%; margin-right:4%;float:left;height: 4.8rem;color: #666; line-height: 1.6rem;font-size:.8rem;border-right:#EEE solid 2px;}
#index_statistics .con li i{ display: block;clear:both;font-style:normal;}
#index_statistics .con li em{ display: block;clear:both;font-style:normal; color:#999;font-size:.7rem;}
#index_statistics .con li span{ display: block;clear:both;color: #F97905;font-size: 1.2rem;line-height: 1.6rem;}
#index_statistics .con li:last-child{ border-right:none;margin-right:0;width:26%;}

.index_promo{width: 92%;clear:both;margin:auto;margin-bottom:1rem;border-radius:0.5rem;overflow:hidden; }
.index_promo img{display:block;max-width:100%;}

.mainBar{ width:100%; clear:both;background-color:#FFF; font-size: 1rem;height:1.58rem;  padding-top: 0.39rem;padding-bottom: 0.39rem;color:#666;line-height:1.58rem; }
.mainBar li{ width: 24.6%; float: left; text-align: center; border-right:#E1E1E1 solid 1px; height: 1.58rem;}
.mainBar .on{color:#FA7905;}
.mainBar li:last-child{ border-right: none;}

.search_con{width:92%; clear:both;margin: auto; height:2rem; line-height:2rem;border:#EEE solid 1px; border-radius:1.2rem; margin-top:1rem; margin-bottom:0.6rem;}
.search_con input{width:60%; height:2rem; font-size:0.9rem; line-height:2rem;border:none; display:block; float:left;color: #666;margin-left:4%;}
.search_con select{width:20%;font-size:0.8rem; height:2rem; line-height:2rem;border:none; display:block; float:left;color: #F97905;background:#FFF;}
.search_con i{ display:block; float:right; width:15%; text-align:center; color:#F97905;}
.projectList{ width:92%; clear:both;margin: auto;background-color:#FFF;margin-top: 1.2rem;padding-top: 0.6rem;border-radius:0.5rem; }
.projectList .bar{ width:92%; margin: auto; position:relative;}
.projectList .bar h2{ display:inline-block; font-size:1rem; color:#F97905;border-left:#F97905 solid 0.2rem; padding-left:0.6rem;}
.projectList .bar .filter{ float:right;font-size:0.8rem;width:5.5rem; text-align:center; line-height:1.5rem;height:1.5rem; color:#999; border:#EEE solid 1px;border-radius:0.2rem; }
.projectList .bar .filter i{ font-size:0.6rem;color:#F97905;}
.projectList .bar .filter .filtercon{ display:none;width:100%;padding:1rem;box-sizing:border-box;text-align:left;color:#999; position:absolute; top:1.5rem;left:0;background-color:#FFF;border:#EEE solid 1px;z-index:1001;}
.projectList .bar .filter .filtercon em{font-style:normal; display:inline-blcok; margin-right:1rem;}
.projectList .bar .filter .filtercon .on{height:1.5rem;background-color:#F97905;color:#FFF; padding-left:1rem; padding-right:1rem;}
.projectList .bar .filter .filtercon i{display:block; clear:both; width:30%;margin:auto;margin-top:1rem;border-radius:0.25rem; height:1.5rem; border:#F97905 solid 1px; line-height:1.5rem; text-align:center;font-size:0.8rem;color:#F97905;}
.projectList ul{width:92%; margin: auto;}
.projectList li{margin-bottom: 1.2rem; width:100%; float:left;box-sizing:border-box;background-color:#FFF; }
.projectList li .projectCon{ width:100%; margin:auto;overflow:hidden;position:relative; padding-bottom:0.7rem;padding-top:0.7rem;}
.projectList li .title{ width:70%; padding:0.5rem; box-sizing:border-box;}
.projectList li h3{ color:#111111; font-weight:normal; line-height:1.6rem; font-size:1rem;}
.projectList li h3 span{ margin-left: 0.8rem;display: inline-block; background-color:#F5C63C; color: #FFF; line-height: 1.2rem; padding-left: 0.8rem; padding-right: 0.8rem;border-radius: 0.25rem; font-size: 0.8rem;}
.projectList li .thumb{ width:27%; float: left; margin-right: 3%;position:relative;line-height:1.8rem; font-size:0.9rem;color:#666;max-height:8rem;overflow:hidden;}
.projectList li .thumb img{ width:100%; display:block;}
.projectList li .thumb h5{ font-weight: normal; display: block; height: 1.2rem; width:2.6rem; background-color:#FA7905;color: #FFF; text-align: center;font-size: 0.8rem; line-height: 1.2rem; position: absolute; left: 0; top: 0.4rem;}

.projectList li .txt{ width:70%; position:relative;float: left; }
.projectList li .txt h4{ display:block; clear:both;line-height:1.6rem; font-size:0.9rem;  font-weight:normal;overflow:hidden;color:#999; margin:auto;position:relative; width:100%; margin-top:0.2rem;}
.projectList li .txt h4 a{ color:#999;}
.projectList li .txt h4 i{ margin-right: 0.5rem;}
.projectList li .txt h4 .icon-didian{ color:#F97905;}
.projectList li .txt h4 .icon-shijian{ color:#F5C63C;}
.projectList li .txt h4 img{ height:1rem; margin-right:0.5rem; position:absolute; top:0.3rem; left:0;}
.projectList li .txt .on{background-color:#DAB866;}
.projectList li .txt .off{background-color:#999;}
.projectList li .txt .status{margin-top:0.5rem; width:99%; clear:both; height: 1rem; line-height: 1rem;  border:#F97905 solid 1px;border-radius: 0.55rem; }
.projectList li .txt .status .num{ min-width:40%;text-indent:0.5rem;height: 1rem; line-height: 1rem; border-radius: 0.51rem; float: left;  font-size: 0.8rem;background-color:#FA7905;color: #FFF; }
.projectList li .txt .btn{ display:block; width:30%; line-height:1.6rem; font-size:0.9rem; text-align:center;border:#F97905 solid 1px;border-radius: 0.8rem; color:#F97905;clear:both; margin-top:0.6rem;}
.projectList li .txt .btn2{ display:block; width:29%; line-height:1.6rem; font-size:0.8rem; text-align:center;border:#F97905 solid 1px;border-radius: 0.8rem; color:#F97905;float:left; margin-right:3%; margin-top:0.6rem;}
.projectList li .txt .line_btn{ display:block; width:30%; line-height:1.6rem; font-size:0.9rem; text-align:center;border:#F97905 solid 1px;border-radius: 0.8rem; color:#F97905;clear:both; margin-top:0.6rem;margin-right:1rem;}

.common{width:92%; clear:both;margin: auto;background-color:#FFF;margin-top: 1.2rem;padding-top: 0.6rem;border-radius:0.5rem;}
.common .bar{ width:92%; margin: auto; position:relative;}
.common .bar h2{ display:inline-block; font-size:1rem; color:#F97905;border-left:#F97905 solid 0.2rem; padding-left:0.6rem;}
.common .bar .filter{ float:right;font-size:0.8rem;width:5.5rem; text-align:center; line-height:1.5rem;height:1.5rem; color:#999; border:#EEE solid 1px;border-radius:0.2rem; }
.common .bar .filter i{ font-size:0.6rem;color:#F97905;}
.common .bar .filter .filtercon{ display:none;width:100%;padding:1rem;box-sizing:border-box;text-align:left;color:#999; position:absolute; top:1.5rem;left:0;background-color:#FFF;border:#EEE solid 1px;z-index:1001;}
.common .bar .filter .filtercon em{font-style:normal; display:inline-blcok; margin-right:1rem;}
.common .bar .filter .filtercon .on{height:1.5rem;background-color:#F97905;color:#FFF; padding-left:1rem; padding-right:1rem;}
.common .bar .filter .filtercon i{display:block; clear:both; width:30%;margin:auto;margin-top:1rem;border-radius:0.25rem; height:1.5rem; border:#F97905 solid 1px; line-height:1.5rem; text-align:center;font-size:0.8rem;color:#F97905;}

.rankList{ width:90%; margin:auto; }
.rankList li{ width:100%; clear:both; font-size:1rem;color:#666666;margin-bottom:0.8rem;}
.rankList span{ display:block;float:left;min-height:1.6rem;line-height:1.6rem;}
.rankList span:nth-child(1){ width:20%; }
.rankList span:nth-child(2){ width:55%;}
.rankList span:nth-child(3){ width:25%; text-align:right; color:#FE5803;}
.rankList span img{height:2.5rem; width:2.5rem; border-radius:50%; overflow:hidden; display:inline-block;}
.rankList .item_bar{ font-size:0.9rem;color:#999;}
.rankList .item_bar span:nth-child(3){ color:#999;}
.myprojectList{ width:92%; clear:both;margin: auto;background-color:#FFF;margin-top: 1.2rem;padding-top: 0.6rem;border-radius:0.5rem; }
.myprojectList .bar{ width:92%; margin: auto; margin-bottom:1rem;}
.myprojectList .bar h2{ display:inline-block; font-size:1rem; color:#F97905;border-left:#F97905 solid 0.2rem; padding-left:0.6rem;}
.myprojectList ul{width:92%; margin: auto; } 
.myprojectList li h3{ color:#111111; font-weight:normal; line-height:1.6rem; font-size:1rem;}
.myprojectList li .txt{ width:70%; position:relative;float: left; }
.myprojectList li .txt h4{ display:block; clear:both;line-height:1.6rem; font-size:0.9rem;  font-weight:normal;overflow:hidden;color:#999; margin:auto;position:relative; width:100%; margin-top:0.2rem;}
.myprojectList li .txt h4 a{ color:#999;}
.myprojectList li .txt h4 i{ margin-right: 0.5rem;}
.myprojectList li .txt h4 .iconfont{ color:#F97905;}
.myprojectList li .txt h4 img{ height:1rem; margin-right:0.5rem; position:absolute; top:0.3rem; left:0;}
.myprojectList li .btn{ width:30%; position:relative;float: left; }
.myprojectList li .btn a{margin:auto;display:block; width:90%;line-height:1.6rem; font-size:0.9rem;text-align:center;color:#FFF;background-color:#F97905;border-radius:0.8rem;}

.main_btn{width:92%; display:block; margin: auto;line-height:2rem; font-size:1rem;text-align:center;color:#FFF;background-color:#F97905;border-radius:.25rem;}
.member_menu{width:100%;clear:both; }
.member_menu li{ width: 33.3%; text-align:center;float: left;height:5.6rem; padding-top: 1.4rem;}
.member_menu li a{color:#999;}
.member_menu li i{display: block;background-color:#F97905; width:2.5rem; margin:auto;position:relative;font-size:1.5rem;text-align:center;line-height:2.5rem;height:2.5rem;border-radius:50%;color:#FFF; }
.member_menu li i span{z-index:999;border-radius:50%;width:0.8rem;height:0.8rem;text-align:center;font-size:0.8rem;line-height:0.8rem;display:block; position:absolute; top:-0.1rem;right:0rem;color:#FFF;background-color:#FF2150;}
.member_menu li em{ font-style: normal; display: block;width: 90%; clear: both; margin:auto; text-align: center; color: #999; line-height:3rem; }
.member_thumb{width:100%;clear:both; background-color:#F97905; height:12.5rem; padding-top: 4rem; background-image:url(http://static.cdcyl.v.sc.cn/images/v/user_bg.jpg) ;background-size: cover; background-position: top center;}
.member_thumb .thumb{ clear:both;box-shadow: 0 0 0 10px rgba(74,144,226, .3);background-color: #FFF; width:6rem; height: 6rem; border-radius:50%; overflow: hidden;margin: auto;margin-bottom:1.3rem;}
.member_thumb .thumb img{width:6rem;}
.member_thumb .name{clear:both; text-align: center;color: #FFF; font-size:1rem;}

.pageThumb{ width: 100%;clear: both; background-color: #FFF; max-height: 14rem; overflow: hidden;}
.pageThumb img{ width: 100%; display: block;}
.page .con .title{width: 100%;clear: both; background-color: #FFF;  padding: 1rem; box-sizing: border-box;}
.page .con .title h1{ font-weight: normal; line-height: 1.6rem; font-size: 1.2rem; color: #111111;margin-bottom: 0.6rem;}
.page .con .title .num{line-height: 1.2rem; font-size: 0.8rem; color: #999;}
.page .con .title .num i{color: #FA7905; margin-right: 0.3rem;}
.page .con .title .num span{ margin-right: 1.6rem;}
.page .con .detail{ margin-top: 1.4rem;width: 100%;clear: both; background-color: #FFF;  box-sizing: border-box;}

.page .detail_con{z-index:1000;border-radius:0.5rem; position: relative; clear: both; width: 92%; margin: auto; min-height:5rem; background-color: #FFF; margin-bottom: 1.4rem;}
.page .first_con{margin-top: -1.5rem;}
.page .detail_con .con{width:92%; margin: auto; padding-top: 0.8rem; padding-bottom: 0.8rem;position:relative;}
.page .detail_con .con h1{clear:both; font-weight: normal; line-height: 1.6rem; font-size: 1.2rem; color: #111111;margin-bottom: 0.6rem;}
.page .detail_con .con h2{ display:inline-block;font-weight: normal; line-height: 1.6rem; font-size: 0.8rem; margin-bottom: 0.6rem;color:#F97905;border-bottom:#F97905 solid 0.2rem;}
.page .detail_con .con .thumb{ border:#DDD solid 1px;background-color: #FFF;padding:0.5rem;width:3.5rem;height:3.5rem;border-radius:0.5rem; overflow:hidden;position:absolute;right:0.5rem; top:-2rem;z-index:1001;}
.page .detail_con .con .thumb img{ width:100%;display:block;}
.page .detail_con .con .num{line-height: 1.2rem; font-size: 0.8rem; color: #999;}
.page .detail_con .con .num i{color: #FA7905; margin-right: 0.3rem;}
.page .detail_con .con .num span{ margin-right: 1.6rem;}
.page .con .detail li{ position:relative;clear: both; line-height:1.6rem; font-size: 0.8rem; padding-top: 0.5rem; padding-bottom: 0.5rem;color:#666;}
.page .con .detail li:last-child{border-bottom: none;}
.page .con .detail li i{color: #AAA; font-size: 1.2rem; margin-right: 1rem;}
.page .con .detail li span{color:#F97905; font-size: 1rem;margin-right: 1rem;}
.page .con .detail li b{display:inline-block;height:1.5rem; width:1.5rem;text-align:center;line-height: 1.5rem; margin-left:0.4rem;position:relative;}
.page .con .detail li b u{font-size: 1.5rem; position:absolute; top:0.4rem;left:0;}
.page .con .detail li em{ font-style:normal;font-size:1rem; }
.page .con .detail .place{ padding-right:2rem;}

.page .con .detailBar{border-bottom: #FA7905 solid 2px;width: 100%;clear: both; background-color: #FFF;height: 2.2rem; line-height: 2.2rem; font-size: 1rem;color: #FA7905; text-indent: 1rem;}
.page .con .detailContent{ width: 100%;clear: both; background-color: #FFF; box-sizing: border-box;word-wrap:break-word;font-size:1rem; color: #666; line-height: 1.6rem;}
.page .con .detailContent a{color:#F97905;}
.page .con .detailContent img{max-width: 100%;}

.page .news_list{width:92%; clear:both;margin:auto;}
.page .news_list li{ display:block;width:100%; clear:both; margin-bottom:1rem; overflow:hidden;}
.page .news_list .thumb1{ width:28%; float:left; height:4.8rem; overflow:hidden;}
.page .news_list .thumb1 img{width:100%; min-height:4.8rem;}
.page .news_list .title1{ width:66%; float:right; font-size:1rem; line-height:1.6rem;}

.formList{ width:92%; clear:both;margin: auto;background-color:#FFF;margin-top: 1.2rem;padding-top: 0.6rem;border-radius:0.5rem; }
.formList .bar{ width:92%; margin: auto;}
.formList .bar h2{ display:inline-block; font-size:1rem; color:#F97905;border-left:#F97905 solid 0.2rem; padding-left:0.6rem;}
.formList ul{width:92%; margin: auto;font-size:0.9rem;}
.formList li{position:relative;padding-top:0.6rem;margin-bottom: 0.6rem; width:100%; float:left;box-sizing:border-box;background-color:#FFF; border-bottom:#EEE solid 1px;}
.formList .key{ width:100%; text-indent:4.5rem;border:none;line-height:1.6rem; height:1.6rem; font-size:1rem; color:#666;}
.formList i{ display:block; position:absolute;left:0; font-size:.8rem; color:#999;width:4.5rem;line-height:1.6rem;font-style:normal;}
.formList b{ display:block; position:absolute;left:4.5rem; font-size:.8rem; color:#666;width:12rem;line-height:1.6rem;font-weight:normal;}
.formList .upimg{ height:8rem;}
.formList .upimg .img{ position:absolute;left:4.5rem;}
.formList .upimg .img img{ height:5rem;}
.formList .select span{display:inline-block; font-size:.8rem; color:#999;width:4.5rem;line-height:1.6rem;}
.formList .select em{display:inline-block;max-width:70%;}
.formList .select em select{border:none;display:inline-block;width:100%;line-height:1.6rem; background-color:#FFF; height:1.6rem; font-size:1rem; color:#666;width:100%;}

.formList .select3 span{display:inline-block; font-size:.8rem; color:#999;width:4.5rem;line-height:1.6rem;}
.formList .select3 em{display:inline-block; width:23%;}
.formList .select3 em select{border:none;display:inline-block;width:100%;line-height:1.6rem; background-color:#FFF; height:1.6rem; font-size:1rem; color:#666;width:100%;}
.formList .select select{
direction: ltr;
  text-indent:0;
}
.formList .btn{background-color: #F97905;text-align:center;width:100%;line-height:2rem; height:2rem; font-size:1rem;color:#FFF; border-radius:1rem;}
.formList .label{border-bottom:#EEE solid 1px;color:#999;}
.formList .label em{font-style:normal;display:block; width:70%; float:left;}
.formList .label span{display:block; font-size:.8rem; color:#999;width:4.5rem;line-height:1.6rem;float:left;}
.formList .label em label{display:block;float:left; color:#666; width:50%;}
.formList .label em input{display:none;}
.formList .label em u{color: #F97905;}
.formList .input2 span{display:inline-block; font-size:.8rem; color:#999;width:4.5rem;line-height:1.6rem;}
.formList .input2 em{display:inline-block; width:20%;}
.formList .input2 .input{width:50%;}
.formList .input2 .input input{width:96%;border:none;line-height:1.6rem; height:1.6rem; font-size:1rem; color:#666;}
.formList .input2 em select{border:none;display:inline-block;width:100%;line-height:1.6rem; background-color:#FFF; height:1.6rem; font-size:1rem; color:#666;width:100%;}
.formList .textarea{font-size:1rem;border:#EEE solid 1px; color:#666;width:100%;box-sizing:border-box;line-height:1.6rem;clear:both; height:8rem;}
.formList .imgUp{float:left;position: relative; background:url(/images/jgc/imgAdd.png) no-repeat top;width:5rem;background-size:cover; height:5rem; margin-right:0.8rem; margin-bottom:0.8rem;background-color: #EEE;overflow:hidden;}
.formList .imgUp input[type=file] {
    width:100%;
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    z-index:1;
}
.formList .imgUp:nth-child(3n+1){clear:both;}
.formList .imgUp .imgDisplay{width:5rem;height:5rem;z-index:0;position: absolute;left: 0;
    top: 0; }
.formList .imgUp .imgDisplay img{width:5rem;height:5rem;}
.formList .imgUp .imgDisplay .loading{width:1.2rem;height:1.2rem;display:block; margin:auto;margin-top:1.9rem;}
.formList .imgUp .iconfont{width:2rem;height:2rem;z-index:1;position: absolute;right:0rem;
    top: 0rem;color:#FFFFFF;font-size:1.2rem;text-align:center;line-height:2rem;}

.detailTicketTh{width: 100%;clear: both; background-color: #EEE;height: 1.8rem; line-height: 1.8rem; font-size: 0.8rem;color: #666; }
.detailTicketTh span:nth-child(1){ display: inline-block; width: 60%; text-indent: 1rem;}
.detailTicketTh span:nth-child(2){ display: inline-block; width: 10%; text-align: center;}
.detailTicketTh span:nth-child(3){ display: inline-block; width: 10%;text-align: center;}
.detailTicketTh span:nth-child(4){ display: inline-block; width: 15%;text-align: center;}
.detailTicketItem{ width: 100%;clear: both; background-color: #FFF; line-height:1.6rem; font-size: 0.8rem;}
.detailTicketItem li{clear: both; padding-top: 0.6rem; padding-bottom: 0.6rem;}
.detailTicketItem li span:nth-child(1){ display: inline-block; width: 60%; text-indent: 1rem; color: #FA7905;}
.detailTicketItem li span:nth-child(2){ display: inline-block; width: 10%; text-align: center;color: #FA7905;}
.detailTicketItem li span:nth-child(3){ display: inline-block; width: 10%;text-align: center;color: #666;}
.detailTicketItem li span:nth-child(4){ display: inline-block; width: 15%;text-align:center;}
.detailTicketItem li .white{color: #FFF; background-color:#FA7905;}
.detailTicketItem li .soldout{color: #FFF; background-color:#CCC;}
.detailTicketCon{ position: relative;}
.detailCtrl{z-index:1001; position: fixed; bottom: 0; left: 0;width: 100%; background-color: #F97905;line-height: 2rem; height:2rem; padding-top:1rem;padding-bottom: 1rem;}
.detailCtrl li{ width:35%; float: left;text-align: center; color: #FFF;font-size: 1rem;}
.detailCtrl li:first-child{border-right: #DDD solid 1px; }
.detailCtrl li i{ margin-right: 0.6rem; font-size: 1.2rem;}
.detailCtrl li:nth-child(3){  width: 26%; border: #FA7905 solid 1px; border-radius: 1.1rem;}

.detailCtrl2{ position: fixed; bottom: 0; left: 0;width: 100%; border-top: #DDD solid 1px; background-color: #F9F9F9;line-height: 2rem; height:2rem; padding-top:1rem;padding-bottom: 1rem;}
.detailCtrl2 li{ width:32%; float: left;text-align: center; color: #FA7905;font-size: 1rem;}
.detailCtrl2 li:first-child{border-right: #DDD solid 1px; }
.detailCtrl2 li i{ margin-right: 0.6rem; font-size: 1.2rem;}
.detailCtrl2 li:nth-child(3){  width: 30%; background-color: #FA7905 ;color: #FFF;}
.detailCtrl2 .btn{ border:none; display: block; border-radius: 0.5rem; font-size: 1.2rem; text-align: center;width: 90%; margin: auto; background-color: #FA7905;height: 2.2rem; line-height: 2.2rem; color: #FFF;}
.detailCtrl2 .btn a{ display: block; width: 100%;height:2.2rem; color:#fff;}
.page .con .apply_form{width: 100%;clear: both; background-color: #FFF;overflow: hidden; }
.page .con .apply_form li{ width:90%;clear: both; margin: auto; margin-bottom: 1.2rem;}
.page .con .apply_form li i{width: 100%;clear: both;font-style:normal;}
.page .con .apply_form li .key{ background-color:#FFF;padding: 0.5rem; box-sizing: border-box;width: 100%;clear: both; border: #FA7905 solid 1px; border-radius: 0.35rem; line-height: 1.6rem; font-size: 1rem;color: #666; height:2.5rem;}
.page .con .apply_form li .key2{ height:6rem;}
.page .con .apply_form li .select1{background-color:#FFF;padding: 0.5rem; box-sizing: border-box;width:36%;margin-right:4%;border: #FA7905 solid 1px; border-radius: 0.35rem; line-height: 1.6rem; font-size: 1rem;color: #666;}
.page .con .apply_form li .select2{background-color:#FFF;padding: 0.5rem; box-sizing: border-box;width:58%;border: #FA7905 solid 1px; border-radius: 0.35rem; line-height: 1.6rem; font-size: 1rem;color: #666;}
.page .con .apply_form li span{ width:30%;float:left; display:block; font-size:1rem; color:#FA7905; line-height:2.5rem;}
.page .con .apply_form li em{ width:70%;float:left; display:block;}
.page .con .apply_form .tips{ text-align:right; font-size:0.8rem; color:#999;}
.page .con .apply_form .btn{display: block; border: none;width: 90%;clear: both; background-color:#FA7905;color: #FFF;margin: auto;height:2.3rem; line-height: 2.3rem;font-size: 1rem;}
.page .con .notice{width: 100%;clear: both; background-color: #FFF;overflow: hidden; padding-top:5rem; padding-bottom: 5rem; text-align: center;}
.page .con .notice i{ font-size:3.5rem; display: block; clear: both; margin: auto; color: #51C332; margin-bottom: 1rem;}
.page .con .notice span{ line-height: 2rem; font-size: 0.8rem; clear: both;color: #999;}
.noItem{margin-top: 1.4rem; background-color: #FFF; width: 100%; clear: both; text-align: center; line-height:3rem;font-size: 0.8rem; padding-top: 5rem; padding-bottom: 5rem;}
.noItem i{ font-size: 5rem; color: #999;}
.page .con .apply_form .checkbox input[type=checkbox] {  visibility: hidden;}
.page .con .apply_form .checkbox i{line-height:2.5rem; font-size: 1.3rem;color: #666; }
.page .con .apply_form .checkbox .on{ color:#FA7905;}
.myActivityList{ width:100%; clear:both;background-color:#EEE;margin-top: 1.2rem;}
.myActivityList li{margin-bottom: 1.2rem; width:100%; float:left;padding:0.8rem; box-sizing:border-box;background-color:#FFF; }
.myActivityList li .title{ width:70%; padding:0.5rem; box-sizing:border-box;}
.myActivityList li h3{ color:#111111; font-weight:normal; line-height:1.6rem; font-size:1rem; height: 1.6rem; overflow: hidden;}
.myActivityList li .thumb{ width:27%; float: left; margin-right: 3%;position:relative;}
.myActivityList li .thumb img{ width:100%; display:block;}
.myActivityList li .txt{ width:50%; position:relative;float: left; }
.myActivityList li .txt h4{ display:block; clear:both;line-height:1.6rem; font-size:0.9rem; height:1.6rem; overflow: hidden;font-weight:normal;overflow:hidden;color:#999; margin:auto;position:relative; width:100%; margin-top:0.2rem;}
.myActivityList li .txt h4 a{ color:#999;}
.myActivityList li .txt h4 i{ margin-right: 0.5rem;}
.myActivityList li .txt h4 .icon-didian{ color:#FA7905;}
.myActivityList li .txt h4 .icon-icon165{ color:#FA7905;}
.myActivityList li .txt h4 .icon-shijian{ color:#F5C63C;}
.myActivityList li .ticket{ width:20%; position:relative;float: left; text-align: center;}
.myActivityList li .ticket i{ display: block; font-size:2.6rem;color:#F5C63C; line-height: 2rem; margin-top:1rem;}
.myActivityList li .ticket span{  display: block;font-size: 0.8rem;color:#999; line-height: 2rem; clear: both;}

.ticketCon{width:100%; clear:both;background-color:#FA7905; padding-top:1rem; padding-bottom:2rem;}
.ticketCon .ticket{box-shadow: 0 2px 0 10px rgba(243, 106, 34, .4);border-radius: 0.5rem;width:88%; overflow: hidden;margin: auto; clear: both; background-color: #FFF;padding-top: 1.5rem; padding-bottom:0rem; }
.ticketCon .ticket h3{ width: 90%; clear: both;margin: auto;text-align: center; color:#FA7905; line-height:2rem; font-size: 0.8rem; font-weight: normal;}
.ticketCon .ticket .qr{ clear:both;width: 13rem; margin: auto; background-color: #EEE; padding:0.5rem; border-radius: 0.3rem; margin-top:1rem;margin-bottom:1.4rem;}
.ticketCon .ticket .qr img{ width: 100%;display: block;}
.ticketCon .ticket .tips{clear:both; background-color:#F5C63C;width:100%; margin:auto;line-height:1.6rem; font-size:1rem; text-align:center; color:#FFF; padding:0.5rem;box-sizing:border-box;}
.txtList{ width:100%; clear:both; box-sizing:border-box;}
.txtList li{width:100%; clear:both; color:#666;border-bottom:#EEE solid 1px; line-height:1.6rem; font-size:0.8rem;  }
.txtList li span{display: inline-block;}
.txtList li span:nth-child(1){width:15%;}
.txtList li span:nth-child(2){width:35%;}
.txtList li span:nth-child(3){width:35%;}
.txtList li span:nth-child(4){width:15%;}
.pages{ line-height:2rem; padding:0.8rem; box-sizing:border-box;}
.contentDetail{ width:100%; padding:0.8rem; box-sizing:border-box;}
.contentDetail h1{ font-size:1.4rem; line-height:2rem; color:#333; clear:both; margin-bottom:0.8rem;}
.contentDetail .author{ font-size:0.8rem; color:#999; line-height:1.6rem;clear:both; margin-bottom:0.8rem;}
.contentDetail .content{ font-size:1rem; line-height:1.8rem; color:#666;}

.notice_list{ width:92%; clear:both;margin:auto;}
.notice_list li{margin-bottom: 1rem; width:100%; float:none; line-height:1.6rem;}
.notice_list li .thetime{  clear:both;color:#999;width:100%;margin-bottom: 0.5rem; }
.notice_list li .thetime b{display:inline-block;line-height:1.6rem;font-size:0.8rem; color:#FFF;background-color:#F5C63C;width:3rem;text-align:center;font-weight:normal;border-radius:0.25rem;margin-right:0.6rem;}
.notice_list li .expand{  clear:both;line-height:2rem; color:#666;width:100%; }
.notice_list li .expand span{color:#FA7905;height:1.5rem;line-height:1.5rem;font-size:0.9rem; display:inline-block;width:3rem;text-align:center;border:#FA7905 solid 1px;border-radius:0.8rem;margin-left:0.6rem;}
.notice_list li .content{ color:#666; font-size:0.9rem;}
.voteList{ width:100%; clear:both;background-color:#EEE;}
.voteList li{width:100%; float:none;clear:both;padding:0.8rem; box-sizing:border-box;background-color:#FFF; }
.voteList li i{ display:block;width:16%;float: left;font-size:1.2rem; text-align:center;height:2rem;}
.voteList li .txt{ width:84%; float: left;}
.voteList li .txt a{color: #666;}
.voteList li .txt h3{ font-weight: normal;font-size: 1rem; line-height: 1.6rem;}
.voteList li .txt .ticket{width:100%; float:none;clear:both; margin-top:0.5rem;font-size:0.8rem; line-height: 1.2rem; color:#999;}
.voteList li .on{ color:#FA7905;}

.myContestList{ width:100%; clear:both;background-color:#EEE;margin-top: 1.2rem;}
.myContestList li{margin-bottom: 1.2rem; width:100%; float:left;padding:0.8rem; box-sizing:border-box;background-color:#FFF; }
.myContestList li .title{ width:70%; padding:0.5rem; box-sizing:border-box;}
.myContestList li h3{ color:#111111; font-weight:normal; line-height:1.6rem; font-size:1rem; min-height: 1.6rem;}
.myContestList li .thumb{ width:27%; float: left; margin-right: 3%;position:relative;}
.myContestList li .thumb img{ width:100%; display:block;}
.myContestList li .txt{ width:70%; position:relative;float: left; }
.myContestList li .txt h4{ display:block; clear:both;line-height:1.6rem; font-size:0.9rem; height:1.6rem; overflow: hidden;font-weight:normal;overflow:hidden;color:#999; margin:auto;position:relative; width:100%; margin-top:0.2rem;}
.myContestList li .txt h4 a{ color:#999;}
.myContestList li .txt h4 i{ width:1.8rem;display:inline-block;}
.myContestList li .txt h4 .icon-didian{ color:#FA7905;}
.myContestList li .txt h4 .icon-icon165{ color:#FA7905;}
.myContestList li .txt h4 .icon-shijian{ color:#F5C63C;}
.myContestList li .signin{clear:both; width:5rem; position:relative;float: none;text-align: center; margin-top:0.5rem;}
.myContestList li .signin a{ width:100%;display: block;font-size: 0.8rem;background-color:#FA7905;color:#FFF; line-height:1.8rem; clear: both;border-radius:0.25rem; }

.bookIntro{width:100%; clear:both;background-color:#FFF;padding:1rem;box-sizing:border-box;}
.bookIntro .thumb{ width:33%; float:left; margin-right:4%;}
.bookIntro .thumb img{ width:90%; float:left; display:block;}
.bookIntro .user{ width:62%; float:left;}
.bookIntro .user .thumb .thumb_con{width:4rem; height:4rem; border-radius:2rem; margin:auto;overflow:hidden;}
.bookIntro .user .thumb img{width:100%; float:left; display:block;}
.bookIntro .user .txt{width:62%; float:left; line-height:2rem;}
.bookIntro .user .txt h2{ font-size:0.9rem;color:#FA7905;}
.bookIntro .user .txt h3{ font-size:0.8rem;color:#999;}
.bookIntro .user .txt em{font-size:0.8rem;font-style:normal;color:#666;}
.bookIntro .user .txt span{ margin-left:0.6rem;display:inline-block; width:4rem; border-radius:0.3rem;background-color:#FA7905; text-align:center; color:#FFF; height:1.6rem;line-height:1.6rem;}
.detailThumb{width:100%;clear:both; position: relative;}
.detailThumb img{ width:100%; display:block;}
.detailThumb h3{ width:100%; position:absolute; bottom:0; line-height:1.6rem; font-size:1rem ; color:#FFF;background:rgba(0,0,0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60);background-color:#000; display:block; padding:0.8rem; box-sizing:border-box; font-weight:normal;}
.detailIntro{width:100%;clear:both; padding:0.8rem; box-sizing:border-box; line-height:1.6rem;}
.detailIntro h4{ font-size:1rem; position:relative; text-indent:1.8rem; display:block; font-weight:normal;color:#004EA2; font-size:0.9rem;}
.detailIntro img{ height:1.2rem; display:block; position:absolute; left:0; top:0.2rem;}
.detailIntro h4 a{color:#999;}

.bottomButton{ width:100%; clear:both; height:3rem;background:rgba(0,0,0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60);background-color:#000; position:fixed; bottom:0; left:0; z-index:1000;}
.bottomButton a{ background-color:#51C332; font-size:1.2rem; line-height:2rem; text-align:center; border-radius:0.3rem;  margin:auto; color:#FFF; display:block; width:10rem; margin-top:0.5rem;}
.detailTxt{float:none;line-height:1.8rem; font-size:1rem; padding:0.8rem; box-sizing:border-box; color:#666;}
.detailTxt img{ width:100%; height:auto;}
.detailTxt p{ margin-bottom:1.5em;}


.detailProject{ width:100%; height:4.6rem; clear:both; padding:0.8rem; box-sizing:border-box; background-color:#EEE;}
.detailProject .thumb{ width:3.8rem; float:left;}
.detailProject .thumb img{ height:3rem; width:3rem;}
.detailProject .txt{ width:75%; float:left;}
.detailProject .txt h3{ line-height:1.5rem; font-size:1rem; color:#666; font-weight:normal;}
.detailProject .txt h4{ line-height:1.5rem; font-size:0.8rem; color:#999; font-weight:normal;}
.subTitle{ width:100%; padding:0.8rem;line-height:1.5rem; font-size:0.8rem; color:#333;box-sizing:border-box;}
.regText{ width:100%; padding:0.8rem; line-height:1.5rem; font-size:0.8rem; color:#666; height:22rem; overflow:auto; box-sizing:border-box;}
.form_agree{width:100%; padding:0.8rem;line-height:2rem; font-size:1rem; color:#333;box-sizing:border-box;}

.form_agree .form_label{ text-align:center; clear:both; margin-bottom:0.8rem;}
.form_agree .form_label input[type='checkbox']{ border:#004EA2 solid 1px;}

.login_con{ width:100%; clear:both; padding-top:3rem; padding-bottom:3rem; margin:auto; background-color: #FFF;}
.login_con li{ width:15rem; clear:both;margin:auto;height:3rem; border:#FA7905 solid 1px; line-height:3rem; margin-bottom:2rem; position:relative; font-size:0.8rem; color:#FA7905; text-indent:1rem; border-radius:0.3rem; }
.login_con li input{ border:none; text-indent:0;height:3rem; line-height:3rem; font-size:1rem;color:#666; width:10rem; position:absolute; left:4rem;}
.login_con .btn2{ margin:auto;border:none; height:3rem; width:15rem;clear:both;display:block;background-color:#FA7905; color:#FFF; font-size:1rem; border-radius:0.3rem; line-height:3rem;}
.login_con .info{ width:100%; clear:both; line-height:2rem; font-size:0.8rem; margin-top:0.8rem;}
.login_con .info a{ text-decoration:underline;}
.col4 li{ width: 25%;}
.col5 li{ width:20%;}
#ajaxLoad{ width:92%; margin:auto;clear:both; line-height:2.5rem; text-align:center; font-size:1rem; color:#FA7905;background-color: #FFF; border:#FA7905 solid 1px;border-radius:0.25rem;}
#ajaxLoadEnd{ width:92%;margin:auto; clear:both; line-height:2.5rem; text-align:center; font-size:1rem; color:#CCC;background-color: #FFF;}

.changtu img{ display:block;clear:both; max-width:100%;}
#shareit {
  -webkit-user-select: none;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  text-align: center;
  top: 0;
  left: 0;
  z-index: 1505;
}
#shareit img {
  max-width: 100%;
  position:fixed;
  top:0;left:0;
}

#share-text {
     position: fixed;
    display: block;
    color: #FFF;
    width: 100%; text-align: center;
    font-size:1.5rem;
    line-height:2.5rem;
  top:17.5rem;
}
#share-text i{ font-size: 2rem; margin-left: 0.8rem; margin-right: 0.8rem;}

#ajaxMsgCon{
display:none;
position:fixed;
top:12rem;
width:100%;
z-index: 1500;
}
#ajaxMsg{
  -webkit-user-select: none;
  position:relative;
  width: 11rem;
  height:6rem;
  background: rgba(0,0,0,0.85);
  text-align: center;
  margin:auto;
  border-radius:0.5rem;
  color:#FFF;
}
#ajaxMsg i{ margin-left:1rem;display:block; width:1rem; float:left; height:6rem; font-size:1.5rem; line-height:6rem;color:#51C332; text-align:center;}
#ajaxMsg .msg{ display:block; width:9rem; height:6rem;float:left; line-height:6rem;font-size:1rem;text-align:center;}

#ajaxFormCon{
display:none;
position:fixed;
top:10rem;
width:100%;
z-index: 1501;
}
#ajaxFormCon .con{box-shadow: 0px 2px 8px #333;box-sizing:border-box;color:#FFF;clear:both;width:92%; padding:1rem;background: rgba(0,0,0,0.5);max-width:30rem; margin:auto;border-radius:0.5rem;}
#ajaxFormCon .con h2{ display:block;clear:both;width:100%; font-size:1rem;line-height:2em;}
#ajaxFormCon .con .key{border:none;display:block;clear:both;width:100%;  text-align:center;font-size:1rem;line-height:2em;color:#F97905;}
#ajaxFormCon .con .btn{width:100%;line-height:2rem; font-size:0.9rem; text-align:center;background:#F97905;border-radius: 0.25rem; color:#FFF;clear:both; margin-top:1rem;}
.uploadCon {
    position: relative;
    display: block;
    margin:auto;
    background:#FFF;
    border: 1px solid #FA7905;
    border-radius:0.3rem;
    width:75%;
    height:6rem;
    overflow: hidden;
    color: #FA7905;
    text-decoration: none;
    text-indent: 0;
    line-height:6rem;
    
    text-align:center;
}
.uploadCon i{font-size:4rem;} 
.uploadCon input[type=file] {
    width:100%;
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
#coverUpDisplay{ width:75%; margin:auto;clear:both;}
#coverUpDisplay img{ width:100%;}

.clickStar{ display:inline-block;}
.clickStar em{display:inline-block; font-style:normal;width:2rem; text-align:center; color:#999;}
.clickStar em:before{content:"★";}
.clickStar .on{ color:#F97905;}

.reviewStar{display:inline-block; font-style:normal;color:#F97905;font-size:1rem;line-height:1.6rem;}
.star1:before{content:"★";}
.star2:before{content:"★★";}
.star3:before{content:"★★★";}
.star4:before{content:"★★★★";}
.star5:before{content:"★★★★★";}