@charset "utf-8";
/* CSS Document */
html{box-sizing: border-box;}
*,*::before,*::after{box-sizing: inherit;}
html,body{height: 100%; overflow: hidden;}
body{font-size: .2rem; line-height: 1.2; word-break: normal;}

.btn{cursor: pointer;}
.btn:active{-webkit-transform: scale(.9);transform: scale(.9);}

.button-box{font-size: 0;text-align: center;}
.button-box .btn{display: inline-block;}

.flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-sub-box{width: 100%;}

.btn-back{display: block; width: .56rem; height: .56rem; background: url(//png.pook.com/new_lobby/notice/btn_back.png) no-repeat; background-size: 100% 100%;}
.btn-close-notice {display: block; width: .67rem; height: .67rem; background: url(//png.pook.com/sj_lobby/ebank/btn_notice_banner_close.png) no-repeat center center; background-size: .35rem .35rem;}

.ico-hot{display: inline-block; width: .38rem; height: .46rem; background: url(//png.pook.com/new_lobby/notice/ico_hot.png) no-repeat; background-size: 100% 100%;}
.ico-new{display: inline-block; width: .38rem; height: .46rem; background: url(//png.pook.com/new_lobby/notice/ico_new.png) no-repeat; background-size: 100% 100%;}

.wrapper{position: relative; height: 100%; margin: 0 auto; background: linear-gradient(to bottom, #2954ac, #3c87c6); background: -webkit-linear-gradient(to bottom, #2954ac, #3c87c6); background: -webkit-gradient(linear, 0 0, 0 100%, from(#2954ac), to(#3c87c6)); overflow: hidden;}

.page-container {width: 100%; height: 100%;}
.page-wrapper {box-sizing: border-box; -webkit-box-sizing: border-box;}

/* 公告列表 */
.notice-wrapper::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4.08rem; background: url(//png.pook.com/new_lobby/notice/bg_illustration.png) no-repeat; background-size: 100% 100%;}
.notice-wrapper .btn-back{position: absolute; z-index: 10; top: .22rem; left: .3rem;}

.notice-title{position: absolute; z-index: 6; top: 0; left: 0; width: 100%; height: 1.06rem; padding-top: .22rem; text-align: center; background: url(//png.pook.com/new_lobby/notice/title_bg.png) no-repeat; background-size: 100% 100%;}
.notice-title .title-img{height: .48rem; vertical-align: top;}

.notice-img-box {position: relative; width: 6.68rem; margin: 0 auto .12rem;}
.notice-img-box .btn-close-notice {position: absolute; z-index: 5; top: 0; right: 0;}
.notice-img-box .notice-img {max-width: 6.68rem; vertical-align: top;}
/* .notice-img-box + .notice-list-wrapper {top: 5.74rem;}
.notice-img-box + .notice-list-wrapper .notice-scrollview {padding-top: 0;} */

.notice-list-wrapper{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 1.2rem; overflow: hidden;}
.notice-scrollview{padding-top: 1.32rem;}

.notice-list{position: relative; width: 6.82rem; height: 1.28rem; margin: 0 auto .02rem; padding: .42rem 0 0 .42rem; background: url(//png.pook.com/new_lobby/notice/notice_list_bg.png) no-repeat; background-size: 100% 100%;}
.notice-list .txt{float: left; width: 5.1rem; font-size: .32rem; line-height: 1.2; color: #793e13; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice-list .date{display: block; margin-left: 5.18rem; font-size: .3rem; color: #2d8bbb;}
.notice-list .ico-hot,
.notice-list .ico-new{position: absolute; top: .03rem; left: .4rem;}

/* 公告详情 */
.notice-detail-wrapper{position: absolute; z-index: 2; top: 0; left: .18rem; right: .18rem; bottom: .34rem; background: #fcf6d4; border-bottom: .04rem solid #fefdf6; border-radius: 0 0 .26rem .26rem; box-shadow: 0 .03rem .06rem rgba(0, 0, 0, .3);}

.notice-detail-box{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: .3rem; padding: 0 .36rem; overflow: hidden;}

.notice-detail-scrollview{padding-top: 1.4rem; overflow: hidden;}

.article-header {margin-bottom: .16rem; padding-bottom: .36rem; background: url(//png.pook.com/new_lobby/notice/detail_line.png) no-repeat center bottom; background-size: 5.42rem .28rem;}
.article-header .title{font-size: .38rem; color: #793e13; text-align: center;}
.article-header .title-sub{margin-top: .2rem; font-size: .24rem; color: #2d8bbb; text-align: center;}
.article-main{font-size: .26rem; line-height: 1.6; color: #7d5528; clear: both;}
.article-main img{max-width: 100%;}
.article-main video {max-width: 100%;}
.article-footer{float: right; font-size: .26rem; line-height: 1.6; color: #7d5528; text-align: center;}

.notice-wrapper--lh .btn-back {top: .88rem;}
.notice-wrapper--lh .notice-title {height: 1.88rem; padding-top: .88rem;}
.notice-wrapper--lh .notice-scrollview {padding-top: 1.88rem;}
.notice-wrapper--lh .notice-detail-scrollview {padding-top: 2rem;}

/* iphone X样式 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .notice-title {height: 1.88rem; padding-top: .88rem;}
    .notice-wrapper .btn-back {top: .88rem;}
    
    .notice-scrollview {padding-top: 1.88rem;}
    .notice-detail-scrollview {padding-top: 2rem;}
}

/* iphone XR - 内嵌样式 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
    .notice-title {height: 1.88rem; padding-top: .88rem;}
    .notice-wrapper .btn-back {top: .88rem;}
    
    .notice-scrollview {padding-top: 1.88rem;}
    .notice-detail-scrollview {padding-top: 2rem;}
}

/* iphone XR样式 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
    .notice-title {height: 1.88rem; padding-top: .88rem;}
    .notice-wrapper .btn-back {top: .88rem;}
    
    .notice-scrollview {padding-top: 1.88rem;}
    .notice-detail-scrollview {padding-top: 2rem;}
}

/* iphone XS MAX样式 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .notice-title {height: 1.88rem; padding-top: .88rem;}
    .notice-wrapper .btn-back {top: .88rem;}
    
    .notice-scrollview {padding-top: 1.88rem;}
    .notice-detail-scrollview {padding-top: 2rem;}
}

/* 竖屏样式 */
@media all and (orientation:portrait) {}

/* 横屏样式 */
@media all and (orientation:landscape) {}