@charset "UTF-8";
/*!
 *  Item:开发者平台--高校扶持计划
 *  Author: Bino Yip
 *  Update: Bino Yip (2015-05-15)
 */

body{background-color: #fff;}
.po-header{z-index: 1;}
.icon-hs{background-image: url(/public/v3.0/images/act/icon_act.png?v=1); background-repeat: no-repeat;}
.hs-a{color:#2ea9e8; text-decoration: underline;}
.hs-a:hover{color:#2ea9e8; text-decoration: underline;}

.hs-banner{width: 100%; margin: 0px 0 30px; background: url(/public/v3.0/images/act/highschool/banner_bg.png) center center no-repeat #89a73b;}
.hs-banner .banner-main{width: 1080px; height: 400px; margin: 0 auto; background: url(/public/v3.0/images/act/highschool/banner1.png) center center no-repeat;}
.hs-banner .banner-word{position: absolute; left: 50%; top: 230px; width: 400px;  margin-left: 37px; text-align:center;}
.hs-banner .banner-btn{ width: 198px; height: 44px; line-height: 44px; letter-spacing: 2px; color: #fff; font-size: 22px; border: 2px solid #fff; border-radius: 5px;}
.hs-banner .banner-btn-disable{color: #ccc; border-color: #ccc; cursor: default;}

 


/*********高校扶持计划 介绍页面***********/
.hs-index-wrap{width: 1080px;}

.hs-index-section{margin-bottom: 25px; font-size: 14px; color: #685652; }
.hs-index-title{height: 26px; line-height: 26px; font-size: 20px; color: #402f2a; font-weight: 400;}
.hs-index-title i{display: inline-block; width: 25px; height: 25px; margin-right: 10px; vertical-align: top;}
.hs-index-title i.icon-hs-index{ background-position: 0px 0px; }
.hs-index-title i.icon-award{ background-position: 0px -28px; }
.hs-index-title i.icon-explain{ background-position: 0px -82px; }
.hs-index-title i.icon-activity{ background-position: 0px -55px; }
.hs-index-title i.icon-standard{ background-position: 0px -136px; }
.hs-index-title i.icon-fine{ background-position: 0px -109px; }
.hs-index-content{margin: 0 36px; padding: 15px 0 30px; line-height: 24px; border-bottom: 1px dotted #e0d7c9;}
.no-content-border{border-bottom: none;}
.hs-index-content p{margin-bottom: 2px;}
.hs-index-column{float: left; width: 450px; height: 450px; padding-right: 72px; border-bottom: 1px dotted #e0d7c9;}
.hs-index-column .column-content{margin-left: 0;}

.hs-index-plan{float: left; width: 266px; height: 358px; margin: 20px 50px 20px 20px; text-align: center; background: url(/public/v3.0/images/act/reward_bg.png) 0 0 no-repeat;}
.hs-index-plan .plan-type{width: 134px; height: 30px; margin: 20px auto 50px; text-indent: -99999px; background-position: 0px -30px;}
.hs-index-plan .plan-type1{background: url(/public/v3.0/images/act/highschool/type_title1.png) center center no-repeat;}
.hs-index-plan .plan-type2{background: url(/public/v3.0/images/act/highschool/type_title2.png) center center no-repeat;}
.hs-index-plan .plan-type3{background: url(/public/v3.0/images/act/highschool/type_title3.png) center center no-repeat;}
.hs-index-plan .plan-name{height: 50px; margin-bottom: 50px; font-size: 18px; font-weight: 700; color: #916454;}
.hs-index-plan .plan-name i{font-size: 12px; font-weight: 400;}
.hs-index-plan .plan-con{color: #fcef03;}
.hs-index-plan .plan-con b{color: #fff; font-weight: 400; margin: 0 2px;}
.hs-index-plan .plan-keyword{font-size: 22px; margin-bottom: 20px;}
.hs-index-plan .plan-keyword b{font-size: 32px;}
.hs-index-plan .plan-txt{margin-bottom: 5px;}

.hs-index-progress{padding: 20px 0px;}
.hs-index-progress li{float: left;}
.hs-index-progress li.progress-item{padding: 4px 20px; color: #fff; border-radius: 8px; background-color: #00aa5c;}
.hs-index-progress li.progress-line{width: 22px; height: 14px; margin: 8px 10px 0 0; background-position: -1px -167px;}

.hs-index-hot-map{padding: 30px 0 40px; text-align:center;}

.hs-index-app{width: 180px; height: 65px; padding-top: 5px; margin: 0 auto; background: url(/public/v3.0/images/act/highschool/app_bg.png) 0 0 repeat-x;}
.hs-index-app-list{display: block; width: 140px; margin: 0 auto;}
.hs-index-app-icon{float: left; width: 60px; height: 60px; border-radius: 5px; overflow: hidden;}
.hs-index-app-icon img{width: 100%; height: 100%;}
.hs-index-app-tit{float: right; width: 70px; height: 65px; line-height: 65px; font-size: 16px; font-weight: 700;}

.hs-index-preview-ul {display: inline-block;margin-top: 100px;margin-top: 60px;}
.hs-index-preview-li {float: left;width: 300px;text-align: center;position: relative;}
.hs-index-preview-wall{position: relative;width: 200px;margin: 0 auto;padding-top: 100px;}
.hs-index-preview-wall img {width: 100%;}
.hs-index-preview-tips{position: absolute;top: 0;right: 0; width: 0px; height: 165px; padding-left: 0;font-size: 16px;text-align: left;color: #22c485;white-space:nowrap;background: url(/public/v3.0/images/act/highschool/guide_line1.png) 0px 7px no-repeat;-webkit-transition: width 0s ease-out;transition: width 0s ease-out;overflow: hidden;}
.hs-index-preview-tips1{ top: -15px; left: 250px;}
.hs-index-preview-tips2{ top: 22px; left: 240px;}
.hs-index-preview-tips3{ padding-left: 0; padding-right: 0; direction:rtl; text-align: right; top: 345px; right: 236px; background: url(/public/v3.0/images/act/highschool/guide_line2.png) right 0px no-repeat;}
.hs-index-preview-on{width: 284px;padding-top: 0;}
.hs-index-preview-on .hs-index-preview-tips1, .hs-index-preview-on .hs-index-preview-tips2{width: 300px;display: block;padding-left: 140px;z-index: 1;-webkit-transition: width 1s ease-out;transition: width 1s ease-out;}
.hs-index-preview-on .hs-index-preview-tips3{width: 300px;display: block;line-height: 310px;padding-right: 140px;z-index: 1;-webkit-transition: width 1s ease-out;transition: width 1s ease-out;}
.hs-index-preview-li p { margin-top: 38px; font-size: 12px;}

.hs-index-float{display: none; position: fixed; right: 50%; bottom: 150px; width: 100px; margin-right: -650px;}
.hs-index-float li{ width: 100px; height: 100px; line-height: 100px; margin-bottom: 2px; text-align: center; background-color: #dad8d0; }
.hs-index-float li a{ display: block; width: 100%; height: 100%;  margin-bottom: 1px;  color: #555; font-size: 18px;}
.hs-index-float li.spart-to-top{ height: 67px; padding-top: 33px; cursor: pointer;}
.hs-index-float li.spart-to-top a{ width: 58px; height: 31px; margin: 0 auto; text-indent: -9999px; background-position: 0 -240px;}


/*********高校扶持计划 表单提交页面***********/
.has-js .po-top-bar, .has-js .po-header{display: none;}
.has-js .hs-banner{margin: -50px 0 30px;}

.has-js .hs-banner .banner-main{background: url(/public/v3.0/images/act/highschool/banner2.png) center center no-repeat;}

.hs-apply-wrap{margin-bottom: 50px; margin-top: -220px;}
.po-form-left{width: 180px; color: #333;}
.po-input-desc{font-size: 14px; height: 20px; line-height: 20px;}
.po-input-desc a{margin: 0 8px; color: #29c78b;}
.po-form-list li{margin-bottom: 30px;}
.spark-hide-list{display: none;}
.spark-short-input{width: 180px;}

.div-input-hide,
.main-form-div{display: none;}

.dev-info-bottom{display: none; text-align: center; margin: 40px auto;}
.dev-info-bottom .dev-btn-submit{ width: 150px; height: 44px; line-height: 44px;}
.dev-info-bottom a{ color: #29c78b; outline: none!important;}

/*zip文件上传*/
.zip-tips{height: 30px; line-height: 30px; margin-top: 5px; font-size: 14px; color: #999;}
.zip-add-box{ display: inline-block; width: 450px; }
.zip-box{ width: 440px; height: 40px;  }
.zip-box .zip-btn{ width: 110px; height: 100%; line-height: 40px;}
.zip-box .po-file{width: 110px;}
.zip-box .zip-error-input{width: 1px; height: 1px; opacity: 0; filter:alpha(opacity=0); }

.zip-process{display: none; width: 378px; margin-top: 10px; padding-top: 10px; background-color: #eee;}
.zip-process p{line-height: 24px;}
.zip-process-close,
.zip-del{position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 20px; font-size: 18px; color: #333; text-align: center; cursor: pointer; background-color: #ccc;}
.zip-process-close:hover,
.zip-del:hover{color: #f00;}
.zip-process-title{color: #999; padding-left: 10px;}
.zip-process-txt{color: #000; padding: 0 0 10px 10px;}
.zip-error .zip-process-txt{color: #ff5831;}
.zip-process .process-bg{width: 100%; height: 4px; background-color: #ccc;}
.zip-process .process-line{display: block; width: 0px; height: 4px; background-color: #3cca93; }
.zip-img{display: none; width: 378px; margin-top: 10px; padding: 5px 0 10px; background-color: #eee; text-align: center; }
.zip-img img{ border: none;}
.zip-img-show,
.zip-img-show:hover .zip-del{display: block;}
.zip-success-txt, .zip-success-file{color: #3cca93; padding: 5px 10px; font-size: 14px; text-align: left;}
.zip-success-txt img{width: 355px; height: 240px;}
.zip-success-file{color: #333;}


/*单选框*/
.label_radio { display: inline-block; cursor: pointer; line-height: 20px; font-size: 14px; min-height: 20px; margin: 8px 25px 0 0;}
.label_radio input{ margin-right: 5px; }
.label_radio a{margin: 0 8px; color: #29c78b; text-decoration: underline;}
.label-p{padding-left: 24px; line-height: 22px;}
.has-js .label_radio{padding-left: 24px; }
.has-js .label_radio{background-image: url(/public/v3.0/images/spark/icon_spark.png); background-repeat: no-repeat;}
.has-js .label_radio{background-position: 0 -463px; }
.has-js .label_radio_on{ background-position: 0 -488px; }
.has-js .label_radio input{ position: absolute; left: -9999px; }