/*
   awards.css
   IOT奖项页样式文件

   Created by lc on 2016-04-25.
   Copyright 2016 lc. All rights reserved.
*/
/* ==================== */
/* = 公用部分 = */
/* ==================== */
/*banner*/
.banner_img{
    height: 400px;
    position: relative;
    background-position: top center;
    background-size: auto 100%;
}

.banner_text{
    padding-top: 267px;
    width: 580px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
.banner_text h1{
    display: block;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}
.banner_text blockquote{
    text-indent: 2em;
    line-height: 28px;
    text-align: left;
    margin-bottom: 40px;
}
.apply_btn{

    width: 100px;
}
/**响应式样式*************/

/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    /*banner*/
    .banner_img{
        height: 280px;
    }
    .banner_text{
        width: auto;
        padding: 222px 15px 0 15px;
    }
    .banner_text h1{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .banner_text blockquote{
        margin-bottom: 20px;
    }
}



/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    /*banner*/
   .banner_img{
       padding-top: 0px;
       height: 180px;
   }
    #addHeader{
        padding-top: 20px;
        background-color: #1f2438;
    }
    .banner_text{
        width: auto;
        padding: 193px 10px 0px 10px;
    }
    .banner_text h1{

        font-size: 15px;
        margin-bottom: 15px;

    }
    .banner_text blockquote{
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 20px;
    }

}
/* ==================== */
/* = 奖项列表页样式 = */
/* ==================== */


/*tab选项卡框架*/
#awards_module .tab_header{
    display: block;
    background: #323232;

}
#awards_module .header_box{
    display: block;
    width: 810px;
    margin: 0 auto;
    line-height: 50px;
    color: #fff;
    text-align: center;
}

#awards_module .tab_header span{
    display: block;
    float: left;
    width: 33%;
    *width: 32.5%;
    position: relative;
    cursor: pointer;
}
#awards_module .icon_arrow{
    display: none;
    position: absolute;
    border: 6px solid rgba(0,0,0,0);
    border-top: none;
    border-bottom: 6px solid #fff;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
}
#awards_module .tab_header .active{
    font-weight: bold;
    background: #222222;


}

#awards_module  .active .icon_arrow{
    display: block;
}
.tab_content .time{
    font-size: 18px;
    color: #333;
    text-align: center;
    padding-bottom:16px ;
}
#awards_module .tab_content_item{
    padding-top:40px ;
    display: none;
}
#awards_module .tab_content_item.active{
    display: block;
}

/*人物列表*/
.person_list{
    display: block;
}
.person_list li{
    display: block;
    float: left;
    width: 283px;
    height: 320px;
    border: 1px solid #ddd;
    margin-left: 20px;
    margin-bottom: 40px;

}
@media screen and (max-width: 415px){
    .person_list li{
        height: 210px;
    }
}
.person_list li:hover{
    background: #f9f9f9;
}
.person_list .line_first{
    margin-left: 0;
}
.person_list .img_box{
    position: relative;
}
.person_list .img_box .layer_bg{
    display: block;
    background: #000;
    filter/*\**/: alpha(opacity=50)\9;
    -moz-opacity: .5;
    opacity: .5;
    width: 98%;
    padding-left: 2%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    overflow: hidden;
    line-height: 33px;
    font-style: normal;
    font-size: 12px;
}
.person_list .img_box .vot_btn{
    display: block;
    position: absolute;
    width: 100px;
    height: 30px;
    line-height: 30px;
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #EB3372;
    border: none;
}
.person_list .img_box .vot_btn:hover{
    background: #E2014E;
}
.person_list .img_box .vot_btn[disabled]{
    background: #999999;
    cursor:text;
}
.person_list blockquote{
    padding:25px 20px;
}
.person_name{
    display: block;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 20px;
}
.person_list big{
    font-weight: bold;
    color: #000;
    margin-right: 10px;

}
.person_list small{
    display: block;
    color: #999;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    *display: block;
}


/*企业列表*/
.company_list{

    display: block;
}
.company_list li{
    display: block;
    float: left;
    padding: 20px;
    margin: 0 30px 40px 0;
    border: 1px solid #ddd;
    width: 328px;
}
.company_list li:hover{
    background: #F9F9F9;
}
.company_list .line_first{
    margin-left: 0;
}

