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.
106 lines
5.5 KiB
CSS
106 lines
5.5 KiB
CSS
5 years ago
|
|
||
|
|
/* common */
|
||
|
|
html{height:100%;line-height:1.4;color:#333;font-size:12px;font-family:Helvetica Neue,'苹方',Roboto,Noto,Microsoft YaHei,'微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;}
|
||
|
|
body{font-size:inherit;height:inherit;margin:0;background:#F1F1F1;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent;}
|
||
|
|
.clearfix{zoom:1}
|
||
|
|
.clearfix:after{content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden}
|
||
|
|
img{border:none;vertical-align:middle;}
|
||
|
|
ol,ul{margin:0;padding:0;list-style:none;color:inherit;}
|
||
|
|
a{color:inherit;text-decoration:none;}
|
||
|
|
.wrap {width:1200px;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;background: #ffffff;}
|
||
|
|
|
||
|
|
|
||
|
|
/* header */
|
||
|
|
.header {height:68px;width:100%;background: #ffffff;}
|
||
|
|
.header .logobox {float:left;}
|
||
|
|
.header .logobox .logo {width:160px;height:44px;margin-top:13px;}
|
||
|
|
.header .nav {float:right;}
|
||
|
|
.header .nav {}
|
||
|
|
.header .nav li {float:left;width:80px;text-align:center;font-size:16px;position:relative;}
|
||
|
|
.header .nav li .item {display:block;color:#333;line-height:68px;}
|
||
|
|
.header .nav li .current,.header .nav li:hover .item {color:#42B5FF;}
|
||
|
|
.header .nav li .item span {border-bottom:3px solid transparent;padding-bottom:21px;}
|
||
|
|
.header .nav li .current span,.header .nav li:hover .item:not(.download) span {border-bottom-color:#42B5FF;}
|
||
|
|
|
||
|
|
.header .nav li .download-menu {display:none;border:1px solid #DADDE1;position:absolute;top:48px;left:-18px;z-index:20;background:#FFF;text-align:center;}
|
||
|
|
.header .nav li .download-menu img {width:115px;height:115px;padding:5px;}
|
||
|
|
.header .nav li .download-menu p {font-size:12px;font-size:#999;margin:0;padding-bottom:5px;}
|
||
|
|
.header .nav li:hover .download-menu {display:block;}
|
||
|
|
|
||
|
|
/* trunk */
|
||
|
|
.trunk {position:relative;}
|
||
|
|
|
||
|
|
.list-title {padding:10px 0;}
|
||
|
|
.list-title i{display:inline-block;width:3px;height:19px;background:#42B5FF url(../../images/home_content_icon_line.png);font-style:normal;margin-top:-7px;margin-right:8px;vertical-align:middle;}
|
||
|
|
.list-title span {font-size:19px;}
|
||
|
|
.list-title .list-more {float:right;color:#999;line-height:2.5;}
|
||
|
|
.list-title .list-more img {vertical-align:baseline;margin-left:3px;}
|
||
|
|
|
||
|
|
/* empty */
|
||
|
|
.empty {width:100%;height:100%;min-height:612px;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.empty .empty-icon {display:block;margin:0 auto;width: 100px;height:83px;}
|
||
|
|
.empty .empty-text {color:#999;text-align:center;margin:0;}
|
||
|
|
|
||
|
|
/* page */
|
||
|
|
.pagenation {padding:50px 0;text-align:center;font-size:14px;color:#999;}
|
||
|
|
.pagenation>div {text-align:center;}
|
||
|
|
.pagenation .num,.pagenation .current {margin:0 5px;border-radius:50%;display:inline-block;width:26px;height:26px;text-align:center;line-height:26px;}
|
||
|
|
.pagenation .current,.pagenation .num:hover {background:#42B5FF;color:#FFF;}
|
||
|
|
.pagenation .prev,.pagenation .next {cursor:default;text-indent:-999999px;display:inline-block;width:8px;height:15px;vertical-align:middle;margin-top:-4px;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;}
|
||
|
|
.pagenation .prev {background-image:url(../../images/game_content_btn_flip1.png);}
|
||
|
|
.pagenation .prev:not([href='#']):hover {background-image:url(../../images/game_content_btn_flip1_selected.png);cursor:pointer;}
|
||
|
|
.pagenation .next {background-image:url(../../images/game_content_btn_flip2.png);}
|
||
|
|
.pagenation .next:not([href='#']):hover {background-image:url(../../images/game_content_btn_flip2_selected.png);cursor:pointer;}
|
||
|
|
.pagenation .rows {height:26px;line-height:26px;margin-left:15px;display:inline-block;}
|
||
|
|
|
||
|
|
/* footer */
|
||
|
|
.footer {
|
||
|
|
background:#373D41;
|
||
|
|
height:100px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.footer .warn {color:#FFF;margin:0;padding-top:28px;}
|
||
|
|
.footer .copyright {color:#999;margin:0;padding-top:15px;}
|
||
|
|
|
||
|
|
/* suspension window */
|
||
|
|
.suspension-window {position:fixed;right:40px;bottom:220px;z-index:999;}
|
||
|
|
.suspension-window ul{border:1px solid #ddd;width:62px;background:#FFF;}
|
||
|
|
.suspension-window li {height:38px;line-height:38px;text-align:center;position:relative;}
|
||
|
|
.suspension-window li~li{border-top:1px solid #ddd;}
|
||
|
|
.suspension-window li .gotop {cursor:pointer;display:block;}
|
||
|
|
.suspension-window li .qrcode-box {display:none;text-align:center;border:1px solid #ddd;width:165px;height:162px;padding-top:8px;background:#FFF;position:absolute;left:-268%;top:-100%;}
|
||
|
|
|
||
|
|
.suspension-window li .qrcode-pic {width:135px;height:135px;display:block;margin:0 auto;}
|
||
|
|
|
||
|
|
.suspension-window li .qrcode-box p {margin:0;padding:0;line-height:22px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||
|
|
|
||
|
|
.suspension-window li .qrcode-box p span {color:#03b4f5;}
|
||
|
|
.suspension-window li .qq-text {display:none;position:absolute;left:-180%;top:-2%;border:1px solid #ddd;width:110px;height:38px;margin:0;line-height:38px;background:#FFF;text-align:center;}
|
||
|
|
.suspension-window .wx_area:hover .qrcode-box {display:block;}
|
||
|
|
.suspension-window .qq_area:hover .qq-text {display:block;}
|
||
|
|
|
||
|
|
.recommon-content{
|
||
|
|
background-color:#fff;
|
||
|
|
}
|
||
|
|
.hot-content{
|
||
|
|
background-color:#fff;
|
||
|
|
}
|
||
|
|
.icon{
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
background: #ffffff;
|
||
|
|
}
|