.wrap {
    width: 7.5rem;
    background-color: #ffffff;
    margin:0 auto;
}

/* .main {
    width: 1100rem;
    margin: 0 auto;
} */

header {
    width: 7.5rem;
}

/* otp官方授权培训机构 */
.header_otp {
    width: 7.5rem;
    height: 5.23rem;
    background: url('../images/bg/CISSP_01.jpg') no-repeat;
    background-size: cover;
    padding-top: 1.3rem;
    background-position: center center;
}

h1 {
    font-size: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 0.22rem;
    letter-spacing: 0.03rem;
}

.otp_text {
    font-size: 0.34rem;
    color: #ff486a;
    text-align: center;
    line-height: 0.34rem;
    margin-bottom: 0.26rem;
    letter-spacing: 0.01rem;
}

.otp_two {
    width: 4.22rem;
    height: 0.52rem;
    background: url('../images/two.png') no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-bottom: 0.44rem;
}
.otp_btn {
    width: 4.50rem;
    height: 0.80rem;
    margin: auto;
}
.otp_btn a:nth-child(1){
    float: left;
}
.otp_btn a:nth-child(2){
    float: right;
}
.otp_btn button {
    width: 2rem;
    height: 0.80rem;
    border: none;
    background: url('../images/btn_bm_hover.png') no-repeat;
    background-size: 100% 100%;
    font-size: 0.36rem;
    color: #ffffff;
}
.cur>button{
    background: url('../images/btn_bm.png') no-repeat;
    background-size: 100% 100%;
}

.otp_btn  button:nth-child(2) {
    float: right;
}