.company_list .company_name{
    margin-bottom: 20px;
}
.company_list .img_box{
    width: 100px;
    height: 90px;
    margin-right: 20px;
    background: #fff;
}
.company_list .company_name_text{
    width: 208px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.company_list .company_name_text big{
    color: #333333;
    display: block;
    margin-bottom: 8px;
}
.company_list .company_name_text small{
    display: block;
    color: #666;
    margin-bottom: 12px;
}
.company_list .vot_btn{
    background: #EB3373;
    border: none;
    color: #fff;
    width: 100px;


}
.company_list .vot_btn:hover,.company_list .vot_btn:active{
    background: #E2014E;
}
.company_list .vot_btn.disabled{
    background: #999999;
    color: #fff;
}
.company_list .company_text{
    display: block;
    height: 44px;
    color: #999999;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/**响应式样式*************/

/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
    /*tab框架*/
   #awards_module .header_box{
       width: auto;
   }
   #awards_module .tab_content_item{
       padding-top: 30px;
   }
   /*人物列表*/

    .person_list li{

        margin: 0 0 3% 3%;
        width: 22.7%;
        box-sizing: border-box;

    }

   .person_list .img_box .vot_btn{
        font-size: 12px;
        width: 80px;
    }
    .person_list blockquote{
        padding: 10px 5px;
    }
    .person_name{
        font-size: 12px;
    }
    .person_list big{
       font-size: 14px;
    }

    /*公司列表*/
    .company_list li{
        box-sizing: border-box;
        padding: 10px;
        margin: 0 0 3% 3%;
        width: 31.3%;
        box-sizing: border-box;
    }
    .company_list .img_box{
        margin-right: 10px;
    }
    .company_list .company_name_text{
        width: auto;
        float: none;
        white-space: normal;

    }
    .company_list .company_name_text big{
        display: block;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 42px;
    }
    .company_list .company_name_text small{
        display: block;
         display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height:35px;
    }
    /*人物列表*/
    .person_list li,.person_list li.line_first{
        width: 48.5%;
        margin: 0 0 3% 3%;;
    }
    .person_list li:nth-last-of-type(even){
        margin-left: 0;
    }

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    /*公司列表*/
    .company_list li,.company_list .line_first{
        box-sizing: border-box;

        margin: 0 0 2% 2%;
        width: 49%;
        box-sizing: border-box;
    }
    .company_list li:nth-of-type(2n+1){
        margin-left: 0;
    }
    .company_list .vot_btn{
        width: 100%;
        box-sizing: border-box;
    }

    /*百度分享,隐藏微信和QQ*/
    #baidu_share{
        text-align: right;
    }
    #baidu_share a,#baidu_share span{
        display: inline-block;
        float:none;
        vertical-align: middle;
    }

    #baidu_share .bds_weixin,#baidu_share .bds_sqq{
        display: none;
    }


}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    /*悬浮列表*/
    .tab_header.fixed{
        height:45px ;
    }
    #awards_module .tab_header.fixed .header_box{
        position:fixed;
        top: 0;
        left: 0;
        z-index: 4000;
        width: 100%;
        line-height: 45px;
        background: #323232;

    }



    /*公司列表*/
    .company_list li,.company_list .line_first{
        box-sizing: border-box;

        margin: 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .company_list .company_name_text big{
        display: block;
        height: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .company_list .company_name_text small{
        display: block;
        height: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}


/* ==================== */
/* = 奖项详情页公用  = */
/* ==================== */
/*介绍*/
.awards_bodyer{
    background: #F2F2F2;
}
.detail_content{
    display: block;
    padding-top: 130px;
    position: relative;
}
.bdsharebuttonbox{
    position: absolute;
    right: 0;
    top:66px;
    width: 166px;
}
.detail_content_header{
    border: 1px solid #ddd;
    background: #fff;
    padding: 50px 40px;

}
.detail_content_header .img_box{
    margin-top: -110px;
    border: 1px solid #ddd;
    margin-right: 30px;

}
.detail_name {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;


}
.detail_name span{
    font-size: 16px;
    font-weight: 100;
    vertical-align: baseline;
    color: #333;
    margin-right: 2em;
}
.company_name_text p{
    display: block;
    line-height: 28px;
    color: #666;
    margin-top: 24px;
}
.company_name_text .vot_btn{
    width: 100px;
    background: #EB3373;
    border: none;
    color: #fff;
}
.company_name_text .company_name_text .vot_btn:hover, .company_name_text .vot_btn:active {
    background: #E2014E;
}
.company_name_text .vot_btn[disabled],.company_name_text .vot_btn.disabled{
    color: #fff;
    background: #999;
}
.company_name_text .hot_mum{
    margin-left: 30px;
    color: #999;
    position: relative;
    padding-left: 24px;
}
.icon.icon_hot{

    background: url(../images/hot_ico.png) no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute;
    left:0;
    top: 50%;
    margin-top: -10px;

}


/*介绍文字*/
.detail_content_des{
    padding: 45px 40px 0 40px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 40px;
}
.detail_content_des:last-child{
    margin-bottom: 70px;
}
.detail_content_des .des_title{
    display: block;
    margin-bottom: 40px;
    font-size: 16px;
    color: #333;
}
.detail_content_des .des_text{
    margin-bottom: 45px;
}
.rule-box .detail_content_des .des_text{
    margin-bottom: 2px;
}
.rule-box .detail_content_des .des_title{
    margin-top: 32px;
}
.detail_content_des .des_text p{
    font-size: 16px;
    color: #666;
    line-height: 36px;
    /*text-indent: 2em;*/
   word-break: break-word;
}
.company_des header{
    display: block;
    margin-bottom: 45px;
}
.company_des .img_box{
    border: 1px solid #ddd;
    width: 200px;
    height: 111px;
    margin:0 40px 0 0;
}
.company_des big{
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0 10px 0;


}
#awards_module .no_list{
    display: block;
    width: 100%;
    padding: 100px 0;
    border: none;
    margin: 0;
    text-align: center;
    background: none;
    background: url(../images/no_list.png) no-repeat center 30px;

}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .bdsharebuttonbox{
        top: 84px;
    }
    .detail_content_header{
        padding: 30px 20px;
    }
    .detail_content_header .img_box{
        margin-top: -90px;
        margin-right: 20px;
    }
    .detail_name{
        font-size: 20px;

    }
    .detail_name span{
        display: block;
        margin-top: 12px;
        margin-left: 184px;
    }
    .detail_person2  .detail_name span{
        margin-left: 240px;
    }
    .detail_content_des{
        padding: 30px 20px;
        margin-top: 20px;
    }
    .detail_content_des .des_title{
        margin-bottom: 20px;
    }
    .detail_content_des .des_text{
        margin-bottom: 0;
    }
    .detail_content_des:last-child{
        margin-bottom: 0;
    }
}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .company_name_text .hot_mum{
        margin-left: 0px;
    }

    .detail_content{
        padding-top: 160px;
    }
    .detail_content_header{
        padding: 15px 10px;
    }

    .detail_content_header .img_box{
        margin-top: -40px;
        margin-right: 10px;
    }
    .detail_name{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .detail_name span{
        margin-top: 5px;
        font-size: 14px;
        margin-left: 102px;
    }
    .detail_person2 .detail_name span{
        margin-left: 132px;
    }
    .company_name_text p{
        margin-top: 10px;
    }
    .detail_content_des{
        padding: 15px 10px;
    }
    .detail_content_des .des_title{
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;

    }
    .detail_content_des .des_text p{
        font-size: 14px;
        line-height: 26px;
    }
    .rule-box .detail_content_des .des_title{
        margin-bottom: 18px;
    }
    .company_des header{
        margin-bottom: 25px;
    }
    .company_des .img_box{
        width: 120px;
        height: 66px;
        margin-right: 10px;
    }

    .company_des big{
        margin: 10px 0 10px 0;
        font-size: 16px;
        margin-bottom: 10px;
    }
}


