.product_dm_h5 {
    /* height: 100%;
    overflow-y: scroll; */
    background: #fff;
    display: none;
}
/*  顶部banner  */
.product_dm_h5 .top_banner img {
    width: 100%;
    height: 10.55rem;
}
/* 顶部banner end */
/* 课程优势 */
.product_dm_h5 .course_advantage {
    padding: 2.05rem 0 0;
}
.product_dm_h5 .course_advantage .title {
    font-size: 1rem;
    font-weight: bold;
    color: #222222;
    text-align: center;
    margin-bottom: 1.55rem;
}
.product_dm_h5 .course_advantage .content {
    padding: 1.2rem 0.8rem;
    background: url(../images/train/productDMH5/advantage_bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.product_dm_h5 .course_advantage .content .item_box {
    display: flex;
    align-items: stretch;
    margin-bottom: 0.4rem;
}
.product_dm_h5 .course_advantage .content .item_box .item {
    text-align: center;
    background: #fff;
    padding: 0.5rem 0.7rem 0.8rem;
    flex: 1;
    box-sizing: border-box;
    border-bottom: 0.1rem solid #E4B055;
}
.product_dm_h5 .course_advantage .content .item_box .item:first-of-type {
    margin-right: 0.4rem;
}
.product_dm_h5 .course_advantage .content .item_box .item img {
    width: 1.6rem;
    height: 1.55rem;
    margin-bottom: 0.8rem;
}
.product_dm_h5 .course_advantage .content .item_box .item .item_title {
    font-size: 0.65rem;
    margin-bottom: 0.95rem;
    font-weight: bold;
}
.product_dm_h5 .course_advantage .content .item_box .item .item_content {
    font-size: 0.6rem;
    line-height: 0.9rem;
    text-align: left;
}
/* 课程优势 end */
/* 课程收益 */
.product_dm_h5 .course_earnings {
    padding: 2.75rem 0.8rem 0;
}
.product_dm_h5 .course_earnings .title {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    color: #222222;
    margin-bottom: 1.6rem;
}
.product_dm_h5 .course_earnings .content {
    padding: 1.4rem 0 1.8rem;
    background: url(../images/train/productDMH5/earnings_bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.product_dm_h5 .course_earnings .content .item_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_dm_h5 .course_earnings .content .item_box:not(:last-of-type) {
    margin-bottom: 1.4rem;
}
.product_dm_h5 .course_earnings .content .item_box .item {
    width: 5.625rem;
    text-align: center;
}
.product_dm_h5 .course_earnings .content .item_box .item:first-of-type {
    margin-right: 2rem;
}
.product_dm_h5 .course_earnings .content .item_box .item img {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.7rem;
}
.product_dm_h5 .course_earnings .content .item_box .item .item_name {
    font-size: 0.6rem;
    color: #FFFEFE;
    font-weight: bold;
}
/* 课程收益 end */
/* 部分授课师资简介 */
.product_dm_h5 .teacher_intro {
    padding: 2.7rem 0.8rem 1.6rem;
}
.product_dm_h5 .teacher_intro .title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
}
.product_dm_h5 .teacher_intro .content .item_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 0.95rem;
}
.product_dm_h5 .teacher_intro .content .item_box .item:not(:last-of-type) {
    margin-right: 0.7rem;
}
.product_dm_h5 .teacher_intro .content .item_box .item {
    background: #07285D;
    position: relative;
}
.product_dm_h5 .teacher_intro .content .item_box .item img {
    width: 5.25rem;
    vertical-align: middle;
}
.product_dm_h5 .teacher_intro .content .item_box .item .name_company {
    text-align: center;
    padding: 0.4rem 0 0;
}
.product_dm_h5 .teacher_intro .content .item_box .item .name_company .name {
    font-size: 0.7rem;
    color: #FFFFFF;
    margin-bottom: 0.35rem;
}
.product_dm_h5 .teacher_intro .content .item_box .item .name_company .company {
    font-size: 0.4rem;
    color: #fff;
    margin-bottom: 0.4rem;
}
.product_dm_h5 .teacher_intro .content .item_box .item .name_company .line {
    height: 0.15rem;
    background: linear-gradient(90deg, #F6EEE5, #DAC5A5);
    position: absolute;
    bottom: 0;
    width: 100%;
}
/* 部分授课师资简介 end */
/* 课程设置 */
.product_dm_h5 .course_set {
    padding: 1rem 0.8rem;
    background: #F8F8F8;
}
.product_dm_h5 .course_set .title {
    font-size: 1rem;
    font-weight: bold;
    color: #222222;
    margin-bottom: 0.9rem;
    text-align: center;
}
.product_dm_h5 .course_set .sub_title {
    font-size: 0.6rem;
    color: #222222;
    margin-bottom: 1.3rem;
    text-align: center;
}
.product_dm_h5 .course_set .content .item {
    background: #fff;
    margin-bottom: 0.6rem;
}
.product_dm_h5 .course_set .content .item .item_title {
    background: #07285D;
    height: 1.7rem;
    font-size: 0.65rem;
    color: #FFFFFF;
    line-height: 1.7rem;
    font-weight: bold;
    padding-left: 0.75rem;
}
.product_dm_h5 .course_set .content .item .item_content {
    padding: 0.75rem;
    display: flex;
}
.product_dm_h5 .course_set .content .item .item_content .item_box {
    flex: 1;
}
.product_dm_h5 .course_set .content .item .item_content .item_box .item_name {
    font-size: 0.5rem;
    color: #323232;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 0.7rem;
}
.product_dm_h5 .course_set .content .item .item_content .item_box .item_content_box {
    font-size: 0.4rem;
    color: #666666;
    line-height: 0.75rem;
}
.product_dm_h5 .course_set .content .item .item_content .item_box .item_content_box.flex_between {
    display: flex;
    justify-content: space-between;
}
.product_dm_h5 .course_set .content .item .item_content .item_box .item_content_box.flex_between .item {
    flex: 1;
}
/* 课程设置 end */
/* 近期课程安排 */
.product_dm_h5 .course_plan {
    padding: 1.4rem 0.8rem;
}
.product_dm_h5 .course_plan .title {
    text-align: center;
    font-size: 1rem;
    color: #222222;
    font-weight: bold;
    margin-bottom: 1.85rem;
}
.product_dm_h5 .course_plan .content .item:not(:last-of-type) {
    margin-bottom: 1.9rem;
}
.product_dm_h5 .course_plan .content .item .item_title {
    font-size: 0.6rem;
    font-weight: bold;
    margin-bottom: 0.45rem;
}
.product_dm_h5 .course_plan .content .item .content_title {
    display: flex;
    height: 1.65rem;
    background: #1F4685;
    text-align: center;
    align-items: center;
    font-size: 0.5rem;
    color: #fff;
}
.product_dm_h5 .course_plan .content .item .content_title .time {
    width: 4.3rem;
}
.product_dm_h5 .course_plan .content .item .content_title .periods {
    width: 4.0rem;
}
.product_dm_h5 .course_plan .content .item .content_title .module {
    width: 2.5rem;
}
.product_dm_h5 .course_plan .content .item .content_title .name {
    flex: 1;
}
.product_dm_h5 .course_plan .content .item .content_item {
    display: flex;
    height: 1.65rem;
    background: #F5F4F4;
    text-align: center;
    align-items: center;
    font-size: 0.5rem;
    border-bottom: 0.025rem solid #1F4685;
}
.product_dm_h5 .course_plan .content .item .content_item .time {
    width: 4.3rem;
    line-height: 1.65rem;
    border-left: 0.025rem solid #1F4685;
}
.product_dm_h5 .course_plan .content .item .content_item .periods {
    width: 4.0rem;
    line-height: 1.65rem;
    border-left: 0.025rem solid #1F4685;
}
.product_dm_h5 .course_plan .content .item .content_item .module {
    width: 2.5rem;
    line-height: 1.65rem;
    border-left: 0.025rem solid #1F4685;
}
.product_dm_h5 .course_plan .content .item .content_item .name {
    flex: 1;
    line-height: 1.65rem;
    border-left: 0.025rem solid #1F4685;
    border-right: 0.025rem solid #1F4685;
}
/* 近期课程安排 end */
/* 部分已上市企业学员 */
.product_dm_h5 .student_msg {
    padding: 3rem 0.8rem 1.4rem;
}
.product_dm_h5 .student_msg .title {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1.65rem;
}
.product_dm_h5 .student_msg .content .item_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_dm_h5 .student_msg .content .item_box:not(:last-of-type) {
    margin-bottom: 0.6rem;
}
.product_dm_h5 .student_msg .content .item_box .item {
    width: 5.45rem;
    background: #F5F4F4;
}
.product_dm_h5 .student_msg .content .item_box .item img {
    width: 5.45rem;
    height: 0.4rem;
    margin-bottom: 0.3rem;
}
.product_dm_h5 .student_msg .content .item_box .item .item_name {
    font-size: 0.4rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-bottom: 0.3rem;
}
.product_dm_h5 .student_msg .content .item_box .item .company_name {
    font-size: 0.4rem;
    text-align: center;
    margin-bottom: 0.3rem;
}
.product_dm_h5 .student_msg .content .item_box .item .class_name {
    font-size: 0.4rem;
    text-align: center;
    margin-bottom: 0.5rem;
}
.product_dm_h5 .student_msg .content .item_box .item .class_name span {
    color: #D70303;
}
/* 部分已上市企业学员 end */
/* 董秘俱乐部服务 */
.product_dm_h5 .club_service {
    padding: 1.3rem 0.8rem 1.6rem;
    background: #F2F2F2;
}
.product_dm_h5 .club_service .title {
    font-size: 1rem;
    font-weight: bold;
    color: #222222;
    text-align: center;
    margin-bottom: 0.9rem;
}
.product_dm_h5 .club_service .sub_title {
    text-align: center;
    font-size: 0.65rem;
    margin-bottom: 1.35rem;
}
.product_dm_h5 .club_service .content {
    position: relative;
}
.product_dm_h5 .club_service .content .item_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.8rem;
}
.product_dm_h5 .club_service .content .item_box .item {
    width: 7rem;
}
.product_dm_h5 .club_service .content .item_box .item:first-of-type {
    padding-left: 0.7rem;
}
.product_dm_h5 .club_service .content .item_box .item .item_title {
    font-size: 0.45rem;
    margin-bottom: 0.5rem;
}
.product_dm_h5 .club_service .content .item_box .item .item_content {
    font-size: 0.3rem;
    line-height: 0.5rem;
}
.product_dm_h5 .club_service .content .club_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 2.9rem;
    height: 2.9rem;
}
.product_dm_h5 .club_service .content .club_icon img {
    width: 2.9rem;
    height: 2.9rem;
}
.product_dm_h5 .club_service .code_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_dm_h5 .club_service .code_box .item {
    text-align: center;
    font-size: 0.4rem;
}
.product_dm_h5 .club_service .code_box .item:first-of-type {
    margin-right: 2.25rem;
}
.product_dm_h5 .club_service .code_box .item img {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 0.4rem;
}
/* 董秘俱乐部服务 end */
/* 董秘成长之路 */
.product_dm_h5 .grow_road {
    padding: 2.6rem 0.8rem 0;
}
.product_dm_h5 .grow_road .title {
    font-size: 1rem;
    color: #222222;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.9rem;
}
.product_dm_h5 .grow_road .sub_title {
    font-size: 0.6rem;
    color: #222222;
    line-height: 1rem;
    text-align: center;
}
.product_dm_h5 .grow_road .content {
    padding-top: 1.1rem;
}
.product_dm_h5 .grow_road .content .item_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_dm_h5 .grow_road .content .item_box:not(:last-of-type) {
    margin-bottom: 1rem;
}
.product_dm_h5 .grow_road .content .item_box .item {
    width: 8.3rem;
    height: 8.95rem;
    background: #fff;
}
.product_dm_h5 .grow_road .content .item_box .item img {
    width: 8.3rem;
    height: 4.45rem;
    margin-bottom: 0.4rem;
}
.product_dm_h5 .grow_road .content .item_box .item .item_content {
    padding-left: 0.4rem;
}
.product_dm_h5 .grow_road .content .item_box .item .item_content .name {
    font-size: 0.5rem;
    margin-bottom: 0.3rem;
}
.product_dm_h5 .grow_road .content .item_box .item .item_content .line {
    width: 1.1rem;
    height: 0.1rem;
    background: #E3BF79;
    margin-bottom: 0.55rem;
}
.product_dm_h5 .grow_road .content .item_box .item .item_content .item_content_content {
    font-size: 0.35rem;
    color: #222222;
    line-height: 0.6rem;
}
.product_dm_h5 .source {
    padding: 3.25rem 0 0;
}
.product_dm_h5 .source .title {
    font-size: 1rem;
    color: #222222;
    font-weight: bold;
    margin-bottom: 0.95rem;
    text-align: center;
}
.product_dm_h5 .source .sub_title {
    font-size: 0.6rem;
    color: #222222;
    margin-bottom: 1.3rem;
    text-align: center;
}
.product_dm_h5 .source .content {
    padding: 0.4rem 0.8rem;
    background: #F2F2F2;
}
.product_dm_h5 .source .content img {
    width: 100%;
}
/* 董秘成长之路 end */
/* 董秘学员评价 */
.product_dm_h5 .student_evaluate {
    padding: 2.6rem 0 0;
}
.product_dm_h5 .student_evaluate .title {
    font-size: 1rem;
    color: #222222;
    margin-bottom: 1.3rem;
    font-weight: bold;
    text-align: center;
}
.product_dm_h5 .student_evaluate .content {
    padding: 1.2rem 0.8rem;
    background: url(../images/train/productDMH5/student_evaluate_bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.product_dm_h5 .student_evaluate .swipe {
    overflow-y: visible;
    height: 21rem;
}
.product_dm_h5 .student_evaluate .content .student_msg {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.55rem;
    background: #fff;
}
.product_dm_h5 .student_evaluate .content .student_msg .head_protrait {
    width: 2.7rem;
    height: 2.7rem;
    margin-right: 0.4rem;
}
.product_dm_h5 .student_evaluate .content .student_msg .head_protrait img {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%;
}
.product_dm_h5 .student_evaluate .content .student_msg .msg .name_class_name {
    display: flex;
    align-items: center;
    margin-bottom: 0.55rem;
}
.product_dm_h5 .student_evaluate .content .student_msg .msg .name_class_name .name {
    font-size: 0.75rem;
    color: #222222;
    margin-right: 0.5rem;
}
.product_dm_h5 .student_evaluate .content .student_msg .msg .name_class_name .class_name {
    font-size: 0.5rem;
    color: #666666;
}
.product_dm_h5 .student_evaluate .content .student_msg .msg .company {
    font-size: 0.5rem;
    color: #666666;
}
.product_dm_h5 .student_evaluate .content .evaluate_content {
    padding: 0.75rem 0.8rem;
    height: 14.5rem;
    background: rgba(0, 0, 0, 0.47);
    color: #fff;
}
.product_dm_h5 .student_evaluate .content .evaluate_content .evaluate_title {
    font-size: 0.75rem;
    margin-bottom: 1.4rem;
}
.product_dm_h5 .student_evaluate .content .evaluate_content .evaluate_item {
    font-size: 0.6rem;
    line-height: 0.9rem;
    margin-bottom: 1.5rem;
}
.product_dm_h5 .student_evaluate .content .van-swipe__indicators {
    bottom: 0rem;
}
.product_dm_h5 .student_evaluate .content .van-swipe__indicators .van-swipe__indicator {
    background: #fff;
    opacity: 1;
}
.product_dm_h5 .student_evaluate .content .van-swipe__indicators .van-swipe__indicator.van-swipe__indicator--active {
    background: #D0AC66 !important;
}
/* 董秘学员评价 end */
/* 咨询表单 */
.product_dm_h5 .consult_box {
    padding: 1rem 0.8rem;
}
.product_dm_h5 .consult_box .title {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
    text-align: center;
}
.product_dm_h5 .consult_box .time {
    font-size: 0.65rem;
    color: #9F0811;
    font-weight: bold;
    line-height: 0.95rem;
    text-align: center;
    margin-bottom: 1.15rem;
}
.product_dm_h5 .consult_box .van-field {
    border: 0.05rem solid #CBB788;
    margin-bottom: 0.8rem;
    height: 2rem;
    box-sizing: border-box;
    padding: 0.5rem 0.6rem;
}
.product_dm_h5 .consult_box .van-field.textarea {
    height: 7.5rem;
}
.product_dm_h5 .consult_box .van-field.textarea .van-field__body {
    height: 100%;
}
.product_dm_h5 .consult_box .van-field.textarea .van-field__body .van-field__control {
    height: 100%;
}
.product_dm_h5 .consult_box .van-field .van-field__control {
    height: 1rem;
}
.product_dm_h5 .consult_box .van-button {
    width: 100%;
    height: 2rem;
    background: #CBB788;
    color: #FFFFFF;
    font-size: 0.8rem;
}
/* 咨询表单end */
/* 右下角定位 */
.product_dm_h5 .fixed_box {
    position: fixed;
    right: 0.8rem;
    bottom: 3.125rem;
}
.product_dm_h5 .fixed_box .item {
    width: 2.2rem;
    height: 2.2rem;
    /* background: #FFFFFF; */
    /* box-shadow: 0px 0.025rem 0.25rem 0px rgba(0, 0, 0, 0.15); */
    margin-bottom: 0.2rem;
}
.product_dm_h5 .fixed_box .item img {
    width: 2.7rem;
    height: 2.7rem;
}
/* 右下角定位end */
/* 客服二维码弹窗 */
.product_dm_h5 .service_box {
    text-align: center;
    background: transparent;
}
.product_dm_h5 .service_box .service {
    position: relative;
}
.product_dm_h5 .service_box .service .content {
    width: 11.5rem;
    height: 12.5rem;
    border-radius: 0.375rem;
    padding: 1rem 0rem;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
}
.product_dm_h5 .service_box .service .code {
    width: 7.5rem;
    height: 7.5rem;
    margin-bottom: 0.5rem;
}
.product_dm_h5 .service_box .service p {
    font-size: 0.7rem;
    color: #333333;
    line-height: 1rem;
    margin-bottom: 0.5rem;
}
.product_dm_h5 .service_box .service p span {
    color: #2E7FFF;
}
.product_dm_h5 .service_box .close_box {
    width: 1.5rem;
    height: 1.5rem;
    margin: 1rem auto;
}
.product_dm_h5 .service_box .close_box .close {
    width: 1.5rem;
    height: 1.5rem;
}
/* 客服二维码弹窗 end */
/* 报名弹窗 */
.product_dm_h5 .report_box {
    padding: 0.85rem 0.8rem;
    width: 17.15rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
}
.product_dm_h5 .report_box .close_box {
    text-align: right;
}
.product_dm_h5 .report_box .close_box img {
    width: 1rem;
    height: 1rem;
}
.product_dm_h5 .report_box .report_form .item {
    margin-bottom: 0.7rem;
    padding-bottom: 0.7rem;
    border-bottom: 0.025rem solid #E5E5E5;
}
.product_dm_h5 .report_box .report_form .item .label {
    font-size: 0.7rem;
    line-height: 1rem;
    margin-bottom: 0.7rem;
}
.product_dm_h5 .report_box .report_form .item .van-field {
    padding: 0;
}
.product_dm_h5 .report_box .report_form .item .van-field .van-field__control {
    font-size: 0.7rem;
}
.product_dm_h5 .report_box .report_form .item:last-of-type {
    margin-bottom: 1rem;
}
.product_dm_h5 .report_box .report_form .van-button {
    width: 100%;
    height: 2rem;
    border-radius: 1rem;
    background: #BD262B;
    color: #fff;
    line-height: 0.8rem;
}
/* 报名弹窗end */