/* CISSP */
.header_cissp {
    width: 7.5rem;
    height: 6.44rem;
    background: url('../images/bg/CISSP_02.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: -0.01rem;
}

.cissp {
    width: 7.48rem;
    height: 5.55rem;
    background: url('../images/part1_bg.png') no-repeat;
    background-size: 100% 100%;
    margin: auto;
}
.cissp_top {
    width: 100%;
    height: 0.83rem;
    position: relative;
    margin-bottom: 0.12rem;
}

.cissp_top_text {
    width: 100%;
    height: 0.82rem;
    position: absolute;
    top: -0.16rem;
    left: 0;
}

.cissp_top_text>p {
    color: #fff;
    text-align: center;
}

.cissp_top_title {
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 0.32rem;
}

.cissp_top_main_En {
    font-size: 0.18rem;
    line-height: 0.34rem;
}

.cissp_top_main_zh {
    font-size: 0.18rem;
    line-height: 0.18rem;
}

.cissp_main {
    width: 6.38rem;
    height: 4rem;
    margin: auto;
    background-color: #ffffff;
    border-radius: 0.30rem;
    padding-top: 0.24rem;
}

.cissp_main_text {
    width: 5.71rem;
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #10084a;
    text-indent: 0.40rem;
    margin: auto;
    margin-bottom: 0.22rem;
}

.cissp_main_ul {
    width: 5.71rem;
    margin: auto;
}

.cissp_main_ul>li {
    width: 1.77rem;
    height: 2.5rem;
    float: left;
    margin-right: 0.2rem;
    padding-top: 1.25rem;
}

.cissp_main_ul>li:nth-child(1) {
    background: url('../images/part1_icon1.png') no-repeat;
    background-size: 100% 100%;
}

.cissp_main_ul>li:nth-child(2) {
    background: url('../images/part1_icon2.png') no-repeat;
    background-size: 100% 100%;
}

.cissp_main_ul>li:nth-child(3) {
    background: url('../images/part1_icon3.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 0;
}

.cissp_main_ul>li>div {
    width: 1.77rem;
    height: 1.10rem;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cissp_main_ul>li>div>p {
    width: 100%;
    display: inline-block;
    font-size: 0.2rem;
    color: #ffffff;
}

section {
    width: 100%;
}

/* 适合人群 */
.crowd {
    width: 7.5rem;
    height: 6.68rem;
    padding-top: 0.5rem;
}

.crowd_title {
    width: 3.7rem;
    height: 0.68rem;
    background: url('../images/part2_title.png') no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-bottom: 0.05rem;
}

.crowd_main {
    width: 7.27rem;
    height: 5.01rem;
    background: url('../images/part2_circle.png') no-repeat;
    background-size: 100% 100%;
    margin: auto;
}

/* 报名条件 */
.conditions {
    width: 7.5;
    height: 5.32rem;
    background: url('../images/bg/CISSP_04.jpg') no-repeat;
    background-size: cover;
    padding-top: 0.5rem;
}
.conditions_title{
    width: 2.36rem;
    height: 0.64rem;
    background: url('../images/part3_title.png') no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-bottom: 0.30rem;
}
.conditions_main{
    width: 7.5rem;
    height: 3.4rem;
    margin: auto;
    position: relative;
}
.conditions_main>div{
    width: 6.45rem;
    height: 1.6rem;
    background: url('../images/part3_con_bg.png') no-repeat;
    background-size: 100% 100%;
    margin: auto;
    position: absolute;
    left: 50%;
    z-index: 2;
}
#conditions_main_top{
    top: 0rem;
    margin-left: -3.225rem;
}
#conditions_main_foot{
    bottom: 0rem;
    margin-left: -3.225rem;
}
.conditions_pic{
    width: 0.66rem;
    height: 0.88rem;
    float: left;
    margin-left: 0.52rem;
    margin-top: 0.35rem;
    margin-right: 0.16rem;
}
.conditions_text{
    float: left;
    width: 4.76rem;
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #10084a;
    margin-top: 0.45rem;
}
#conditions_line{
    width: 7.5rem;
    height: 2.7rem;
    background: url('../images/part3_line.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1.35rem;
    z-index: 1;
}
#conditions_or{
    width: 1.33rem;
    height: 1.23rem;
    background: url('../images/part3_or.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.615rem;
    margin-left: -0.665rem;
    z-index: 3;
}

/* 权威专家坐镇 */
.expert {
    width: 7.5rem;
    background: url('../images/bg/CISSP_05.jpg') no-repeat;
    background-size: cover;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.expert_title{
    width: 3.7rem;
    height: 0.68rem;
    background: url('../images/part4_title.png') no-repeat;
    background-size: 100% 100%;
    margin: auto;
}
.expert_main{
    width: 6.9rem;
    border-radius: 1rem 0 1rem 0;
    background-color: #ffffff;
    margin: auto;
    box-shadow: 0 0 0.50rem -0.20rem #291A94;
    padding: 0.30rem 0.2rem 0.3rem 0.2rem;
    overflow: hidden;
    margin-top: 0.3rem;
}
.expert_main_pic{
    width: 1.71rem;
    height: 2rem;
    float: left;
    margin-right: 0.3rem;
}
.expert_main_word{
    width: 4.42rem;
    float: left;
}
h2{
    font-size: 0.24rem;
    color: #3f42d9;
    line-height: 0.32rem;
}
.expert_text{
    font-size: 0.24rem;
    color: #3f42d9;
    line-height: 0.26rem;
    margin-bottom: 0.1rem;
}
.expert_text>span{
    display: block;
    float: left;
    height: 0.52rem;
}
.expert_text_main{
    font-size: 0.2rem;
    line-height: 0.28rem;
    color: #706d84;
    text-indent: 0.36rem;
}
.expert_main_pic1{
    width: 1.71rem;
    height: 2rem;
    float: left;
    margin-left: 0.3rem;
}

/* 三大学习模式 */
.study_mode {
    width: 7.5rem;
    height: 13.25rem;
    background: url('../images/bg/CISSP_06.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 0.5rem;
    position: relative;
    overflow: hidden;
}
#turnname{
    position: absolute;
    width: 100%;
    bottom: 4rem;
}
.study_mode_title{
    width: 3.36rem;
    height: 0.68rem;
    background: url("../images/part5_title.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.mode_ul{
    width: 7.11rem;
    height: 0.79rem;
    margin: 0.4rem auto 0.4rem;
}
.mode_ul_li{
    width: 2.37rem;
    height: 0.79rem;
    background: url("../images/part5_tab_original.png") no-repeat;
    background-size: 100% 100%;
    float: left;
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.68rem;
    text-align: center;
}
.mode_ul_li.lion{
    background: url("../images/part5_tab_hover.png") no-repeat;
    background-size: 100% 100%;
}
.mode_con{
    width: 6.92rem;
    height: 10rem;
    margin:0 auto;
    position: relative;
    display: none;
}
.mode_ul_li1con{
    display: block;
}
.mode_con img{
    width: 100%;
}

.mode_con_top{
    width: 6.92rem;
    height:5.79rem;
    background: url("../images/part5_xxzn.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 10;
    padding-top: 1.2rem;
}
.mode_ul_li2con .mode_con_top{
    z-index: 13;
}
.mode_con_top>ul>li{
    width: 3.1rem;
    height: 4.35rem;
    background: url("../images/part5_class_bg1.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 0.24rem;
    float: left;

}
.mode_con_top>ul>li:nth-child(2){
    float: right;
    margin-right: 0.24rem;
    margin-left: 0;
}
.mode_head{
    width: 2.5rem;
    font-size: 0.22rem;
    color:#10084a;
    line-height: 0.5rem;
    padding-top: 0.03rem;
    margin-left: 0.2rem;
    border-bottom: 2px solid #3f42d8;
}
.mode_con_top table{
    margin-left: 0.20rem;
    border:none;
}
.mode_body td{
    font-size: 0.16rem;
    color: #10084a;
    line-height: 0.36rem;
    border-bottom: 1px dashed #3f42d9;
}
.mode_body .tdlast{
    border-bottom:none;
}
.mode_head span{
    font-size: 0.20rem;
    font-weight: normal;
}
.mode_con_line{
    width: 7.5rem;
    height: 2.75rem;
    background: url("../images/part5_slide.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -0.3rem;
    top: 4.9rem;
    z-index: 11;
}
.mode_con_center{
    width: 7.13rem;
    height: 1.61rem;
    background: url("../images/part5_class_style.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -0.105rem;
    top: 5rem;
    z-index: 12;
}
.mode_center_con{
    width: 4.6rem;
    height: 0.48rem;
    transform: translate(2rem,0.70rem);
    font-size: 0.2rem;
    line-height: 0.24rem;
    color: #fff;
    text-shadow: 1px 1px #29106b;
}
.mode_con_bottom{
  width:6.92rem;
    height:2.24rem;
    background: url("../images/part5_xxbz.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0.05rem;
    top: 6.5rem;
    z-index: 12;
    padding-top: 1.20rem;
}
.mode_con_bottom ul{
    width: 6.20rem;
    margin: 0 auto;
}
.mode_con_bottom li{
    width: 1.8rem;
    height:0.62rem;
    border-radius: 0.45rem;
    float: left;
    margin-left: 0.35rem;
}
.mode_con_bottom li>button{
    width: 1.8rem;
    height:0.62rem;
    border:2px solid #fff;
    -webkit-border-radius: 0.45rem;
    -moz-border-radius: 0.45rem;
    border-radius: 0.45rem;
    background-color: #3f42d9;
    font-size: 0.22rem;
    color: #fefefe;
}
.mode_con_bottom li:first-child{
    margin-left: 0;
}
.mode_btn{
    width: 4.9rem;
    height:0.8rem;
    position: absolute;
    left: 50%;
    margin-left: -2.45rem;
    bottom: 0rem;
}
.mode_btn li{
    width: 2.20rem;
    height:0.8rem;
}
.mode_btn li:first-child{
    float: left;
}
.mode_btn li:last-child{
    float: right;
}
.mode_btn li a{
    display: block;
    width: 100%;
    height: 100%;
}
.mode_btn li a>button{
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 0.28rem;
    border: solid 2px #f25e6a;
    border-radius: 0.4rem;
    background: rgba(230, 0, 18, 0.1)
}
.mode_btn li.cur a>button{
    background: #f25e6a;
}
.mode_ul_li3con .mode_con_top>ul>li{
    margin-left: 2rem;
}
.mode_ul_li3con  .mode_con_bottom li,.mode_ul_li2con  .mode_con_bottom li {
    margin-left: 1rem;
}
.mode_ul_li3con  .mode_con_bottom img,.mode_ul_li2con  .mode_con_bottom img{
    width: 1.79rem;
    height: 1.34rem;
    position: absolute;
    left: 3.8rem;
    top: 0.50rem;

}
/* 考试须知 */
.examination {
    width: 7.5rem;
    background: url('../images/bg/CISSP_07.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.examination_title{
    width: 3.72rem;
    height:0.68rem;
    background: url("../images/part6_title.png") no-repeat;
    background-size: 100% 100%;
    margin: 0  auto 0.4rem;
}
.table_box{
    width: 6.9rem;
    margin:0 auto;
    background-color: #4151d0;;
    box-shadow: 0rem 0rem 0.21rem rgba(29,36,90,.64);

}
.table_box td{
    padding: 0 0.15rem;
}
.tr1 .td{
    width: 2.33rem;
    height:2.35rem;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
}
.tr1 p{line-height: 0.65rem;}
.tr1 .td img{
    width: 1.99rem;
    height:1.51rem;
}
.tr1 .td1,.tr2 td,.tr3 td{
    height: 0.75rem;
    border-left: 1px solid #6f7fed;
    border-bottom: 1px solid #6f7fed;
    font-size: 0.22rem;
    color: #ffffff;
    padding-left: 0.20rem;
    position: relative;
}
.tr3 td{
    border-bottom: none;
}
.td1 span,.tr2 span,.tr3 span{
    font-size: 0.22rem;
}
.td1 img{
    width: 0.45rem;
    height: 0.53rem;
}
.tr2 img{
    width:0.59rem;
    height:0.44rem;
}
.tr3 img{
    width:0.47rem;
    height:0.47rem;
}
.tr4,.tr5,.tr6,.tr7 {
    border-top: 1px solid #6f7fed;
}
.tr4 img{
    width: 0.49rem;
    height:0.51rem;
}
.trline{
    width: 100%;
    height: 0.01rem;
    box-shadow: 0 -2px 5px rgba(0,0,0,.4);
}
.tr_con{
    width: 100%;
    padding: 0 0 0 0.17rem;
    position: relative;
}
.tr6{
    padding: 0.25rem 0rem 0.25rem 0.17rem;
}
.tr_con i{
    font-style: normal;
    font-size: 0.22rem;
    color: #fff;
}
.td_tit{
    display: inline-block;
    height: 0.76rem;
    font-size: 0.22rem;
    color: #ffffff;
    line-height: 0.76rem;
}
.tr6 .td_tit{
    line-height: 0.76rem;
    vertical-align: top;
}
.tr6 .lastsapn{
    display: inline-block;
    width: 4.14rem;
    line-height: 0.34rem;
    vertical-align: top;
    padding-top: 0.2rem;
}
.tr7 .lastsapn{
    display: inline-block;
    width: 4.4rem;
    line-height: 0.34rem;
    padding-top:0.28rem;
    vertical-align: middle;
}
.tr5 img{
    width: 0.66rem;
    height:0.49rem;
}
.tr6 img{
    width: 0.68rem;
    height: 0.58rem;
}
.tr7{
    padding-bottom: 0.25rem;
}
.tr7 img{
    width: 0.49rem;
    height: 0.56rem;
}
    /* 更多疑问 */
footer {
    width: 7.5rem;
    height: 4.22rem;
    background: url('../images/bg/CISSP_08.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 0.2rem;
}
.ans_title{
    width: 2.8rem;
    height: 0.82rem;
    background: url("../images/question.png") no-repeat;
    background-size: 100% 100%;
    margin:0 auto 0.25rem;
}
.q_box{
    width: 4.82rem;;
    margin:0 auto;
}
.q_box a{
    display: inline-block;
    width:1.91rem;
    color: #fff;
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.80rem;
}
.q_box a>img{
    width:1.91rem;
    height:1.91rem;
}
.q_box a:first-child{
    float: left;
}
.q_box a:last-child{
    float: right;
}
.icon_center{
    width: 1rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media all and (min-width:1025rem){
    .wrap{
        width:7.5rem;
        margin:0 auto;
    }
}