.company_des p{
    display: block;
    color: #999;

}

/* ==================== */
/* = 人物奖项详情页  = */
/* ==================== */

.detail_person{
    width: 420px;
    height:280px ;
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
    .detail_person{
        width: 300px;
        height: 200px;
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .detail_person{
        width: 218px;
        height: 145px;
    }
}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .detail_person{
        width: 120px;
        height: 80px;
    }
}
/* ==================== */
/* = 科技奖项详情页  = */
/* ==================== */
.detail_product{
    width: 311px;
    height:280px ;
}
.download_btn{
    line-height: 30px;
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
    .detail_product{
        width: 223px;
        height: 200px;
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .detail_product{
        width: 162px;
        height: 145px;
    }
}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .detail_product{
        width: 90px;
        height: 80px;
    }
}



/* ==================== */
/* = 关于奖项页、评选流程页公用  = */
/* ==================== */
.awards_des_module{
    margin-top: 65px;

}
.awards_des_title{
    font-size: 24px;
    font-weight: normal;
    display: block;
    margin-bottom: 40px;
    text-align: center;
}
.awards_top .awards_des_title{
    margin-bottom: 28px;
}
.awards_top .awards_des_content{
    text-align: center;
    color: #666666;
    font-size: 16px;
    line-height: 36px;
}
.bottom_apply_btn{
    display: block;
    width: 100px;
    margin: 70px auto;
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {


}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .awards_des_module{
        margin-top: 20px;
    }
    .awards_top .awards_des_content{
        font-size: 14px;
        line-height: 26px;
    }
    #awards_application{
        position: relative;
    }

}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .awards_top .awards_des_title{
        margin-bottom: 20px;

    }
    .awards_des_title{
        margin-bottom: 20px;
    }
}

