/* ============================================================
   样式重置 
   ============================================================ */
* { 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; background: linear-gradient( 180deg, #F1F2ED 0%, #FFFEF2 100%);}
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; 
    padding-top: 8.3rem; 
    background: linear-gradient( 180deg, #F1F2ED 0%, #FFFEF2 100%);
    padding-bottom: 2rem;

    
}
.page1 .top { position: absolute; z-index: 1; top: 0; left: 0; right: 0; }
.logo { position: absolute; z-index:2;top: 0.36rem;left:0.36rem; width:3.59rem; }
.logo img { display: block; width: 100%; }
.main { position: relative; z-index: 2; margin-top: 1.9rem; }
.f-pd{padding: 0 0.32rem;}
.viewbg { position: relative; z-index: 2; }
.viewbg .swiper-container { padding-bottom: 0.4rem; }
.viewbg .swiper-slide { height: 3.6rem; 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.6rem; 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; 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://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/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:#9cd7e9; border-radius: 2px; opacity: 0.47; }
.viewbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; }

.gkb_link-box {padding:0.24rem 0.2rem 0.29rem;border-radius: 0.24rem 0.24rem 0px 0px; }
.gkb_link { }
.gkb_link img { display: block; width: 0.96rem; height: 0.96rem; }
.gkb_link .bt { margin-top: 0.14rem; font-size: 0.24rem; font-weight: 600;color: #0F2949; line-height: 0.33rem; text-align: center; }
.gkb_link3 { width: calc(33% - 0.1rem); margin-top: 0.1rem; position: relative;}
.gkb_link3 a { position: relative; }
.gkb_link3 a .bt { position: absolute; left: 0.3rem; top: 50%; transform: translateY(-50%); font-size: 0.24rem; font-weight: 600; color: #fff; line-height: 0.33rem; text-align: left; }
.gkb_link3 a strong{
    position: absolute;
    left: .2rem;
    top: .2rem;
    font-weight: 600;
    font-size: .24rem;
    color: #FFFFFF;
}

.title { margin:0.62rem auto 0.3rem; width:3.48rem}
.tit_top { padding: 0.28rem 0.28rem 0.34rem; }
.tit_top .title { background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/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://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/more.png) right center no-repeat; background-size: 0.14rem 0.20rem; text-align: right; }
.title_bt { width: 2.32rem; height: 0.70rem; }
.title_bt img { display: block; width: 100%; }
@font-face { font-family: 'ruixian'; src: url(ruixian.TTF); }
.boxes { display: block; overflow: hidden; overflow-x: auto; }
.smalls { white-space: nowrap; }
.xylistcon li{ margin-bottom:0.3rem; width:calc(50% - 0.15rem)}


.hot-news{
    height: 1.41rem;
    background: linear-gradient( 180deg, #65B48E 0%, #08604F 100%);
    border-radius: .1rem;
    margin-top: .7rem;
    display: flex;
    align-items: center;
}
.hot-news .tit{
    width: 1.2rem;
    height: .66rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/news.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.3rem;
}
.hot-news .news{
    font-size: .22rem;
    color: #fff;
    margin-left: .3rem;
    line-height: 1.8;
    width: 100%;
    margin-right: .3rem;
    width: 300px;
    overflow: hidden;
}
.hot-news .news .li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hot-news .news .li i{
    display: block;
    width: 0.09rem;
    height: .15rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/jt_right.png) no-repeat;
    background-size: 100% auto;
}
.hot-news .news .li span{
    display: inline-block;
    width: 5.6rem;
    white-space: nowrap;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}
.m-tit-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem;
    position: relative;
}
.m-tit-box .live_img{
    width: 1.5rem;
}
.m-tit-box .name{
    position: relative;
    font-weight: 600;
    font-size: .28rem;
    color: #333333;
}
.m-tit-box .name:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -0.02rem;
    width: 1.26rem;
    height: .14rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/line.png) no-repeat;
    background-size: 100% auto;

}

.m-tit-box .live_img:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -0.02rem;
    width: 1.26rem;
    height: .14rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/line.png) no-repeat;
    background-size: 100% auto;

}
.m-tit-box .live_img img {
    position: relative;
    z-index: 9;
}

