/* ============================================================
   样式重置 
   ============================================================ */
* { box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td { margin: 0; padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: 400; }
ul,
dl,
ol { list-style: none; }
img,
fieldset,
input[type="submit"] { border: 0 none; }
img { display: inline-block; overflow: hidden; vertical-align: top; width: 100%; }
em { font-style: normal; }
strong { font-weight: bolder; }
table { border-collapse: collapse; border-spacing: 0; }
button,
input { cursor: pointer; border: 0 none; -webkit-appearance: none; appearance: none; border-radius: 0; }
textarea { word-wrap: break-word; resize: none; }  /* word-wrap for opera, resize for webkit */
menu { margin: 0; padding: 0; }
body { margin: 0 auto; -webkit-user-select: none; -webkit-text-size-adjust: none!important; font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-size: 0.26rem; font-weight: 400; background: #fff; color: #333; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
input,
textarea { font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-weight: 400; }
input[type="number"] { -webkit-user-select: text; }
a,
button,
input { -webkit-touch-callout: none; }/* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input,
select,
textarea { outline: none; background: none; font-weight: 400; }
/* input { -webkit-appearance: none; } */
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a,
button,
input,
select,
li { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d) {
/* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
    /*a,button,input{-webkit-tap-highlight-color:rgba(130,130,130,.52);}*/
a,
button,
input,
select { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
}
a { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
/*弹性盒子*/
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-align-top { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: center; align-items: flex-start; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex-space-around { -webkit-justify-content: space-around; justify-content: space-around; }
.flex-space-between { -webkit-justify-content: space-between; justify-content: space-between; }
.hor-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row }
.ver-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column }
.hor-gap { width: 1px; height: 100%; line-height: 0 }
.ver-gap { height: 1px; width: 100%; line-height: 0 }
/*弹性盒子*/
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.center { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center }
.start { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start }
.end { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end }
.middle { display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.v-bottom { display: flex; display: -webkit-flex; -webkit-align-items: flex-end; align-items: flex-end; }
.v-baseline { display: flex; display: -webkit-flex; -webkit-align-items: baseline; align-items: baseline; }
.col { display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; }
.row { display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; }
.nowrap { -webkit-flex-wrap: nowrap; -webkit-box-lines: single; -moz-flex-wrap: nowrap; flex-wrap: nowrap; }
.wrap { -webkit-flex-wrap: wrap; -webkit-box-lines: single; -moz-flex-wrap: wrap; flex-wrap: wrap; }
　 .fn-hide { display: none }
.clearfix:after,
.clearfix:before { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1;
}
::-moz-placeholder {
color: #777;
font-size:0.3rem;
}
::-webkit-input-placeholder {
color: #777;
font-size: 0.3rem;
}
:-ms-input-placeholder {
color: #777;
font-size: 0.3rem;
}
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.midcenter { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
html { overflow-y: auto; overflow-x: hidden; height: 100%; max-width: 750px; margin: 0 auto; }
body { max-width: 750px; min-height: 100%; box-sizing: border-box; margin: 0 auto; overflow: hidden; -webkit-overflow-scrolling: touch; position: relative; }
.page1 { position: relative; background: #fff; padding-top: 7.0rem; }
.page1 .top { position: absolute; z-index: 1; top: 0; left: 0; right: 0; }
.page_main { position: relative; z-index: 2; }
.main { position: relative; z-index: 2; /*padding: 0 0.32rem */}
.main:before { position: absolute; content: ''; z-index: 1; bottom: 0; left: 0; right: 0; height: 5.2rem; background: url(https://gkbimg.360eol.com/2025/nwnu/bottom.png) right center no-repeat; background-size: 100% 100%; }
.main_card { position: relative; z-index: 5; background: #FFFFFF; border-radius: 0.4rem; padding: 1px 0.3rem 0.3rem;margin-top: .3rem;}
.bg-1{position: absolute;right:0;top:0;width: 1.48rem;height: 2.59rem;background: url(https://gkbimg.360eol.com/2025/nwnu/bg-2.png) no-repeat; background-size: 100% 100%;}
.bg-2{position: absolute;left:0;top:0;width: 2.86rem;height: 4.46rem;background: url(https://gkbimg.360eol.com/2025/nwnu/bg-1.png) no-repeat; background-size: 100% 100%;}
.logo { position: relative; margin-top: -0.52rem; }
.logo img { display: block; width: 100%; }
.logotu { width: 3.81rem; height: 2.48rem; margin: 0 auto;}
.logowz { margin-left: 0.17rem; width: 2.58rem; padding-bottom: 0.04rem; }
.topwz { padding: 1px 0px 0.28rem;}
.topwz .text { margin-top: 0.18rem; margin-right: 0.18rem; display: inline-block; background: linear-gradient( 90deg, #E1DEFF 0%, #D3E7FF 100%); padding: 2px 0.2rem; border-radius: 0.18rem; font-size: 0.22rem; font-weight: 400; color: #2F5177; line-height: 0.34rem; }
.topwz .text:last-child { margin-right: 0; }
.topwz .text-1{
    background: none;
    line-height: 1.5;
    font-size: .2rem;
    margin-top: 0;
    padding: 0;
}
.topwz .text-1 span{display: flex;align-items: center;}
.topwz .text-1 i{display: inline-block;width: .24rem;height: .2rem;background: url(https://gkbimg.360eol.com/2025/nwnu/ico4.png) no-repeat; background-size: 100% 100%;margin-right: .1rem;}
.viewbg { position: relative; z-index: 2; padding: 0 0.28rem; }
.viewbg .swiper-container { padding-bottom: 0.4rem; }
.viewbg .swiper-slide { height: 3.86rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.viewbg .videobox { margin: 0 auto; height: 3.86rem; position: relative; width: 100%;}
.viewbg .swiper-slide.swiper-slide-active .videobox { height: 100%; }
.viewbg .on-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0.125rem; /* border-radius: 0.125rem; background: #000;*/ overflow: hidden; height: 100%; z-index: 10; }
.viewbg .on-box .play { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background: url(https://gkbimg.360eol.com/2025/nwnu/play.png) no-repeat; width: 0.8rem; height: 0.8rem; background-size: cover; }
.viewbg .cover-img { height: 100%; }
.viewbg .video-play { width: 100%; height: 100%; display: block; overflow: hidden; background: #000; border-radius: 0.125rem; }
.viewbg .swiper-pagination { height: 0.06rem; font-size: 0; vertical-align: top; bottom: 0.2rem; }
.viewbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.05rem; width: 0.24rem; height: 0.06rem; border-radius: 0; background: #2F5177; border-radius: 2px; opacity: 0.47; }
.viewbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; }
.gkb_link-box { position: relative; z-index: 2; padding-top: 0.26rem; }
.school-box{text-align: center;}
.gkb_link {}
.gkb_link img { display: block; width: 1.1rem; height: 1.1rem; }
.gkb_link .bt { font-size: 0.24rem; font-weight: 600; color: #000; line-height: 0.33rem; text-align: center; }
.gkb_link3 { width: calc(33% - 0.1rem); margin-top: 0.34rem; }
.gkb_link3 a { 
    position: relative; display: flex;flex-direction: row;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(132,161,206,0.16);
    border-radius: .16rem;
    border: 1px solid #FFFFFF;
    padding: .18rem;
}
.gkb_link3 a img{width: .6rem;height: .6rem;margin-right: 0.16rem;}
.gkb_link3 a .bt {font-size: 0.18rem; color: #999; line-height: 0.28rem; text-align: left; }
.gkb_link3 a .bt strong{font-size: .24rem;color: #000;}
.card2 { position: relative; z-index: 5; /*margin-top: 0.34rem; */}
.tit_top { padding: 0.28rem 0.28rem 0; }
.tit_top .title { background: url(https://gkbimg.360eol.com/2025/nwnu/line.png) right bottom no-repeat; background-size: auto 0.12rem; height: 0.70rem; width: calc(100% - 2.65rem); padding-bottom: 0.12rem; box-sizing: border-box; }
.more_bt { display: block; padding: 0 0.20rem; font-size: 0.24rem; color: rgba(51, 51, 51, 0.8); line-height: 0.50rem; height: 0.50rem; background: url(https://gkbimg.360eol.com/2025/nwnu/more.png) right center no-repeat; background-size: 0.14rem 0.20rem; text-align: right; }
.title_bt { width: 4.76rem; margin: 0 auto;/*height: 0.70rem;*/ }
.title_bt img { display: block; width: 100%; }
@font-face { font-family: 'ruixian'; src: url(ruixian.TTF); }
.all{text-align: center;font-size: .24rem;color: #1C2974;margin-top: .3rem;}
.all i{
    width: 0.18rem; height: 0.18rem; background: url(https://gkbimg.360eol.com/2025/nwnu/jt.png) no-repeat; background-size: 100% 100%;display: inline-block;
}
.boxes { display: block; overflow: hidden; overflow-x: auto; }
.smalls { white-space: nowrap; }
.view_list {font-size: 0; padding: 0 0.22rem; }
.view_list .item_card { display: inline-block; width: 4.94rem; margin-right: 0.2rem; background: linear-gradient( 247deg, #ECEAFF 0%, #FFFFFF 100%);
border-radius: .16rem;border: 0.03rem solid #FFFFFF;}
.view_list .item_card:last-child { margin-right: 0.22rem; }
.item_pic { height: 3rem; border-radius: 0.08rem; overflow: hidden; position: relative; }
.item_pic img {border-radius: .3rem .3rem 0 .3rem;height: 100%;}
.item_pic:before { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.7rem; height: 0.7rem; background: url(https://gkbimg.360eol.com/2025/nwnu/play.png); background-size: cover; }
.item_bt {font-size: 0.26rem; color: #000; line-height: 0.34rem; padding: 0.3rem;font-weight: 600;}
.item_bt .time{color: #999;font-size: .24rem;font-weight: normal;padding-top: 0.1rem;display: inline-block;}
.major_list { height: 4.8rem; padding: 0 0.3rem; }
.major_list .item_card { display: inline-block; padding-right: 0.2rem; margin-bottom: 0.22rem; }
.major_list .item_card:last-child { padding-right: 0.2rem; }
.major_list .item { width: 3.25rem; height: 1.32rem; box-sizing: border-box; padding: 0.3rem 0.42rem; position: relative; background: url(https://gkbimg.360eol.com/2025/nwnu/itembg.png) no-repeat; background-size: 3.25rem 1.32rem;
    display: flex;
    align-items: center;
}
.major_list .xy_bt { font-family: 'ruixian'; font-size: 0.26rem; color: #fff; line-height: 0.32rem; white-space: pre-wrap; }
.foot { position: relative; z-index: 5; margin-top: 0.4rem; }
.footwz { position: relative; padding: 0.16rem 0.24rem 0.2rem; font-size: 0.2rem; font-weight: 400; color: #485390; line-height: 0.37rem; letter-spacing: 1px; text-align: center }
.footwz a { color: #485390; }
.imgs-box{
    display: flex;margin: 0 0.3rem 
}
.bg-box{
    background: radial-gradient(#e3f0ff, rgba(255, 0, 0, 0));
}
.imgs-box .tit{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .95rem;
    background: linear-gradient( 180deg, rgba(46,80,247,0) 0%, rgba(0,0,0,0.6) 100%);
    border-radius: 0px 0px .16rem .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .26rem;
    font-weight: 600;
}
.imgs-box .lf{
    display: flex;
    width: 3.35rem;
    height: 4.1rem;
    position: relative;
}
.imgs-box .rt{
    display: flex;
    width: 3.35rem;
    height: 4.1rem;
    flex-direction: column;
    margin-left: 0.2rem;
}
.imgs-box .rt .img{
    position: relative;height: 1.95rem 
}
.news-box{
    margin: 0.3rem;
    padding: .24rem;
    background: url(https://gkbimg.360eol.com/2025/nwnu/bg11.png) no-repeat;
    background-size: 100% 100%;
    /*height: 10rem;*/
    min-height: 5rem;
}
.news-box .tabs{
    display: flex;
    align-items: center;
    padding: 0.3rem 0;
    padding-top: 0.1rem;
}
.news-box .tabs a{
    flex: 1;
    text-align: center;
    font-size: .26rem;
    color: #666666;
}
.news-box .tabs a.active{
    font-weight: 600;
    font-size: .32rem;
    color: #222222;
    position: relative;
}
.news-box .tabs a.active:before{
    position: absolute; content: ''; left: 50%; margin-left:-0.63rem; bottom:0; width: 1.27rem; height: 0.1rem; background: linear-gradient( 270deg, #B243FF 0%, #00A2FF 100%);opacity: 0.4;
}
.news-box .list li{
    padding-bottom: .2rem;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: .24rem;
}
.news-box .list li:last-child{border: 0;}
.news-box .list li h2{
    font-weight: 400;
    font-size: .28rem;
    color: #000000;
}
.news-box .list li p{
    font-weight: 400;
    font-size: .24rem;
    color: #AAAAAA;
    padding-top: .12rem;
}
.bg-3{position: absolute;right:-.3rem;bottom:.2rem;width: 1.46rem;height: 1.78rem;background: url(https://gkbimg.360eol.com/2025/nwnu/y2.png) no-repeat; background-size: 100% 100%;}
.bg-4{position: absolute;left:-.3rem;bottom:-.5rem;width: .87rem;height: 1.33rem;background: url(https://gkbimg.360eol.com/2025/nwnu/y1.png) no-repeat; background-size: 100% 100%;}







/*内页1*/
.page_ny { position: relative; background: #f5f5f5; padding: 2rem 0.24rem 0; }
.page_ny .top { position: absolute; z-index: 1; top: 0; left: 0; right: 0; }
.page_ny .top_bt { position: absolute;z-index: 2; left: 0.3rem;right:0.3rem; top: 1.34rem; font-weight: 600; font-size: 0.42rem; color: #0043b8; line-height: 0.45rem; }
.ny_main { position: relative; z-index: 2; background: #FFFFFF; border-radius: 0.2rem 0.2rem 0px 0px; padding: 0.2rem; min-height: calc(100vh - 3.7rem);  box-shadow: 0px 2px 0.14rem rgba(132,132,132,0.2);}
.nymenu { margin-bottom: 0.4rem; }
.nymenu li { line-height: 0.64rem; padding: 0 0.16rem; position: relative; font-size: 0.3rem; color: #666666; }
.nymenu li:last-child { padding-right: 0; }
.nymenu li.on { color: rgba(51,51,51,0.9); font-weight: 600; font-size: 0.32rem; }
.nymenu li.on:before { position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0.56rem; height: 0.06rem; background: #679eff; border-radius: 0.03rem; }
.ny_content { display: none; }
.ny_content:first-child { display: block }
.ny_article_wz { font-size: 0.28rem; color: rgba(51,51,51,0.9); line-height: 0.45rem; text-align: justify; }
.ny_article_wz p { text-indent: 2em; margin: 0.2rem 0; }
.ny_article_wz img { margin: 0 auto; max-width: 100%; width: auto }
.ny_mulu li { background: rgb(213 228 255); border-radius: 0.08rem; margin-bottom: 0.24rem; }
.ny_mulu li a { min-height: 0.9rem; padding: 0.25rem 0.8rem 0.25rem 0.32rem; position: relative; font-weight: 500; font-size: 0.28rem; color: #333333; line-height: 0.4rem; }
.ny_mulu li a:before { position: absolute; content: ''; right: 0.3rem; top: 50%; transform: translateY(-50%); width: 0.22rem; height: 0.22rem; background: url(../images/arrow.png) no-repeat; background-size: cover; }
.page_ny .footwz { padding-top: 0.46rem; color: #857e7e }
.page_ny .footwz a { color: #857e7e }
/*新闻*/
.list_news { padding: 0.12rem; }
.list_news .item { margin-bottom: 0.42rem; }
.list_news .item .tit { line-height: 0.40rem; color: #111; font-size: 0.28rem; font-weight: 600; display: -webkit-box; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical }
.list_news .item .time { margin-top: 0.16rem; line-height: 0.30rem; color: #666; font-size: 0.24rem; }
.list_news .item.tu { position: relative; padding-left: 2.98rem; }
.list_news .item.tu .pic { position: absolute; top: 0; left: 0; width: 2.64rem; height: 1.66rem; border-radius: 0.10rem; }
.list_news .item.tu .time { margin-top: 0.56rem; }
.list_news .item.tu .tit { height: 0.80rem; }
/*内页板块*/
.ny_main2 { position: relative; z-index: 2; min-height: calc(100vh - 3.7rem); }
.ny_card { background: #FFFFFF; border-radius: 0.2rem; padding: 0.28rem 0px; margin-top: 0.3rem; box-shadow: 0px 2px 0.14rem rgba(132,132,132,0.2); }
.ny_card:first-child { margin-top: 0; }
.nytit_top { padding: 0 0.28rem; margin-bottom: 0.1rem; }
.nytit_top .tit_bt { position: relative; font-weight: 600; font-size: 0.32rem; color: #333333; line-height: 0.45rem; }
.nytit_top .tit_bt:before { position: absolute; content: ''; left: -0.28rem; top: 50%; margin-top: -0.15rem; width: 0.08rem; height: 0.3rem; background: #669bff; border-radius:0 2px 2px 0; }
.article_wz {padding: 0 0.28rem; font-size: 0.28rem; color: rgba(51, 51, 51, 0.9); line-height: 0.45rem; text-align: justify; }
.shaoma { width: 50%; padding: 0.3rem 0.4rem; box-sizing: border-box; }
.shaoma .matu { display: block; margin: 0 auto; width: 1.8rem; height: 1.8rem; }
.shaoma .ma_bt { margin-top: 0.16rem; font-size: 0.24rem; text-align: center; }
.school_major{ border-top:1px solid #EFEFEF;text-align:left;}
.school_major .zy_name {
	display:block;
    margin-top: 0.16rem;
    margin-right: 0.16rem;
    border-radius: 0.12rem;
    border: 1px solid #E1E1E1;
    padding: 0 0.15rem;
    font-size: 0.24rem;
    color: #666666;
    line-height: 0.38rem;
    white-space: nowrap;
}

.go_home {
    position: fixed;
    z-index: 5;
    bottom: 2rem;
    right: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
    background: url(https://gkbimg.360eol.com/rector/2024/sit/gohome.png) no-repeat;
    background-size: cover;
}

.go_back {
    position: fixed;
    z-index: 5;
    bottom: 3rem;
    right: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
    background: url(https://gkbimg.360eol.com/rector/2024/sit/goback.png) no-repeat;
    background-size: cover;
}
/* 空内容 */
.empty{display: block;width: 130px;margin: .5rem auto;}

/*弹框不自动消失*/
.prompt {word-break: break-all;	position: fixed; padding: 0.2rem 0; background-color: rgba(0,0,0,0.4); color: #fff; font-size: 0.25rem; border-radius: 3px; top:50%;left: 50%; -webkit-transform: translate(-50%, -50%);min-width: 30%;max-width: 60%;text-align: center;z-index:2002}


/* 视频 */
.zb_list{ margin-bottom: 0.16rem;box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0,0,0,0.1);border-radius:0.12rem; background:#fff;padding:0;}
.zb_list .viewbox1{width: 100%;height: 3.96rem;position:relative;overflow:hidden}
.zb_list .viewbox1 img{width: 100%;height: 3.96rem;}
.zb_list .viewbox1 .bot{ position:absolute;z-index:3; bottom:0; left:0; right:0;height:0.6rem;background:rgba(0,0,0,0.5); line-height:0.6rem; padding:0 0.24rem;font-size:0.34rem; color:#fff;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zb_list .viewbox1 .tag{position:absolute;z-index:3; top:0.14rem; left:0.18rem; height:0.45rem; line-height:0.45rem; padding-left:0.4rem; padding-right:0.12rem;font-size:0.24rem; color:#fff;background:#E02020 url(http://gkbimg.360eol.com/classroom/images/zb3.png) 0.13rem center no-repeat; background-size:0.18rem 0.17rem; border-radius:0.08rem;}
.zb_list .viewbox1 .play{ position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; background:url(http://gkbimg.360eol.com/classroom/images/play3.png) center center no-repeat; background-size:0.88rem 0.88rem;}
.viewbox1 .video-play {
    width: 100%;
    height: 100%;
    display: none;
}
.video-title{font-size:0.28rem;padding:0.1rem 0.2rem;}
.zb_list iframe{width:100%;height:100%;border-width:0}

/**适配**/
@media screen and (min-width:320px) {
html { font-size: 42.66px }
}
 @media screen and (min-width:360px) {
html { font-size: 48px }
}
 @media screen and (min-width:375px) {
html { font-size: 50px }
}
 @media screen and (min-width:384px) {
html { font-size: 51.2px }
}
 @media screen and (min-width:400px) {
html { font-size: 54px }
}
 @media screen and (min-width:414px) {
html { font-size: 54px }
}
 @media screen and (min-width:424px) {
html { font-size: 56.54px }
}
 @media screen and (min-width:480px) {
html { font-size: 64px }
}
 @media screen and (min-width:540px) {
html { font-size: 72px }
}
 @media screen and (min-width:640px) {
html { font-size: 85.32px }
}
 @media screen and (min-width:720px) {
html { font-size: 96px }
}
 @media screen and (min-width:750px) {
html { font-size: 100px }
}
 @media only screen and (device-width: 375px) and (device-height: 667px) {
}
	
	/* x/xs */
	@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
}
	
	/* xs max/xr/11 */
	@media only screen and (device-width: 414px) and (device-height: 896px) {
}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
}