/* ==================== */
/* = 关于奖项页  = */
/* ==================== */
/*奖项设置*/
.awards_setting_ul{
    width:600px ;
    margin: 0 auto;
}
.awards_setting_li{
    display: block;
    float: left;
    width: 48%;
    margin-left: 2%;
}
.awards_setting_li:first-child{
    margin-left: 0;
}
.awards_setting_li img{
    margin-right: 15px;
}
.awards_setting_li span{
    width: 150px;
}
.awards_setting_li big{
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;

}
.awards_setting_li small{
    display: block;
    color: #999;
    line-height: 20px;
}
/*投奖申请流程*/

.awards_application_header{
    width: 960px;
    margin: 0 auto 40px auto;
}
.awards_application_header span{
    display: block;
    vertical-align: middle;
    float: left;
    width:65px;
    height: 65px;
    padding: 22px;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #363A4C;
    background: #363A4C;
    margin-right:91px ;
    cursor: pointer;
}

.awards_application_header span:last-child{
    margin-right: 0;
}
.awards_application_header .active,.awards_application_header span:hover{
    border: 5px solid #E81960;
    background: #E81960;
}
.awards_application_header p{
    display: block;
    height: 65px;
    display: table-cell;
    vertical-align: middle;
    position/*\**/: absolute\9;
    left/*\**/: 0\9;
    width/*\**/: 100%\9;

    top/*\**/: -25%\9;
    margin-top/*\**/: 50%\9;
}
.awards_application_header .icon_arrow_right{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/icon_arrow_right.png) no-repeat;
    right: -60px;
    top: 45px;
}
.awards_application_header .icon_arrow_bottom{
    display: none;
    position: absolute;
    width: 20px;
    height: 12px;
    background: url(../images/icon_arrow_bottom.png) no-repeat;
    bottom: -25px;
    left:45px;
}
.awards_application_header span:hover .icon_arrow_bottom,.awards_application_header .active .icon_arrow_bottom{
    display: block;
}
.awards_application_bodyer{
    padding: 35px 40px;
    border: 1px solid #E6F0FA;
    background: #F3F8FD;
    line-height: 28px;
    color: #666;
}

.awards_application_bodyer blockquote{
    display:none;
    margin-bottom: 10px;
}
.awards_application_bodyer .active{
    display: block;
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
    /*奖项设置*/
    .awards_setting_ul{
       width: auto;
       text-align: center;
    }
    .awards_setting_li img{
        display: block;
        margin: 0 auto 15px auto;
        float: none;
    }
    .awards_setting_li span{
        width: auto;
        float: none;

    }

    .awards_setting_li big{
        text-align: center;
    }
    /*申请流程*/
   .awards_application_header{
       width: auto;
       text-align: center;
   }
   .awards_application_header span{
       display: inline-block;
       margin-right:34px ;
       float: none;
   }
   .awards_application_header .icon_arrow_right{
       right: -35px;
   }



}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    /*申请流程*/
   .awards_application_header{
       float: left;
       width: 120px;
       margin-bottom: 0;
   }
   .awards_application_header span{
       margin: 0 0 25px 0;
   }
   .awards_application_header span:last-of-type{
       margin-bottom: 0;
   }
   .awards_application_bodyer{
        margin-left: 175px;
        padding: 15px 10px;
   }
   .awards_application_header .icon_arrow_right{
       -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
       transform: rotate(90deg);
       right: auto;
       top: auto;
       bottom: -28px;
       left: 45px;
    }
    .awards_application_header .icon_arrow_bottom{
        -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: -45px;
        top: 45px;
        left: auto;
        bottom: auto;
    }
    .bottom_apply_btn{
        margin: 20px auto;
    }


}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    /*奖项设置*/
   .awards_setting_li{

        margin: 0;
        width: 100%;
        float: none;
        margin-bottom: 15px;

   }
   .awards_setting_li img{
        max-width: 20%;
        margin: 0  15px 0 0 ;
        float: left;
   }
   .awards_setting_li span{
       display: table-cell;
       float: none;
   }
   .awards_setting_li big{
       text-align: left;
   }

   /*申请流程*/
  .awards_application_header{
      width: 125px;
  }
  .awards_application_header span{
      padding: 5px;

  }

  .awards_application_bodyer{
      margin-left: 125px;

  }
  .awards_application_header .icon_arrow_bottom{
      right: -25px;
      top: 30px;
  }
  .awards_application_header .icon_arrow_right{
      left: 27px;
  }
}

