/* ============================================================
   样式重置 
   ============================================================ */
* { 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; background:#08236A; }

.bg { position:absolute;top:0;bottom:0;left:0;right:0; z-index:1; background: url(https://gkbimg.360eol.com/2026/hust_basic/bg1.png) top no-repeat; background-size:cover;}
.index_foot{ position:absolute; bottom:1.45rem;left:0;right:0; height:2.97rem;background: url(https://gkbimg.360eol.com/2026/hust_basic/index_foot.png) top no-repeat; background-size:100% auto; }
.page1{position: relative; z-index:2;height:100vh; padding-top:1.32rem;}
.logo{ margin:0 auto; width:3.62rem;}
.ztwz{ margin-top:1.03rem;}

.btnlink{ position: absolute; bottom:4.6rem;left:0;right:0; margin:0 auto; width:3.5rem;}
.gkb_link-box {padding:0.5rem 0.7rem 0.7rem; position: fixed; z-index:4; bottom:0;left:0;right:0; margin:0 auto;max-width: 750px;}
.gkb_link img { display: block; width:0.88rem; height:0.88rem; }
.gkb_link .bt { margin-top: 0.1rem; font-size: 0.24rem; font-weight: 600;color:#FFE1AC;line-height: 0.36rem; text-align: center; }


.bg2{background: url(https://gkbimg.360eol.com/2026/hust_basic/bg2.png) top no-repeat; background-size:100% auto; background-attachment:fixed}
.nyfoot{ position:absolute; z-index:1;left:0;right:0; bottom:0;}
.page2{position: relative; z-index:2;min-height:100vh; padding-top:0.48rem ; padding-bottom:3rem;}
.nylogo{margin:0 auto;width:3.38rem; margin-bottom:0.72rem;}


.zy_title{ margin-left:0.3rem;width:4.95rem;}
.zy_list{ padding-left:0.09rem;}
.zy_con{ padding:0.1rem }

.marjor_main{ padding:0.22rem 0.3rem;}
.viewbg { position: relative; z-index: 2; }
.viewbg .swiper-container { padding-bottom: 0.54rem; }
.viewbg .swiper-slide { height: 3.96rem; 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.96rem; 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.16rem; 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/2026/hust_basic/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.16rem; }
.viewbg .swiper-pagination { height: 0.3rem; font-size: 0; vertical-align: top; bottom:0px; }
.viewbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; width: 0.3rem; height:3px; border-radius:0; background:#FC6;opacity: 0.6; }
.viewbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1;}

.nybtnlink{ display:block; position:relative; z-index:4; margin:0 auto;width:7.32rem;}

.ny_con{ padding:0.38rem 0.2rem 0.6rem;}
.ny_content{background: linear-gradient( -180deg,rgb(255 255 248) 0%, rgb(255 255 255) 100%);border: 1px solid #F1CF94;border-radius: 0.16rem; padding:0.38rem 0.24rem;}
.ny_title{ height:0.47rem;line-height: 0.47rem; width:4.63rem;background: url(https://gkbimg.360eol.com/2026/hust_basic/nybtbg2.png) left center no-repeat; background-size:cover; padding-left:0.3rem;font-size: 0.3rem;color: #784f02;font-weight: 600; margin-bottom:0.18rem;}
.ny_wzcon{ margin-bottom:0.5rem;font-size: 0.26rem;line-height: 0.50rem; color:#1d1608}
.addr_list li{margin-top:0.24rem;background: #f6f1f7 linear-gradient(323deg, rgb(189 152 83 / 50%) 0%, rgb(226 232 198 / 23%) 38%, rgb(244 244 231 / 16%) 59%, rgb(127 125 17 / 6%) 100%);border-radius: 0.08rem;min-height:1.56rem;padding:0.24rem;}
.addr_list li:first-child{margin-top:0;}
.addr_list li .pic{width: 1.08rem;height: 1.08rem;background: #D8D8D8; overflow:hidden;}
.addr_list li .pic img{ margin:0;width: 1.08rem;height: 1.08rem;}
.addr_list li .info{ width:calc(100% - 1.32rem);}
.addr_list li .info .wz1{font-weight: 600;font-size:0.28rem;color: #784f02;line-height: 0.40rem;}
.addr_list li .info .wz2{font-size:0.24rem;color:#364666;line-height: 0.34rem;}
.addr_list li .info .wz3{ margin-top:0.1rem;font-size: 0.22rem;color: #555F7A;line-height: 0.25rem;}


.nav_bt2{margin-top: 0.32rem;
    height: 0.56rem;
    position: relative;
    font-weight: 600;
    font-size: 0.36rem;
    color: #FFFFFF;
    line-height: 0.44rem; text-align:center;}
.nav_bt2:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient( 270deg, rgba(246,157,47,0) 0%, #F5AB3A 61%, rgba(246,157,47,0) 100%);
}
.article_con{font-size: 0.26rem;color: #FFFFFF;line-height: 0.44rem; text-align:center;text-align: justify;}
.article_con p{ margin-top:0.32rem}
.article_con img{ display:block; width:auto; margin:0 auto; max-width:100%; margin-top:0.32rem}
.nav_bt{ margin-top:0.32rem; padding-left:0.66rem; height:0.52rem; position:relative;font-weight: 600;font-size: 0.28rem;color: #FFFFFF;line-height: 0.4rem;}
.nav_bt:before{ position:absolute; content:''; left:0.66rem; right:0; bottom:0;height: 2px;background: linear-gradient( 270deg, rgba(246,157,47,0) 0%, #F5AB3A 61%, #F1CB55 100%);}
.nav_bt .num{position:absolute;left:0;top:0; width:0.64rem; height:0.52rem;}
.article_wz{ margin-top:0.32rem;font-size: 0.26rem;color: #FFFFFF;line-height: 0.44rem; text-align:center;text-align: justify;}
.nav_btc{height:1.04rem;}
.nav_btc .num{height:1.04rem;}



















/**适配**/
@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) {
	 .gkb_link-box{ bottom:0;}
}
	
/* x/xs */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.gkb_link-box{ bottom:0.2rem;}
}
	
/* xs max/xr/11 */
@media only screen and (device-width: 414px) and (device-height: 896px) {
	.gkb_link-box{ bottom:0.2rem;}
}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	 .gkb_link-box{ bottom:0.2rem;}
}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
	 .gkb_link-box{ bottom:0.2rem;}
}
/* 12pro */
@media only screen and (device-width: 390px) and (device-height: 844px) {
	.gkb_link-box{ bottom:0.2rem;}
}
/* 14promax */
@media only screen and (device-width: 430px) and (device-height: 932px) {
	.gkb_link-box{ bottom:0.2rem;}
}