/*
   detial.css
   IOT报名页样式文件

   Created by lc on 2016-04-25.
   Copyright 2016 lc. All rights reserved.
*/
/* ==================== */
/* = 报名公用 = */
/* ==================== */
/*banner*/
.banner_img{
    background-position: center center;
    height:310px ;
    display: block;
    position: relative;
    background-size: auto 100%;
}
/**响应式样式*************/

/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    /*banner*/
    .banner_img{
        height: 210px;
    }
}



/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    /*banner*/
    .banner_img{
        height: 150px;
    }
}
/* ==================== */
/* = 报名选择页 = */
/* ==================== */

#apply_choose, #apply_choose2 {
    display: block;
    width: 1236px;
    margin: 45px auto 32px auto;
}
.apply_choose_list{
    display: block;
    float: left;
    padding: 26px 20px 20px;
    margin: 15px;
    width: 236px;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    position: relative;
}
.apply_choose_list .apply_money{
    display: block;
    color: #EB3372;
    font-size: 32px;
    vertical-align: top;
    height: 41px;
}
.apply_choose_list small{
    font-size: 12px;
    color: #999;
    padding-bottom: 10px;
    padding-top: 6px;
}
.apply_choose_list small span{
    text-decoration: line-through;

}
.apply_choose_list sup{
    vertical-align:super;
    font-size: 16px;
}
.apply_choose_list .apply_options{
    display: block;
    line-height: 14px;
    width: 80px;
    margin: 0 auto 20px  auto;

}
.apply_choose_list .icon_vip{
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(../images/vip_icon.png) no-repeat;
    vertical-align: middle;
    margin-right: 3px;
}
.icon_vip.icon_vip_1{
    background-position: left center;
}
.icon_vip.icon_vip_2{
    background-position: center center;
}
.icon_vip.icon_vip_3{
    background-position: right center;
}
.apply_choose_list .apply_des{
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    height: 40px;
    text-align: left;
    margin-top: 7px;
    margin-bottom: 20px;
}

#apply_choose2 .apply_choose_list .apply_des {
    height: 76px;
    padding-top: 21px;
}
.apply_choose_list .buy_vip_btn{
    width: 96px;
}
.apply_choose_list .buy_vip_btn,.apply_choose_list .buy_vip_btn:focus,.apply_choose_list .buy_vip_btn:active{
    background: #EB3372;
    color: #fff;
    border: none;

}
.apply_choose_list .buy_vip_btn:hover{
    background: #E81960;
}
/**响应式样式*************/

/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
    #apply_choose, #apply_choose2 {
        display: block;
        width: auto;
        margin: 50px auto;
        text-align: center;
    }
    .apply_choose_list{
        display: inline-block;
        float: none;
        width: 28%;
    }
    .apply_choose_list .apply_des{
        height: auto;
      
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .apply_choose_list{

        width: 45%;
        margin: 2%;
        padding: 3%;
        box-sizing: border-box;
    }
    .apply_choose_list .apply_des{
        line-height: 15px;
    }
    .apply_choose_list .buy_vip_btn{
        width: 85px;
        padding: 12px;
    }



}


/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    #apply_choose, #apply_choose2 {
        margin: 20px 10px;
    }
    .apply_choose_list{

       display: block;
       width: 100%;
       margin: 0 0 20px 0;
    }
    .apply_choose_list .apply_des{
        line-height: 20px;
        height: auto;
        text-align: center;
    }
    .apply_choose_list .apply_money{
        margin-bottom: 10px;
    }
    .apply_choose_list .apply_options{
        margin-bottom: 10px;
    }
    .apply_choose_list .buy_vip_btn{
        width: auto;
        display: block;

    }
}
/* ==================== */
/* = 报名表单页 = */
/* ==================== */

#apply_form{
    padding: 85px 0;

}
.apply_form_title{
    display: block;
    font-size: 24px;
    margin-bottom: 50px;
}
.apply_form_dl{
    display: block;
    margin-bottom: 40px;
}
.apply_form_dt{
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
.apply_form_dd input{

    border: 1px solid #ddd;
    padding: 0 10px;
    line-height: 35px;
    height: 35px;

    width: 350px;
}
.apply_form_dd .select_box{
    width: 345px;
}
.apply_form_options{
    margin: 0 0 10px 10px;
    width: 630px;
}
.apply_form_options dt{
    color: #333;
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 20px;
}
.apply_form_options dd{
    display: block;
    float:left;
    width: 200px;
    margin-right: 10px;
    margin-bottom: 25px;
}
.apply_form_options input{
    border: none;
    width: auto;
    height: auto;
    margin:3px 5px 0 0;
    vertical-align: top;
    float: left;
    margin-left: -10px\9;
}
.apply_form_radio input{
    border: none;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
    margin-top: 15px;

}
.apply_form_radio label{
    width: 150px;
    float: left;
    margin-right: 20px;
    vertical-align: middle;
    border: 1px solid #ddd;
}
#apply_form .apply_btn{
    width: 180px;
    height: 54px;
    color: #fff;
    background: #EB3373;
    border: none;
    padding: 0;
    line-height: 54px;
    font-size: 18px;
    margin-top: 25px;
}
#apply_form .apply_btn:hover{
    background: #e81960;
    color: #fff;
}
/**响应式样式*************/
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .apply_form_options{
        margin: 0 0 10px 10px;
        width: auto;
    }
}