/* ==================== */
/* = 评选流程页  = */
/* ==================== */
/*奖项设置*/
.awards_li{
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 30px;
}
.awards_li span{
    display: block;

    margin-right: 20px;
    line-height: 28px;
    color: #999;
}
.awards_li.line_last span{
    margin-right: 0;
}
.awards_li img{
    display: block;
    float: left;
    margin-right: 20px;
}
.awards_li big{
    display: block;
    padding: 15px 0 25px;
    color: #333;
    font-size: 16px;
}
.awards_li.line_bottom{
    margin-bottom: 0;
}
/*总体流程*/
.awards_process h2{
    margin-bottom: 80px;
}
.awards_process ul{
    display: block;
    border-top: 3px solid #0066CC;
    width: 970px;
    height: 200px;
    margin: 0 auto;
    padding: 0 45px;
    position: relative;
}
.awards_process li{
    display: block;
    width: 25%;
    text-align: center;
    float: left;
    line-height: 25px;
    color: #666;
    margin-top: -47px;
    cursor: pointer;
}
.awards_process .icon_circle{
    display: block;
    border-radius: 50%;
    border: 2px solid #0066CC;
    width: 15px;
    height: 15px;
    margin: 10px auto;
    background: #fff;

}
.awards_process li.active .icon_circle{
    background:#0066CC;
}
.awards_process li.active b{
    color:#0066CC ;
}
.awards_process li.active:after{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    display: block;
    border: 3px solid #F73275;
 -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: none;
    border-top: none;
    margin:5px auto 0 auto;
}
.awards_process blockquote{
    display: none;
    position: absolute;
    width: 100%;
    height: 120px;
    padding: 20px 70px;
    border: 1px solid #E6F0FA;
    background:#F3F8FD;
    left:-80px;
    top: 80px;
    text-align: left;
}
.awards_process li.active blockquote{
    display: block;
}
/*评选规则,颁奖奖项*/
.awards_bottom_module{
    margin-top: 0;
    margin-bottom: 60px;
}
.awards_bottom_module h2{
    margin-bottom: 28px;
    text-align: left;
}
.awards_bottom_module li{
    font-size: 16px;
    line-height: 36px;
    color: #666;
}
.awards_presenting{
    width: 480px;
}
/*专家评委*/
.awards_jury{
    clear: both;
}
.awards_jury h2{
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding-bottom:30px ;
    margin-bottom: 0;
}
.awards_jury li{
    width: 550px;
    float: left;
    padding: 20px 50px 20px 0;
    border-bottom: 1px dashed #ddd;
}
.awards_jury li:last-of-type,.awards_jury li:nth-last-of-type(2){
    border-bottom: 1px solid #ddd;
}
.awards_jury .img_box{
    float: left;
    margin-right:30px ;
    width: 170px;
    height: 150px;

}
.awards_jury strong{
    display: block;
    margin-bottom: 20px;
}
.awards_jury big{
    margin-right: 50px;
}
.awards_jury p{
    display: block;
    color: #666;
    line-height: 20px;
    height: 100px;
        overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size: 12px;
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
    /*活动亮点*/
    .awards_li,.awards_li.line_bottom {
        width: 100%;
        margin-bottom: 30px;
    }
    .awards_li img{
        width: 180px;

    }
    .award_li:last-child{
        margin-bottom: 0;
    }

    /*总体流程*/
    .awards_process ul{
        width: auto;
        height: 150px;
    }
    .awards_process blockquote{
        box-sizing: border-box;
        padding: 15px;
        margin-left: 0;
        left: 0;
    }
    /*评选规则,颁奖奖项*/
   .awards_bottom_module{
       float: none;
       width: auto;
   }
   /*专家评委*/
   .awards_jury li{
       width: 50%;
       box-sizing: border-box;
       padding-right: 5px;
   }
   .awards_jury li:nth-of-type(even){
       padding-right: 0;
       padding-left: 5px;
   }
   .awards_jury .img_box{
       margin-right: 10px;
   }
   .awards_jury strong{
       height: 40px;
       overflow: hidden;
       margin-bottom: 5px;

   }
   .awards_jury big {
       margin-right: 10px;
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    /*活动亮点*/


    .awards_li img{
        margin-right: 15px;
        width: 150px;
        display: table-cell;

    }
    .awards_li span{
        display: table-cell;
    }
    .awards_li big{
        padding: 0 0 10px 0;
    }

    /*总体流程*/
   .awards_process h2{
       margin-bottom: 0;
   }
    .awards_process ul{
        padding: 0;
        border: none;
        padding: 20px 0;
        position: relative;
    }
    .awards_process ul:before{
        content: "";
        border: 3px solid #0066CC;
        border-right: none;
        width: 0;
        height: 100%;
        left: 50%;
        top: 10px;
        margin-left: -1px;
        position: absolute;
        z-index: -1;
    }
    .awards_process li{
        display: block;
        width: 100%;
        vertical-align: middle;
        margin: 0;
        line-height: 20px;
        padding: 10px 0;

    }
    .awards_process li .icon_circle{
        margin: 0;
        display: inline-block;

    }
    .awards_process li.active:after{
        display: none;
    }
    .awards_process li.active blockquote{
        display: none;
    }

    .awards_process p{
        display: inline-block;
        text-align: right;
        float: left;
        width:45%;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .awards_process b{
        display: inline-block;
        float: left;
        width: 45%;
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
        float: right;

    }


    /*评选规则,颁奖奖项*/
    .awards_bottom_module h2{
        margin-bottom: 20px;
        text-align: center;
    }
     /*专家评委*/
   .awards_jury li,.awards_jury li:nth-of-type(even){
       float: none;
       width: 100%;
       box-sizing: border-box;
       padding: 10px 0;
   }

   .awards_jury .img_box{
       margin-right: 30px;
   }



}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    /*活动亮点*/
   .awards_li, .awards_li.line_bottom{
        margin-bottom: 20px;
    }
    .award_li:last-child{
        margin-bottom: 0;
    }
    .awards_li img{

        display: block;
        margin: 0 auto;
        float: none;
        margin-bottom: 15px;

    }
    .awards_li span{
        display: block;
        margin-right: 0;

    }
    .awards_li big{
        text-align: center;
    }

    .awards_bottom_module{
        margin-bottom: 20px;
    }
    .awards_bottom_module li{
        font-size: 14px;
        line-height: 28px;
    }
     /*专家评委*/

    .awards_jury li:nth-last-of-type(2){
        border-bottom-style: dashed;
    }
    .awards_jury .img_box{
       width:130px ;
       height: 100px;
       margin-right: 10px;
    }
    .awards_jury strong{
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0;
    }
    .awards_jury big{
        font-size: 14px;
        font-weight: bold;
    }
    .awards_jury p{
        height: 60px;
        -webkit-line-clamp: 3;
    }
}

/* ==================== */
/* = 选择报名表单项页  = */
/* ==================== */
.banner_apply .banner_text{
    padding-top: 267px;
}
#apply_choose{
    display: block;
    width: 600px;
    margin: 70px auto 30px auto;
}
.apply_choose_li{
    display: block;
    float: left;
    width: 280px;
    height: 330px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #ddd;
    box-shadow: 0 0 2px #ddd;
    margin: 0 0 40px 40px;
}
.apply_choose_li.line_first{
    margin-left: 0;
}
.apply_choose_li span{
    position: relative;
    display: block;
    padding: 40px 45px 70px 45px;
    margin-bottom: 80px;
    color: #fff;
    height: 72px;
}
.apply_choose_li big{
    display: block;
    font-weight: bold;
    margin-bottom: 12px;

}
.apply_choose_li .img_box{
    width: 95px;
    height: 95px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -48px;
    bottom: -48px;
}
.apply_choose_li img{
    height: 100%;
}
.apply_choose_li .btn{

    background: linear-gradient(to bottom, #fff 0%,#EAEAEA 100%);
}
.apply_choose_li .btn:hover{
    color: #fff;
}
.apply_choose_1 span,.apply_choose_1 .btn:hover,.apply_choose_1 .btn:active{
    background: #0B93E4;
}
.apply_choose_2 span,.apply_choose_2 .btn:hover,.apply_choose_2 .btn:active{
    background: #37B715;
}
.apply_choose_3 span,.apply_choose_3 .btn:hover,.apply_choose_3 .btn:active{
    background: #FAAD02;
}
.apply_choose_4 span,.apply_choose_4 .btn:hover,.apply_choose_4 .btn:active{
    background: #EB3373;
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    #apply_choose{
        width: auto;
        padding: 0 10px;
    }
    .apply_choose_li{
        width: 48%;
        margin: 0 0 4% 4%;

    }
    .apply_choose_li span{
        padding-left: 10px;
        padding-right: 10px;
    }
}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    #apply_choose{
        margin: 30px 0;
    }
    .apply_choose_li{
        width: 100%;
        float: none;
        margin: 0 0 4% 0;
        max-width: ;

    }
    .apply_choose_li span{
        padding: 40px 45px 70px 45px;
    }

}
/* ==================== */
/* = 表单申请页，表单预览页  = */
/* ==================== */
.form_input{
    padding: 5px 10px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    /*resize: none;*/
}
textarea.form_input{
    height: 74px;
}
.apply_form_title{
    display: block;
    font-size: 24px;
    margin: 80px 0 30px 0;
    text-align: center;
}
.apply_form dl{
    display: block;
    float: left;
    width: 400px;
    margin-bottom: 25px;
    margin-right: 50px;
}
.wid850 .mr0{
    margin-right: 0px;
}
.wid850{
    width: 850px;
    margin: 0 auto;
}
@media (max-width: 800px) {
    .wid850{
        width: 100%;
    }
    .apply_form dl {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 25px;
        margin-right: 0px;
    }
    .apply_form input.form_input{
        width: 96%!important;
        margin: 0 auto;
        box-sizing: border-box;
        display: block!important;
    }
    .apply_form textarea.form_input{
        width: 96%!important;
        margin: 0 auto;
        box-sizing: border-box;
        display: block!important;
    }
}
.write-part{
    padding-top: 42px;
    border-top: 1px dashed #e4e4e4;
    margin-top: 12px;
}
.apply_form dt{
    display: block;
    font-size: 16px;
    line-height: 48px;
}
.apply_form dt i{
    font-style: normal;
    margin-right: 5px;
    vertical-align: middle;
}
.apply_form input.form_input{
    width: 378px;
}
#apply-in{
    text-align: center;
}
#apply-in .btn_submint{
    display: inline-block;
    width: 260px;
    height: 70px;
    border-radius: 3px;
    line-height: 70px;
    color: #fff;
    background-color: #eb3372;
    font-size: 24px;
    text-align: center;
    padding: 0px;
    border: none;
}

