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.
665 lines
10 KiB
CSS
665 lines
10 KiB
CSS
@charset "utf-8";
|
|
|
|
/* CSS Document */
|
|
|
|
|
|
/***********
|
|
*@Description: 公共css样式
|
|
*@Author:poqi
|
|
*@Update:
|
|
*@time:(2016-10-17)
|
|
***********/
|
|
|
|
.m_box {
|
|
background: #fff
|
|
}
|
|
|
|
.m_box .info-swiper-tab {
|
|
border-bottom: 10px solid #ebefed;
|
|
}
|
|
|
|
.game_but1,
|
|
.game_but1:active {
|
|
display: inline-block;
|
|
background: #03b4f5;
|
|
border-radius: 5px;
|
|
font-size: 20px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
line-height: 22px;
|
|
width: 100%;
|
|
padding: 13px 0px;
|
|
cursor: pointer;
|
|
transition: background 0.2s linear 0s
|
|
}
|
|
|
|
|
|
/*标题*/
|
|
|
|
.hd_title {
|
|
border-bottom: 1px solid #e0e0e0;
|
|
height: 18px;
|
|
line-height: 16px;
|
|
padding: 12px 15px
|
|
}
|
|
|
|
.hd_title .name {
|
|
float: left;
|
|
font-size: 17px;
|
|
color: #000
|
|
}
|
|
|
|
.hd_title .line {
|
|
display: inline-block;
|
|
width: 2px;
|
|
height: 13px;
|
|
vertical-align: middle;
|
|
margin: -4px 8px 0 0
|
|
}
|
|
|
|
.hd_title .reload {
|
|
float: right;
|
|
font-size: 13px;
|
|
color: #656565
|
|
}
|
|
|
|
.hd_title .reload:hover,
|
|
.hd_title .reload:visited {
|
|
color: #108ee9
|
|
}
|
|
|
|
.hd_title .reload i {
|
|
display: inline-block;
|
|
background: url(../images/ic_reload.png) no-repeat;
|
|
background-size: 12px;
|
|
width: 12px;
|
|
height: 12px;
|
|
vertical-align: middle;
|
|
margin: -3px 0 0 6px
|
|
}
|
|
|
|
.hd_title .bg-color01 {
|
|
background: #ff3813
|
|
}
|
|
|
|
.hd_title .bg-color02 {
|
|
background: #8dc11f
|
|
}
|
|
|
|
.hd_title .bg-color03 {
|
|
background: #f15a4a
|
|
}
|
|
|
|
.box-title {
|
|
background-color: #fff;
|
|
padding: 15px 10px;
|
|
margin-top: 10px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
position: relative;
|
|
}
|
|
|
|
.box-title span {
|
|
font-size: 18px;
|
|
line-height: 18px;
|
|
height: 18px;
|
|
display: inline-block;
|
|
border-left: 3px solid #03b4f5;
|
|
color: #333;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.box-title a {
|
|
float: right;
|
|
font-size: 14px;
|
|
line-height: 0px;
|
|
border-radius: 20px;
|
|
color: #ff9900;
|
|
border: 1px solid #ff9900;
|
|
padding: 11px 10px
|
|
}
|
|
|
|
|
|
/*星星*/
|
|
|
|
.stars {
|
|
display: inline-block;
|
|
background: url(../images/mstar_grey.png) no-repeat;
|
|
background-size: 66px;
|
|
width: 66px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
margin-top: -.1rem;margin:0;
|
|
}
|
|
|
|
.stars i {
|
|
display: inline-block;
|
|
background: url(../images/mstar_red.png) no-repeat;
|
|
background-size: 66px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
|
|
/*加载*/
|
|
|
|
.load-more {
|
|
display: block;
|
|
font-size: 15px;
|
|
color: #999;
|
|
background-color: #fff;
|
|
text-align: center;
|
|
line-height: 15px;
|
|
padding: 15px 0;
|
|
vertical-align: top;
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
.load-more:active{
|
|
color: #02b0ef ;
|
|
}
|
|
.load-more i {
|
|
display: inline-block;
|
|
background: url(../images/ic_add.png) no-repeat;
|
|
background-size: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
margin: -2px 5px 0 0
|
|
}
|
|
|
|
.inner_load_more {
|
|
background: #e0e0e0;
|
|
display: block;
|
|
font-size: 15px;
|
|
color: #999;
|
|
text-align: center;
|
|
line-height: 52px
|
|
}
|
|
|
|
|
|
/*弹出层*/
|
|
|
|
.popup_box {
|
|
width: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
_position: absolute;
|
|
z-index: 998
|
|
}
|
|
|
|
.popup_box .popup_close {
|
|
display: block;
|
|
background: url(../images/icon_close.png) #f5a22c;
|
|
background-size: 33px;
|
|
border-radius: 0 5px 0 0;
|
|
width: 33px;
|
|
height: 33px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 30px
|
|
}
|
|
|
|
.popup_bg {
|
|
display: none;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: fixed;
|
|
_position: absolute;
|
|
left: 0;
|
|
z-index: 997
|
|
}
|
|
|
|
|
|
/*内头部导航*/
|
|
|
|
.inner_topnav {
|
|
background: #03b4f5;
|
|
background: linear-gradient(to right, #ff9800, #ff7300);
|
|
line-height: 53px;
|
|
height: 53px;
|
|
width: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.inner_topnav .title {
|
|
display: block;
|
|
font-size: 20px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
line-height: 53px;
|
|
height: 53px;
|
|
width: 200px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.inner_topnav .btn_back {
|
|
display: block;
|
|
background: url(../images/back.png) no-repeat;
|
|
background-size: 53px;
|
|
width: 53px;
|
|
height: 53px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px
|
|
}
|
|
|
|
.inner_topnav .btn_quit {
|
|
display: block;
|
|
background: url(../images/quit.png) no-repeat;
|
|
background-size: 53px;
|
|
width: 53px;
|
|
height: 53px;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px
|
|
}
|
|
|
|
|
|
/* 分页 */
|
|
|
|
.page {
|
|
padding: 10px 12px 12px;
|
|
text-align: center;
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.page a,
|
|
.page span {
|
|
font-size: 12px;
|
|
color: #666;
|
|
padding: 0 3px;
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.page span {
|
|
color: #ffaf25;
|
|
}
|
|
|
|
|
|
/*页脚*/
|
|
|
|
.foot_copy {
|
|
background: #000;
|
|
text-align: center;
|
|
padding: 18px 10px;
|
|
}
|
|
|
|
.foot_copy .foot_nav a {
|
|
font-size: 14px;
|
|
color: #ccc;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.foot_copy .foot_nav .line {
|
|
color: #898585;
|
|
padding: 0 15px
|
|
}
|
|
|
|
.foot_copy .foot_info {
|
|
font-size: 12px;
|
|
color: #888;
|
|
line-height: 16px;
|
|
padding-top: 20px
|
|
}
|
|
|
|
.foot_copy .foot_info a {
|
|
font-size: 12px;
|
|
color: #888
|
|
}
|
|
|
|
|
|
/*底部导航*/
|
|
|
|
.foot-nav {
|
|
background: #fff;
|
|
border-top: 1px solid #e5e5e5;
|
|
height: 52px;
|
|
width: 100%;
|
|
padding-top: 6px;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 8
|
|
}
|
|
|
|
.foot-nav .foot-nav-list {
|
|
height: 100%;
|
|
}
|
|
|
|
.foot-nav .foot-nav-list a {
|
|
float: left;
|
|
display: block;
|
|
text-align: center;
|
|
width: 20%;
|
|
}
|
|
|
|
.foot-nav .foot-nav-list a i {
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
background-size: 100% 100%;
|
|
vertical-align: top
|
|
}
|
|
|
|
.foot-nav .foot-nav-list a p {
|
|
font-size: 11px;
|
|
color: #999999;
|
|
line-height: 14px
|
|
}
|
|
|
|
.foot-nav .foot-nav-list .on p {
|
|
color: #03b4f5
|
|
}
|
|
|
|
.foot-nav .foot-nav-list .ic01 {
|
|
background-image: url(../images/ic44_index.png);
|
|
}
|
|
|
|
.foot-nav-list .on .ic01 {
|
|
background-image: url(../images/ic44_index_on.png);
|
|
}
|
|
|
|
.foot-nav .foot-nav-list .ic02 {
|
|
background-image: url(../images/ic44_game.png);
|
|
}
|
|
|
|
.foot-nav-list .on .ic02 {
|
|
background-image: url(../images/ic44_game_on.png);
|
|
}
|
|
|
|
.foot-nav .foot-nav-list .ic03 {
|
|
background-image: url(../images/ic44_gift.png);
|
|
}
|
|
|
|
.foot-nav-list .on .ic03 {
|
|
background-image: url(../images/ic44_gift_on.png);
|
|
}
|
|
|
|
.foot-nav .foot-nav-list .ic04 {
|
|
background-image: url(../images/ic44_news.png);
|
|
}
|
|
|
|
.foot-nav-list .on .ic04 {
|
|
background-image: url(../images/ic44_news_on.png);
|
|
}
|
|
|
|
.foot-nav .foot-nav-list .ic05 {
|
|
background-image: url(../images/ic44_raiders.png);
|
|
}
|
|
|
|
.foot-nav-list .on .ic05 {
|
|
background-image: url(../images/ic44_raiders_on.png);
|
|
}
|
|
|
|
.toTop {
|
|
width: 40px;
|
|
height: 40px;
|
|
display: inline-block;
|
|
background: url(../images/totop.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: fixed;
|
|
bottom: 75px;
|
|
right: 10px;
|
|
z-index: 111;
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* 小屏适配 */
|
|
|
|
@media screen and (max-width:320px) {
|
|
.foot_copy {
|
|
padding: 15px 6px;
|
|
}
|
|
.load-more {
|
|
padding: 10px 0;
|
|
}
|
|
.box-title {
|
|
padding: 10px 6px;
|
|
}
|
|
}
|
|
|
|
/*浮动层*/
|
|
.float_contact1 {
|
|
position: fixed;
|
|
bottom: 180px;
|
|
right: 30px;
|
|
z-index: 999;
|
|
right: 10px;
|
|
display:none;
|
|
}
|
|
.float_contact1 .float-bg {
|
|
width: 50px;
|
|
height: 230px;
|
|
background: url(../images/float_contact2.png);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 3;
|
|
}
|
|
.float_contact1 ul {
|
|
width: 52px;
|
|
height: 171px;
|
|
padding-top: 13px;
|
|
}
|
|
.float_contact1 ul li {
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 14px;
|
|
position: relative;
|
|
}
|
|
.float_contact1 ul li a {
|
|
width: 100%;
|
|
height: 32px;
|
|
display: inline-block;
|
|
float: left;
|
|
position: relative;
|
|
z-index: 9;
|
|
}
|
|
.float_contact1 .kf_pic {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: 0.3s;
|
|
width: 120px;
|
|
height: 30px;
|
|
padding: 10px 20px;
|
|
background-color: #fff;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
left: -180px;
|
|
top: 0px;
|
|
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
|
|
z-index: 4;
|
|
}
|
|
.float_contact1 .kf_pic:after {
|
|
width: 0;
|
|
height:0;
|
|
}
|
|
.float_contact1 .kf_pic a {
|
|
width: 100%;
|
|
}
|
|
.float_contact .kf_pic img {
|
|
vertical-align: middle;
|
|
}
|
|
.float_contact1 .kf_pic span {
|
|
width: 30px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin: 0px 5px 0 10px;
|
|
}
|
|
.float_contact1 .kf_pic b {
|
|
padding-top: 25px;
|
|
line-height: 31px;
|
|
font-size: 16px;
|
|
color: #3c3c3c;
|
|
}
|
|
.float_contact1 .kf_pic .arrow {
|
|
display: inline-block;
|
|
border-width: 20px;
|
|
border-top:10px solid transparent;
|
|
border-bottom: 10px solid transparent;
|
|
border-left: 10px solid #ffffff;
|
|
position: absolute;
|
|
right: -10px;
|
|
top: 12px;
|
|
|
|
}
|
|
.float_contact1 .kf_pic .arrow {
|
|
border-top:10px solid transparent;
|
|
border-bottom: 10px solid transparent;
|
|
border-left: 10px solid #ffffff;
|
|
position: absolute;
|
|
right: -10px;
|
|
top: 12px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.float_contact1 .wx_pic,.float_contact1 .down_pic,.float_contact1 .pop_pic {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: 0.3s;
|
|
width: 200px;
|
|
height: 195px;
|
|
background-color: #fff;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
left: -200px;
|
|
top: -20px;
|
|
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
|
|
z-index: 4;
|
|
}
|
|
|
|
.wx_pic_text{
|
|
display: block;
|
|
text-align:center;
|
|
color:#999999;line-height:1;font-size:1.4rem;
|
|
}
|
|
.down_pic_text{
|
|
text-align:center;
|
|
color:#999999;
|
|
}
|
|
.wx_pic_text font{
|
|
color:#4badff;
|
|
}
|
|
.float_contact1 .down_pic{
|
|
|
|
text-align:center;
|
|
}
|
|
.float_contact1 .pop_pic{
|
|
height: 87px;
|
|
text-align:center;
|
|
padding:20px 0;
|
|
line-height:20px;
|
|
}
|
|
.float_contact1 .pop_pic_btn{
|
|
display:block;
|
|
height:35px;
|
|
width:80px;
|
|
background:#4badff;
|
|
line-height:35px;
|
|
|
|
margin:15px 0 0 65px;
|
|
color:#ffffff;
|
|
border-radius:5px;
|
|
}
|
|
.float_contact1 .wx_pic img, .float_contact1 .down_pic img {
|
|
width: 170px;height:auto;
|
|
border-radius: 6px;
|
|
margin-left:15px;
|
|
}
|
|
.float_contact1 .down_pic img{
|
|
margin-left:0px;
|
|
}
|
|
.float_contact1 .wx_pic .arrow, .float_contact1 .down_pic .arrow,.float_contact1 .pop_pic .arrow {
|
|
display: inline-block;
|
|
border-top:10px solid transparent;
|
|
border-bottom: 10px solid transparent;
|
|
border-left: 10px solid #ffffff;
|
|
position: absolute;
|
|
right: -10px;
|
|
top: 12px;
|
|
}
|
|
.float_contact1 .rz_pic {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: 0.3s;
|
|
position: absolute;
|
|
width: 142px;
|
|
height: 210px;
|
|
left: -85px;
|
|
bottom: -42px;
|
|
}
|
|
.float_contact1 .rz_pic .close {
|
|
width: 18px;
|
|
height: 18px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
bottom: 70px;
|
|
right: 47px;
|
|
z-index: 10;
|
|
}
|
|
.float_contact1 .rz_pic .rz-bg1 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
}
|
|
.float_contact1 .rz_pic .rz-bg2 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 8;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.float_contact1 ul .active {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
left: -211px;
|
|
}
|
|
.float_contact1 .kf .active {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
left: -171px;
|
|
}
|
|
.float_contact1 .rz .active {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
left: -96px;
|
|
}
|
|
@media (min-width: 1200px) {
|
|
body {
|
|
width: 100%;
|
|
height:auto;
|
|
background: url(../images/bg.jpg) no-repeat ;
|
|
background-size: 100%;
|
|
background-attachment:fixed;
|
|
}
|
|
.float_contact1 {
|
|
display:block;
|
|
}
|
|
}
|
|
@media (min-width: 640px) {
|
|
.namebox .stars {margin-top:-.3rem;}
|
|
}
|
|
@media (max-width:640px) {
|
|
.namebox .stars {margin-top:-1rem;}
|
|
}
|
|
|
|
.swiper-slide_a{
|
|
height:100%;
|
|
width:100%;
|
|
display:block;
|
|
position:relative;
|
|
background-color:#e2e2e2;
|
|
} |