@media (max-width: 620px) {
    #apply_form{
        padding: 20px 0;
    }
    .apply_form_dl{
        margin-bottom: 10px;
    }
    .apply_form_dd input[type=text],.apply_form_dd .select_box{
        width: 100%;
        box-sizing: border-box;
    }
    .apply_form_options input{
        width: auto;
    }
    #apply_form .apply_btn{
        width: 100%;
        margin-top: 10px;
    }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {

    .apply_form_title{
        font-size: 20px;
        margin-bottom: 10px;
    }

    .apply_form_dt{
        margin-bottom: 5px;
    }

    .apply_form_options dt{
        margin: 20px 0 5px 0;
    }
    .apply_form_options dd{
        margin: 5px 10px 20px 0;

    }
    .apply_form_radio input{
        margin-top: 10px;
    }
    .apply_form_radio label{
        width: 100px;
    }

}
/* ==================== */
/* = 报名成功,失败页 = */
/* ==================== */
#success_tips,#failed_tips{
    padding: 50px 0;

}
#failed_tips strong{
    color: #999;
    display: block;
    text-align: right;
    font-weight: 100;
    font-size: 16px;
}
.success_title,.failed_title{
    text-align: center;
    font-size: 18px;
    margin: 60px 0;
}
.success_title big,.failed_title big{
    position: relative;
    line-height: 45px;

    padding-left: 60px;
    font-size: 28px;
    font-weight:400;
}
.success_title .icon_success,.failed_title .icon_failed{
    display: block;
    position: absolute;
    left: 0;
    top: 50%;

    margin-top: -22px;
    width: 45px;
    height: 45px;
    background: url(../images/success_ico.png) no-repeat center center;
}
.failed_title .icon_failed{
    background: url(../images/fail_ico.png) no-repeat center center;
}
.success_title p,.failed_title p{
    padding-top: 20px;
    color: #666666;
}
.apply_success_li{
    width: 610px;
    margin: 0 auto;
    text-align: left;
    display: block;
    border: 1px solid #E6F0FA;
    background: #F3F8FD;
    padding: 35px 95px;
    color: #666666;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 25px;
}
.btn.btn_back{
    width: 180px;
    height: 54px;
    background: linear-gradient(to bottom, #fff 0%,#EAEAEA 100%);

    padding: 0;
    line-height: 54px;
    font-size: 18px;
    margin-top: 25px;
    border: 1px solid #ddd;
    margin-top: 60px;
}
/**响应式样式*************/

/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 979px) {

}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {

    .apply_success_li{
        width: auto;
        padding: 25px 15%;
    }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    #failed_tips strong{
        text-align: center;
    }
    #success_tips,#failed_tips{
        padding:20px 0 0 0;
    }
    .success_title,.failed_title{
        margin-bottom: 25px;
    }
    .apply_success_li{
        padding: 20px 10px;
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 10px;
    }
}
.wid1206{
    width: 1200px;
    margin: 0 auto;
    line-height: 24px;
    font-size: 12px;
    color: #666;

}

.wid1206 p {
    margin-bottom: 8px;
}
.wid1206 table th,.wid1206 table td{
    border: 1px solid #000;
}

.wid1206 font {
    color: #d00000;
}

@media screen and (max-width: 1200px) {
    .wid1206 {
        width: 96%;
        margin: 0 auto;
    }
}

#apply_choose2 > h3 {
    color: #333333;
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 8px;
}

#apply_choose2 small {
    color: #333;

}

#apply_choose2 small img {
    vertical-align: sub;
    margin-right: 6px;
}

.discount {
    font-size: 12px;
    line-height: 20px;
    color: #666;
    text-align: left;
    margin-top: 5px;
}

.discount font {
    color: #d00000;
}

.sm-pading {
    padding: 12.5px 0;
}

#apply_choose2 .apply_choose_list {
    padding-bottom: 52px;
}

.combo-detail {
    background-color: #fff;
    position: absolute;
    z-index: 2;
    top: 17px;
    display: none;
}

.hei160 {
    height: 172px;
    width: 256px;
}

.combo-detail p {
    font-size: 12px;
    color: #666666;
    line-height: 24px;
    text-align: left;
}

.combo-detail .buy_vip_btn {
    margin-top: 8px;
    margin-right: 20px;
}

#apply_choose2 .apply_choose_list:hover .combo-detail {
    display: block;
}

@media all and (max-width: 860px) {
    #apply_choose2 .apply_choose_list:hover .combo-detail {
        display: none;
    }
}

.combo-detail h3 {
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    text-align: left;
    margin-bottom: 12px;
}