You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
5.1 KiB
CSS
86 lines
5.1 KiB
CSS
2 years ago
|
|
||
|
|
/* common */
|
||
|
|
html{line-height:1.4;overflow-x:hidden;color:#333;font-size:625%;font-family:Helvetica Neue,'苹方',Roboto,Noto,Microsoft YaHei,'微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;}
|
||
|
|
img{border:none;vertical-align:middle;}
|
||
|
|
ol,ul,li{margin:0;padding:0;list-style:none;color:inherit;}
|
||
|
|
a{color:inherit;text-decoration:none;}
|
||
|
|
body{font-size:inherit;margin:0;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent;}
|
||
|
|
body::-webkit-scrollbar{width:3px;height:4px;}
|
||
|
|
body::-webkit-scrollbar-button{display:none;background-color:#f4f4f4;}
|
||
|
|
body::-webkit-scrollbar-track,body::-webkit-scrollbar-track-piece{background:#f4f4f4;}
|
||
|
|
body::-webkit-scrollbar-thumb{border-radius:4px;background:#ababab;}
|
||
|
|
body::-webkit-scrollbar-corner{background:#f4f4f4;}
|
||
|
|
body::-webkit-scrollbar-resizer{background:#ababab;}
|
||
|
|
body{scrollbar-arrow-color:#f4f4f4;scrollbar-face-color:#f4f4f4;scrollbar-3dlight-color:#f4f4f4;scrollbar-highlight-color:#f4f4f4;scrollbar-shadow-color:#f4f4f4;scrollbar-darkshadow-color:#f4f4f4;scrollbar-track-color:#f4f4f4;scrollbar-base-color:#ababab;}
|
||
|
|
.clearfix,.pop-clear{zoom:1;}
|
||
|
|
.clearfix:after,.pop-clear:after{clear:both;display:block;overflow:hidden;height:0;content:"";font-size:0;}
|
||
|
|
.wrap {position:relative;max-width:1080px;margin:0 auto;}
|
||
|
|
.hidden{display:none!important;}
|
||
|
|
button,input,select,textarea{outline:0;font-size:inherit;font-family:inherit;}
|
||
|
|
.table {display:table;width:100%;height:100%;border:0;border-spacing:0;border-collapse:collapse;}
|
||
|
|
.table-row {display:table-row;width:100%;}
|
||
|
|
.table-cell,.tcell {display:table-cell;position:relative;vertical-align:middle;}
|
||
|
|
|
||
|
|
.tab-panel {display:none;}
|
||
|
|
.tab-panel.active {display:block;}
|
||
|
|
.font {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;text-align:center;}
|
||
|
|
.font~img {z-index:2;width:100%;height:100%;border:none;position:relative;vertical-align:top;}
|
||
|
|
.swiper-container {width:100%;height:100%;}
|
||
|
|
/* header */
|
||
|
|
.header,.header-space {width:100%;height:1.32rem;max-height:132px;}
|
||
|
|
.header {z-index:99;position:fixed;top:0;left:0;right:0;background:#42B5FF;color:#FFF;}
|
||
|
|
.header .caption,.header .wrap{position:relative;height:100%;}
|
||
|
|
.header .caption {font-size:0.48rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
|
||
|
|
.header .hbtn{position:absolute;top:0;height:100%;}
|
||
|
|
.header .left{left:0;}
|
||
|
|
.header .right{right:0;}
|
||
|
|
|
||
|
|
/* trunk */
|
||
|
|
|
||
|
|
.trunk {position:relative;}
|
||
|
|
|
||
|
|
.list-title {max-height:100px;line-height:1rem;height:1rem;}
|
||
|
|
.list-title span {font-size:.4rem;color:rgb(102,102,102);padding-left:.48rem;display:block;}
|
||
|
|
.list-title .list-more {float:right;color:rgb(153,153,153);font-size:.34rem;height:100%;}
|
||
|
|
.list-title .list-more img {margin-left:.14rem;margin-right:.48rem;width:.21rem;height:.22rem;}
|
||
|
|
|
||
|
|
/* loading */
|
||
|
|
.loading {padding:0.46rem 0;text-align:center;width:100%;position:relative;display:block;font-size:.3rem;color:rgb(153,153,153);}
|
||
|
|
.loading .icon{display:inline-block;width:.4rem;height:.4rem;border:.04rem solid rgb(153,153,153);border-radius:50%;vertical-align:middle;border-top-color:transparent;-webkit-animation:load .75s linear infinite;animation:load .75s linear infinite;}
|
||
|
|
@-webkit-keyframes load{0%{-webkit-transform:rotate(0);}
|
||
|
|
50%{-webkit-transform:rotate(180deg);}
|
||
|
|
to{-webkit-transform:rotate(360deg);}
|
||
|
|
}
|
||
|
|
@keyframes load{0%{-webkit-transform:rotate(0);}
|
||
|
|
50%{-webkit-transform:rotate(180deg);}
|
||
|
|
to{-webkit-transform:rotate(360deg);}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* empty */
|
||
|
|
.empty {width:100%;height:100%;}
|
||
|
|
.empty .empty-icon {display:block;margin:0 auto;width:2.8rem;
|
||
|
|
height:2.7rem;margin-left:4.28rem;
|
||
|
|
padding: 0.3rem;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.empty .empty-text {color:rgb(205,205,205);font-size:0.38rem;text-align:center;margin:0;
|
||
|
|
padding-bottom:0.2rem;}
|
||
|
|
.empty .empty-text span {margin-left:-.2rem;}
|
||
|
|
|
||
|
|
/* footer */
|
||
|
|
.footer-space,.footer{width:100%;height:1.46rem;max-height:146px;}
|
||
|
|
.footer {position:fixed;left:0;right:0;bottom:0;z-index:1000;border-top:1px solid #D1D1D1;background:#fff;color:rgb(153,153,153);font-size:.32rem;}
|
||
|
|
.footer .wrap{height:100%;}
|
||
|
|
.footer .nav{position:relative;height:100%;}
|
||
|
|
.footer .nav .item{height:100%;text-align:center;}
|
||
|
|
.footer .nav .item .icon{display:block;position:relative;margin:3% auto 2%;width:0.62rem;height:0.54rem;max-width:62px;max-height:54px;background-size:100% 100%;background-repeat:no-repeat;}
|
||
|
|
.footer .nav .item .icon-index{background-image:url(../../images/wap/tab_btn_home.png);}
|
||
|
|
.footer .nav .item .icon-game{background-image:url(../../images/wap/tab_btn_game.png);}
|
||
|
|
.footer .nav .item .icon-gift{background-image:url(../../images/wap/tab_btn_gift.png);}
|
||
|
|
.footer .nav .item .icon-open{background-image:url(../../images/wap/tab_btn_openservice.png);}
|
||
|
|
.footer .nav .item.current .icon-index{background-image:url(../../images/wap/tab_btn_home_selected.png);}
|
||
|
|
.footer .nav .item.current .icon-game{background-image:url(../../images/wap/tab_btn_game_selected.png);}
|
||
|
|
.footer .nav .item.current .icon-gift{background-image:url(../../images/wap/tab_btn_gift_selected.png);}
|
||
|
|
.footer .nav .item.current .icon-open{background-image:url(../../images/wap/tab_btn_openservice_selected.png);}
|
||
|
|
.footer .nav .item.current{color:rgb(66,181,255);}
|