.m-tit-box .name strong{
    position: relative;
    z-index: 9;
}

.m-tit-box .more{
    display: flex;
    align-items: center;
    font-size: .22rem;
    color: #07A36B;
}
.m-tit-box .more i{
    width: .24rem;
    height: .24rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/more.png) no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
}
.m-tit-box .bg-1{
    width: 2.73rem;
    height: .66rem;
    position: absolute;
    left: 1.3rem;
    top: -.3rem;

}
.m-tit-box .bg-2{
    width: .78rem;
    height: 1.03rem;
    position: absolute;
    right: 0;
    top: -0.2rem;
    
}
.xy-box{margin-top: .5rem;}
.xy-scroll{
   /* overflow: hidden;
    overflow-x: auto;
    margin-right: -0.32rem;*/

    &::-webkit-scrollbar {
        display: none;
    }
}
.xy-list{
   /* display: flex;*/
    flex-direction: column;
    white-space: nowrap;
    height: 4rem;
    flex-wrap: wrap;
}
.xy-list .swiper-slide{
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.xy-list .item{
    position: relative;
    /*width: 3.2rem;*/
    width: calc(50% - 0.2rem);
    height: 2rem;
    /*background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/college_cover1/10.jpg) no-repeat;*/
    /*background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/xy.png) no-repeat;*/
    background-size: 100% auto;
    /*margin-right: .2rem;
    margin-bottom: .2rem;*/
    padding: 0.15rem;
    border-radius: .1rem; 
}


.xy-list .item .see_all {
    position: absolute;
    left: .16rem;
    bottom: .12rem;
    width: 1.1rem;
}

.xy-list .item h5{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .26rem;
    margin-bottom: 3px;
}
/*.xy-list .item h5 i{*/
/*    display: block;*/
/*    width: .16rem;*/
/*    height: .16rem;*/
/*    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/jt_circle_right.png) no-repeat;*/
/*    background-size: 100% auto;*/
/*    margin-left: 5px;*/
/*}*/
.xy-list .box{
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    gap: 0.08rem;
    margin-top: .1rem;
}
.xy-list .box span{
    font-size: .18rem;
    color: #07A36B;
    background-color: rgba(255,255,255,1);
    border-radius: 0.08rem;
    padding: 0.02rem 0.08rem;



}

.v-box{
    display: flex;
    align-items: center;
    gap: .3rem;
}
.v-box .item{
    /*background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/v2.png) no-repeat;*/
    /*background-size: 100% auto;*/
    /*padding: .4rem .24rem .24rem;*/
    flex: 1;
    /*margin-right: .3rem;*/
}
.v-box .item-1{
    /*background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/v1.png) no-repeat;*/
    /*background-size: 100% auto;*/
    
}
.v-box .item h2{
    font-weight: 600;
    font-size: .24rem;
    color: #333333;
}
.v-box .item p{
    font-weight: 400;
    font-size: .20rem;
    color: #666;
    padding: .16rem 0 .2rem;
}
.v-box .item .v{
    position: relative;
}
.v-box .item .v img{
    display: block;
    width: 2.75rem;
    height: 1.64rem;
}
.v-box .item .v i{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.24rem 0 0 -.24rem;
    width: .48rem;
    height: .48rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/play.png) no-repeat;
    background-size: 100% auto;
}
.school-box{
    display: flex;
    /*justify-content: space-between;*/
}
.school-box .lf{position: relative;width: 2.18rem;margin-right: .2rem}
.ios .school-box .lf{margin-right: .25rem}
.school-box .lf img{
    width: 2.18rem;
    height: 3.5rem;
    border-radius: 3px;
}
.school-box .txt{
    position: absolute;
    width: 100%;
    height: .44rem;
    line-height: .6rem;
    /*background: linear-gradient( 180deg, #015845 0%, #F5DA4D 100%);*/
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/bg5.png) no-repeat;
    background-size: 100% 100%;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: .14rem;
    padding: 0 5px;

}
.school-box .txt-1{
    height: .62rem;
    line-height: .9rem;
}
.school-box .rt span{
    position: relative;
    display: inline-block;
    width: 2.1rem;

}
.school-box .rt img{
    width: 2.1rem;
    height: 1.49rem;
    border-radius: 3px;
}
.ios .school-box .rt span{

    width: 2.18rem;
}

