/* 样式重置 */
html { font-size: calc(100vw/7.5); font-size: -webkit-calc(100vw/7.5); -webkit-text-size-adjust: 100%; height: 100%; width: 100%; }

@media screen and (min-width: 751px) {
    html { font-size: 100px; -webkit-text-size-adjust: 100%; }
}

body { width: 100%; height: 100%; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 0.24rem; font-family: 'SOURCEHANSANSCN-REGULAR', "微软雅黑", "Hiragino Sans GB", "Hiragino Sans GB W3", "宋体", Helvetica, Arial, sans-serif; word-break: break-all; overflow-x: hidden; padding: 0; margin: 0; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F1F1F1; }

b,
dd,
div,
dl,
dt,
form,
img,
input,
li,
p,
select,
span,
ul,
textarea,
a { margin: 0; padding: 0; border: 0; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 0.3rem; }

em,
i { font-style: normal }

.fll { float: left }

.frr { float: right }

img { vertical-align: top; max-width: 100%; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; cursor: pointer; color: #333; }

    a:hover { cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }


/*表格边框合并，边框距零*/
table { border-collapse: collapse; border-spacing: 0; }

textarea { font-family: Verdana, Arial, "Microsoft Yahei" !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; }

/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="file"],
input[type="text"],
input[type="checkbox"],
input[type="radio"],
input,
textarea,
button { -webkit-appearance: none; appearance: none; font-size: .28rem; }

    input::placeholder { color: #bebebe; }

    input::-webkit-placeholder { color: #bebebe; }

    input::-moz-placeholder { color: #bebebe; }

    input:-moz-placeholder { color: #bebebe; }

    input:-ms-placeholder { color: #bebebe; }

/* 样式合集 */

/* 主体样式 */
.main-box { width: 7.5rem; margin: 0 auto; }
.content-box { width: 100%; float: left; background: #fff; }

/* 头部 */
.header { width: 7.5rem; background: #FFFFFF; }
    .header .name { padding: .22rem 0 .25rem .29rem; }
        .header .name span { font-size: .36rem; font-weight: bold; color: #004FEA; }
/* banner */
.banner-box { width: 100%; height: 3.4rem; }
    .banner-box .swiper-container { width: 100%; height: 100%; }

        .banner-box .swiper-container .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

    .banner-box .swiper-pagination-bullet { width: .58rem; height: .04rem; background-color: #cecece; }

    .banner-box .swiper-pagination-bullet-active { background-color: #c82027; }


.teaching-items { margin-top: .1rem; }

.teaching-title { height: .6rem; border-bottom: .04rem solid #c92025; }

    .teaching-title .title { padding: 0 .12rem; border-radius: .12rem .12rem 0 0; background-color: #c92025; color: #fff; display: inline-block; height: 100%; line-height: .56rem; }

.teaching-tabs { width: 7.5rem; padding: 0 .3rem; padding-right: 0; }

    .teaching-tabs ul { /*  margin-left: -.27rem;*/ }

        .teaching-tabs ul li { width: 1.6rem; height: .62rem; margin-top: .3rem; float: left; background: #F6F5F7; border-radius: .1rem; margin-right: .16rem; text-align: center; line-height: .62rem; color: #111111; font-size: .29rem; cursor: pointer; }
        .teaching-tabs ul .lizz { width: 2.06rem; height: .62rem; }

        .teaching-tabs ul li.active { background: #004FEA; color: #fff; }

.tabs-content { width: 100%; float: left; margin-top: .3rem; margin-bottom: .3rem; }

    .tabs-content .tab_title { height: .75rem; background: #F1F1F1; font-size: .33rem; color: #111; padding: .16rem 0 0 .31rem; }

.tabs-content-items { padding: .3rem; padding-top: 0; }
    .tabs-content-items .tabs_each { width: 3.28rem; float: left; margin-right: .32rem; margin-top: .25rem; }
    .tabs-content-items a:nth-child(2n) .tabs_each { margin-right: 0; }
    .tabs-content-items .tabs_each .top_tabs { position: relative; }
        .tabs-content-items .tabs_each .top_tabs img { width: 3.28rem; height: 1.83rem; }

        .tabs-content-items .tabs_each .top_tabs .bofang { position: absolute; left: 1.26rem; top: .47rem; }
            .tabs-content-items .tabs_each .top_tabs .bofang img { width: .78rem; height: .91rem; }
    .tabs-content-items .tabs_each .bottom_tabs { margin-top: .1rem; }
        .tabs-content-items .tabs_each .bottom_tabs .zjdp { width: 1.35rem; height: .38rem; background: #CEE6FF; border-radius: .1rem; font-size: .28rem; color: #2599EF; text-align: center; line-height: .38rem; display: inline-block; margin-right: .08rem; }
        .tabs-content-items .tabs_each .bottom_tabs .stitle { font-size: .28rem; color: #333; line-height: .45rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.pshow { display: block; }
.phide { display: none; }
/* 底部版权 */
.footer { height: 1.86rem; background: #335075; display: flex; width: 100%; color: #AAAAAA; font-size: .14rem; padding: .3rem .84rem .27rem .76rem; }
    .footer p { margin-top: .09rem; }
    .footer .fw { width: 6.12rem; margin: 0 auto; }
.pimg { width: .18rem; margin-right: .05rem; }
.footer .f_right { float: right; }
.footer .f_left { float: left; }
.footer .f_right img { width: .79rem; height: .79rem; }

/*课程详情 start*/
.div_content .c_title { margin: .35rem 0 .45rem .3rem; display: flex; }
    .div_content .c_title span { width: 1.25rem; height: .43rem; background: #004FEA; color: #fff; font-size: .25rem; text-align: center; line-height: .43rem; display: inline-block; }
    .div_content .c_title a { font-size: .33rem; color: #111; margin-left: .2rem; width: 5.31rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: -.03rem; }
.div_content .c_video { width: 100%; }
.div_content .c_vdetail { display: flex; padding: .16rem .3rem; }
    .div_content .c_vdetail .cn_r { font-size: .25rem; color: #999999; margin-right: .25rem; }
        .div_content .c_vdetail .cn_r span { vertical-align: middle; }
        .div_content .c_vdetail .cn_r img { height: .26rem; vertical-align: middle; }
.div_content .c_kecheng { }
    .div_content .c_kecheng .kttitle { background: #F1F1F1; padding: .14rem .3rem; font-size: .33rem; color: #111; }
    .div_content .c_kecheng .jianjie { padding: .3rem .29rem .34rem .29rem; font-size: .26rem; color: #333; line-height: .43rem; text-indent: 2em; }
/*课程详情 end*/