#apply-in {
    margin-top: 25px;
    border-top: 1px solid #e4e4e4;
    padding-top: 36px;
}
.apply_form .select_box{
    width: 340px;
}
.apply_form textarea.form_input{
    width: 378px;
    height: 118px;
    resize: none;
}
.apply_form .bottom_btns .btn{
    width: 180px;
    font-size: 16px;
    padding: 20px 10px;
}
.apply_form .btn.btn_back{
    margin-left: 0;
}
input.btn_view,input.btn_view:hover,input.btn_view:focus,input.btn_view:active{
    border: 1px solid #ddd;

    background: linear-gradient(to bottom, #fff 0%,#EAEAEA 100%);
    margin-left: 30px;
}
/*上传照片*/
.upload_img{
    display: block;
    border: 1px solid #C4E0FF;
    background: #E6F0FB;
    color: #0066CC;
    width: 180px;
    height: 180px;
    line-height: 180px;
    text-align: center;
}
.upload_img p{
    display: block;
    margin-top: 45px;
    line-height: 20px;
}
.upload_img b{
    display: block;
    font-size: 95px;
    height: 70px;
    line-height: 70px;

    color: #98D6FA;

}
.upload_img.loading{
    text-indent: 0 \9;
}
/*上传文件*/
.upload_file_dd .form_input{
    margin: 0 20px 0 0;
}
.upload_file_dd .upload_file_btn{
    margin-bottom: 20px;
}
.upload_file.btn{
    vertical-align: top;
    background: linear-gradient(to bottom, #fff 0%,#EAEAEA 100%);

}
.upload_file_btn mark{
    margin-left: 20px;
    line-height: 40px;
}
.file_upload_box{

    border: 1px solid #ddd;
    width: 340px;

    padding: 10px;
    margin-top: 20px;
}
.file_upload_box p{
    margin-bottom: 5px;
}
.icon_file.pdf{
    display: block;
    width:35px;
    height: 35px;
    background:url(../images/file_icon_pdf.gif) no-repeat center center;
    margin-right: 10px;
}
.file_upload_box .file_name{
    display: block;
    max-width: 175px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.file_upload_box .progress_bar{
    background: #ddd;
    display: block;
    width: 150px;
    height: 15px;
    position: relative;
    float: left;
}
.file_upload_box .progress_bar i{
    display: block;
    height: 15px;
    background: #CCE7B0;
    float: left;
}
.file_upload_box .progress_bar mark{
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 15px;
    line-height: 15px;
    left: 0;
    top: 0;
}

/*图片剪裁盒子*/
#photoClipBox{
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    z-index: 9999;
}
#clipDialog{
    display: block;
    position: fixed;
    border: 5px solid #ddd;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 400px;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -200px;
    color: #666;
    line-height: 20px;
}
#clipDialog h2{
    font-size: 16px;
    margin-bottom: 10px;
    color: #999;
    position: relative;
}
#clipDialog .close{
    background: #ccc;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 19px;
    right: -10px;
    position: absolute;
    text-align: center;
    top: -10px;
}
#clipDialog p{
    margin-bottom: 10px;
}
#clipArea {
        height: 250px;
        margin-bottom: 10px;
}
#clipBtn {
    float: right;
    width: 100px;
}