.ios .school-box .rt img{
    width: 2.18rem;
}

.steps-box{
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/bg4_1.png) no-repeat;
    background-size: 100% 100%;
    padding: 0.32rem;
    margin-top: 0.3rem;
    padding-top: .6rem;
}
.steps-box .inner{
    height: 2.65rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/bg11.png) no-repeat;
    background-size: 100% auto;

}
.steps-box .inner.bg{
    height: 2.65rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/bg12.png) no-repeat;
    background-size: 100% auto;

}
.steps-box .inner .tab{
    display: flex;
    align-items: center;
}
.steps-box .inner .tab span{
    flex: 1;
    text-align: center;
    padding: .22rem 0;
    font-size: .24rem;
}
.steps-box .inner .tab span.cur{
    color: #fff;
    font-size: .28rem;
}
.line-box{position: relative;}

.line-box .line{
    position: relative;
    width: 9.55rem;
    height: 1px;
    background: #FFFFFF;
    box-shadow: 0px 4px 7px 0px rgba(35,100,29,0.38);
    border-radius: 4px;
    left: 1rem;
    top: .42rem;

}
.line-box .items-scroll{
    overflow: hidden;
    overflow-x: auto;

    &::-webkit-scrollbar {
        display: none;
    }
}
.line-box .items{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: .2rem;
    width: 12rem;
}
.line-box .items .item{
    width: 1.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: .16rem;
    color: #fff;
}
#right_time_line .items .item{
    font-size: .16rem;
}
#right_time_line .line{
    width: 7.9rem;
}
.line-box #right_time_line .items{
    width: 10rem;
}
.line-box .items .item p.date{
    font-weight: 600;
    /*font-size: .18rem;*/
    color: #FFF9D0;
    padding: .12rem 0;
    font-size: .2rem;
}
.line-box .items .item img{
    width: .48rem;
    height: .48rem;
    position: relative;
    z-index: 9;
}
.pos-box{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 1.46rem;
    height: .4rem;
    background: url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/pos_province.png) no-repeat;
    background-size: 100% auto;
    z-index: 99;
}
.pos-box span{
    font-size: .22rem;
    width: .8rem;
    margin-left: .4rem;
    display: block;
    margin-top: 0.04rem;
    padding-left: 0.06rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



footer{ position:fixed;left:0;right:0; bottom:0; z-index:10; padding-bottom:0; background:#fff}
footer .menu{ height:1.46rem; margin:0 auto; max-width:750px; padding:0 0.2rem;}
footer .menu li{ width:33.3%}
footer .menu li a{ padding-top:0.25rem;}
footer .menu li i{margin:0 auto; display:block; width:0.51rem; height:0.58rem;}
footer .menu li .menu_icon1{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/tabbar1.png); background-size:0.51rem 0.58rem;}
footer .menu li a.on .menu_icon1{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/tabbar1.png); background-size:0.51rem 0.58rem;}
footer .menu li .menu_icon2{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/tabbar2.png); background-size:0.51rem 0.58rem;}
footer .menu li a.on .menu_icon2{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/tabbar2.png); background-size:0.51rem 0.58rem;}

footer .menu li .menu_icon3{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/tabbar3.png); background-size:0.51rem 0.58rem;}
footer .menu li a.on .menu_icon3{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/01/nudt/tabbar3.png); background-size:0.51rem 0.58rem;}
footer .menu li .bt{margin-top:0.1rem;font-size: 0.22rem;color: rgba(0,0,0,0.5);line-height: 0.28rem; text-align:center;}
footer .menu li a.on .bt{ color:#000;font-weight: 600;}
footer .menu li .menu_icon2-1{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/10/nudt/tabbar2-1.png); background-size:0.51rem 0.58rem;}
footer .menu li a.on .menu_icon2-1{ background:url(https://image.360eol.com/Qiniu_Files/Files/2025/10/nudt/tabbar2-1.png); background-size:0.51rem 0.58rem;}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -0.8rem;
}

.swiper-pagination-bullet-active{
    background-color: #08604F;
}


/**适配**/
@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) {
}