/*表单预览页*/
.apply_form_view dt,.apply_form_view dd{
    display: inline;
   /* display: inline-block;*/
    /*vertical-align: top;*/
    /*line-height: 48px;*/
}
.apply_form_view .ouput{
    color: #999;
    font-size: 16px;


}
.apply_form_view .img_box{
    width: 180px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}
.apply_form_view .img_box_layer{
    display: none;
    width: 100%;
    height: 100%;
    line-height: 120px;
    text-align: center;
    vertical-align: middle;
    background: #000000;
    color: #fff;
    filter/*\**/: alpha(opacity=60)\9;
    -moz-opacity: .6;
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
}
.apply_form_view .img_box:hover .img_box_layer{
    display: block;
    display: table-cell;
}

.apply_form_view .file_box{
    display: block;
    line-height: 40px;

}
.apply_form_view .icon_file{
    float: left;
}


/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .apply_form_title{
        margin: 30px 0;
    }
    .apply_form textarea.form_input{
        max-width: 100%;
        box-sizing: border-box;
    }
    .upload_file_dd .upload_file_btn{
        display: block;
    }
    .upload_file_dd .form_input{
        margin-bottom: 20px;
    }

}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    #page_border{
        position: relative;
        top: -50px;
    }
    .apply_form_title{
        margin: 20px 0 10px  0;
    }

    .apply_form dl{
        margin-bottom: 15px;
    }
    .apply_form dt{
        line-height: 30px;
    }
    .apply_form input.form_input{
        max-width: 100%;
        box-sizing: border-box;
        height: 40px;
    }
    .apply_form .select_box{
        max-width: 100%;
        box-sizing: border-box;
        height: 40px;
        line-height: 40px;
    }
    .apply_form .select_box select{
        height: 40px;
    }
    .select_box i, .select_box:after{
        top: 18px;
    }
    .apply_form .bottom_btns .btn{
        width:48%;
        margin: 0;
        padding: 12px 12px;
    }
    .apply_form .bottom_btns .btn_view{
        float:right;
    }
    .apply_form .bottom_btns  .btn_back{
        float: none;
        width: 100%;
    }
    .upload_img{
        width: 100px;
        height: 100px;
        line-height: 100px;

    }
    .upload_img p{
        margin-top: 20px;
    }
    .upload_img b{
        font-size: 60px;
        line-height: 40px;
    }
    .upload_file_dd .form_input{
        margin-right: 0;
    }
    .file_upload_box{
        width: 100%;
        box-sizing: border-box;
    }
    .file_upload_box .file_name{
        max-width: 125px;
    }

    /*图片剪裁*/
   #photoClipBox{
       background:#000;
       z-index: 1000;

   }
   #clipDialog{
       position: static;
       border: none;
       background: none;
       padding: 0 10px;
       width: 100%;
       margin: 60px 0 0 0;
       box-sizing: border-box;


   }
   #clipDialog h2{
       color: #fff;
   }
   #clipDialog .close{
       top: 0;
       right: 0;
   }
    #clipDialog p{
        color: #fff;
        font-size: 12px;
    }

}

/* ==================== */
/* = 表单提交成功页  = */
/* ==================== */
.success_tips{
    text-align: center;
    padding: 20px 0;
    margin: 100px 0;

}
.success_tips big{

    font-size: 24px;
    font-weight: bold;
    padding: 10px 0;
    padding-left: 50px;
    background: url(../images/success_ico.png) no-repeat left center;
}
.success_tips strong{
    display: block;
    padding: 40px 0;
    font-size: 16px;
    color: #666;
    font-weight: 100;
}
.success_tips p{
    line-height: 36px;
    font-size: 16px;
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .success_tips{
        margin: 20px 0;
    }
    .success_tips strong,.success_tips p{
        font-size: 14px;
    }
}
.suggest{
    color: #999;
    font-size: 12px;
}
.rule{
    margin-top: 2px;
    text-align: right;
}
.rule a{
    color: #225599;
    font-size: 13px;
}
.rule:hover a{
    text-decoration: underline;
}

