- 平台币是可以在游戏内直接消费使用的，1平台币=1人民币，在游戏内您可直接用平台币选择购买相应的道具（钻石、宝石、金币等）。
- - 立即充值 +
+ 
+ 
+ 
+ 
+ 公司地址：福建省福州市鼓楼区福大怡山文化创意园11号楼103号
+联系人： 雷女士
+联系电话： 13067391751
+邮政编码：350004
+
+ Company Profile
-公司介绍
-- 万盟天下励志为玩家提供国内最精品的移动游戏，公司集休闲、娱乐、游戏、玩家互动为一体，以公司服务和玩家互动娱乐为核心， 并于游戏厂商共建良好的沟通反馈机制，力图为大家打造一个最优秀最专业的绿色健康游戏服务平台 -
-- 公司始终关注行业发展，为解决行业痛点不遗余力，专注于如何有效提升玩家用户体验，延长用户游戏周期，为玩家解决主要问题。在游戏中组织军团，带领玩家入门，一起畅玩游戏。我们的宗旨是：一对一，手把手，提供最贴心、最人性化的服务，帮助玩家找到最合适的游戏圈，带领玩家充分享受游戏带来的快乐。 公司现与知名互联网公司合作愉快。我们的愿景 ：打造游戏行业最具影响力的【网络游戏运营模式】致力于真正做到让玩家快乐游戏! 用心享受快乐！ -
+ + + + + + + + +
+万盟天下励志为玩家提供国内最精品的移动游戏，公司集休闲、娱乐、游戏、玩家互动为一体，以公司服务和玩家互动娱乐为核心， 并于游戏厂商共建良好的沟通反馈机制，力图为大家打造一个最优秀最专业的绿色健康游戏服务平台。
+公司始终关注行业发展，为解决行业痛点不遗余力，专注于如何有效提升玩家用户体验，延长用户游戏周期，为玩家解决主要问题。在游戏中组织军团，带领玩家入门，一起畅玩游戏。我们的宗旨是：一对一，手把手，提供最贴心、最人性化的服务，帮助玩家找到最合适的游戏圈，带领玩家充分享受游戏带来的快乐。 公司现与知名互联网公司合作愉快。我们的愿景 ：打造游戏行业最具影响力的【网络游戏运营模式】致力于真正做到让玩家快乐游戏! 用心享受快乐！
+
+首页
@@ -113,11 +113,11 @@商城
--> - +产品服务
- +商务合作
diff --git a/Public/Media/css/foot.css b/Public/Media/css/foot.css index 1ec4bd837..3638ca42f 100644 --- a/Public/Media/css/foot.css +++ b/Public/Media/css/foot.css @@ -28,12 +28,15 @@ font-size: 0.14rem; color: #fff; cursor: pointer; -} -.foot_link>a:first-child{ padding-right: 0.19rem; border-right: 1px solid #fff; margin-right: 0.2rem; } +.foot_link>a:last-child{ + padding-right: 0; + border-right: 0; + margin-right: 0; +} .foot_serial{ margin-top: 0.2rem; display: flex; @@ -60,6 +63,7 @@ .foot_approve>img{ width: 100%; height: 100%; + background-size:100% 100%; } .foot_bom{ margin-top: 0.15rem; @@ -77,4 +81,5 @@ .side_tabbar img{ width: 100%; height: 100%; + background-size:100% 100%; } \ No newline at end of file diff --git a/Public/Media/css/heard.css b/Public/Media/css/heard.css index b5c2cd00b..d0deadc0d 100644 --- a/Public/Media/css/heard.css +++ b/Public/Media/css/heard.css @@ -28,19 +28,20 @@ cursor: pointer; } .heard_tabbar ul li a{ - font-size: 0.28rem; + font-size: 0.24rem; color: #5B5B5B; - padding-bottom: 0.54rem; + padding-bottom: 0.65rem; border-bottom: 0.04rem solid #fff; } .heard_tabbar ul li a:hover{ color: #2BBDEE; - border-bottom: 0.04rem solid #2BBDEE; + /* border-bottom: 0.04rem solid #2BBDEE; */ } .heard_tabbar ul li .active{ color: #2BBDEE; border-bottom: 0.04rem solid #2BBDEE; + font-size: 0.28rem; } .heard_tabbar ul li:last-child{ margin-right: 0; diff --git a/Public/Media/css/index.css b/Public/Media/css/index.css index 8ae84da99..46893ed82 100644 --- a/Public/Media/css/index.css +++ b/Public/Media/css/index.css @@ -1,1249 +1,62 @@ -@charset "utf-8"; -.g-header { - box-shadow: 0 4px 4px rgba(0, 0, 0, .2) -} -/*.slide-box*/ - .slide-box { - width: 100%; - height: 450px; - position: relative; -} -.slide-box .slide-bd { - height: 450px; - overflow: hidden; - position: relative; -} -.slide-bd li { - width: 100%; - height: 450px; - text-align: center; - position: absolute; - top: 0px; - display: none; -} -.slide-next, .slide-prev { - width: 45px; - height: 80px; - line-height: 200; - overflow: hidden; - position: absolute; - top: 210px; - left: 0px; - background: #000; - opacity: 0.5; - filter:alpha(opacity=50); -} -.slide-next { - left: auto; - right: 0px; - background-position: -68px -434px; -} -.slide-next:hover, .slide-prev:hover { - background: #03b4f5; - opacity: 1; -} -.slide-next:before, .slide-prev:before { - display: block; - width: 14px; - height: 25px; - margin: 28px auto 0; - content: ''; -} -.slide-prev:before { - background-position: 0 -240px; -} -.slide-next:before { - background-position: 0 -270px; -} -.slide-nav { - width: auto; - height: 24px; - line-height: 20px; - padding: 0 12px; - overflow: hidden; - text-align: center; - border: 1px solid rgba(0, 0, 0, 0.1); - background: rgba(255, 255, 255, 0.5); - position: absolute; - bottom: 20px; - left: 50%; - border-radius: 15px; -} -.slide-nav li { - display: inline-block; - vertical-align: middle; - width: 14px; - height: 14px; - margin: 0 6px; - line-height: 99px; - overflow: hidden; - border-radius: 50%; - background: #434343; -*display: inline; -*zoom: 1; -} -.slide-nav li:hover, .slide-nav .active { - margin: 0 3px; - border: 3px solid #fff; - border: 3px solid rgba(255, 255, 255, 1); - background: #03b4f5; -} -/*.g-container*/ - .g-container { -} -.g-tit .icon { - width: 30px; - height: 30px; -} -.i-crown { - background-position: 0 -295px; -} -.i-refresh { - background-position: 3px -325px; -} -.i-downl { - width: 14px; - height: 32px; - background-position: 0 -741px; -} -.i-like { - width: 30px; - height: 30px; - background-position: 0 -360px; -*vertical-align: middle; -} -.i-fire { - background-position: 0 -420px; -} -.i-s, .i-h, .i-n { - width: 12px !important; - height: 9px !important; - vertical-align: middle !important; -} -.i-s { - background-position: 0 -450px; -} -.i-h { - background-position: 0 -480px; -} -.i-n { - background-position: 0 -510px; -} -.i-cup { - background-position: 0 -535px; -} -.i-sms { - background-position: 0 -564px; -} -.i-star { - background-position: 0 -597px; -} -.i-rocket { - background-position: 0 -625px; -} -.i-gift { - background-position: 4px -656px; -} -.i-more { - background-position: 13px -683px; -} -.i-rgift { - background-position: 3px -717px; -} -.g-tit { - height: 30px; - line-height: 30px; - color: #383838; - font-size: 22px; - margin: 20px 0; - position: relative; -} -.g-tit a:hover { - color: #03b4f5; -} -.btn-refresh, .btn-more { - font-size: 12px; - position: absolute; - top: 0px; - right: 0px; -} -.btn-more { - border: 1px solid #ddd; - border-radius: 5px; - font-size: 12px; - padding: 0px 10px; - color: #A7A7A7; - display: block; - margin-top: 10px; - height:20px;line-height:20px; -} -.btn-more:hover { - color:#03b4f5;border-color:#03b4f5; -} -.btn-refresh .i-refresh { -} -.btn-refresh:hover .i-refresh { - transition: all 0.8s ease; - transform: rotate(360deg); -} -.rmd-game-list { - margin-right: -30px; -} -.rmd-game-list li { - width: 277px; - margin-right: 30px; - float: left; -} -.rmd-game-list .game-pic { - display: block; - /* width: 380px; */width:100%; - height: 176px; - overflow: hidden; - position: relative; - background:url(../images/templace/home_recommend.png) center center no-repeat; -} -.rmd-game-list .hot-font { - position: absolute; - /* width: 380px; */width:100%; - height: 176px; - top: -100%; - left: 0; - opacity: 0; - filter: alpha(opacity=0); -} -.rmd-game-list .hot-font .bg { - /* width: 380px; */width:100%; - height: 176px; - opacity: .85; - background: #03b4f5; - position: absolute; - top: 0; - left: 0; - filter: alpha(opacity=85); -} -.rmd-game-list .hot-font .con { - position: absolute; - top: 0; - left: 0; - z-index: 2; - /* padding: 40px 0 0 14px; */ - overflow: hidden;text-align:center;width:100%;height:100%;padding-top:38px; -} -.rmd-game-list .hot-font .con .rmdglicon {display:inline-block;width:100px;height:100px;margin:0 11px;} -.rmd-game-list .hot-font .con .rmdglicon .gameicon {width:100%;height:100%;} -.rmd-game-list .hot-font .con .rmdglicon p {margin-top:5px;font-size:16px;color:#FFF;} -.rmd-game-list .hot-font .con .rmdglicon .gameticon {vertical-align:middle;margin-right:4px;margin-top:-2px;} -.rmd-game-list .hot-font .font-qr { - float: left; - margin: 0 30px 0 0; -} -.rmd-game-list .hot-font .txt { - float: left; - width: 156px; - height: 32px; - line-height: 32px; - color: #fff; - font-size: 14px; -} -.rmd-game-list .game-pic:hover .hot-font { - opacity: 1; - filter: alpha(opacity=100); - top: 0 -} -.rmd-game-list .game-pic .f-turn, .hot-game-list .enter-web { --webkit-transition: all .3s ease-in; --moz-transition: all .3s ease-in; --ms-transition: all .3s ease-in; --o-transition: all .3s ease-in; -transition: all .3s ease-in; -} -.rmd-game-list .game-info { - height: 140px; - padding: 0 10px; -} -.rmd-game-list .game-name { - height: 22px; - line-height: 24px; - font-size: 22px; - padding-top: 20px; - font-weight: normal;clear:both; -} -.rmd-game-list .game-name .game-title {width:60%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} -.rmd-game-list .game-name .game-score {width:36%;float:right;} -.rmd-game-list .game-name .game-score .tjstart {margin-top:4px;} -.rmd-game-list .game-intro { - height: 26px; - line-height: 26px; - color: #9f9f9f; - margin: 12px 0 20px 0; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.rmd-game-list .game-other { - line-height: 30px; - text-align: left; -} -.btn-like:hover .i-like { - background-position: 0 -390px; -} -.btn-like { - color: #9f9f9f; - margin-right: 10px; - max-width: 120px; - overflow: hidden; - height: 34px; - display: block; - float: left; - text-overflow:ellipsis; -} -.game-other .g-btn{ float:right;} -/*.hot-game-list*/ - .mod-hot-game { - width: 790px; -} -.mod-hot-game .hot-game-list { - margin-right: -20px; -} -.g-tit .itip { - font-size: 12px; -} -.g-tit .itip em { - margin-left: 10px; -} -.hot-game-list li { - width: 238px; - height: 96px; - color: #999; - padding: 16px 0 16px 12px; - margin: 0 20px 20px 0; - float: left; - display: inline; -transition: all .2s ease-in-out; -} -.hot-game-list li:hover { - box-shadow: 0 0 5px #03b4f5; -} -.hot-game-list .img { - display: block; - width: 96px; - height: 96px; - margin-right: 15px; - border-radius: 16px; - overflow: hidden; - background:url(../images/templace/home_game.png) center center no-repeat; -} -.hot-game-list .img img { - max-width:100%; -} -.hot-game-list .gname { - display: block; - width: 126px; - font-size: 14px; - color: #666; - margin: 10px 0 6px 0; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.hot-game-list .gname:hover { - color: #03b4f5; -} -.hot-game-list .g-btn { - width: 72px; - height: 24px; - line-height: 24px; - margin-top: 10px; -} -.hot-game-list .gname .icon { - position: relative; - top: -4px; -} -/*.mod-rank-game*/ - .mod-rank-game { - width: 382px; -} -.rank-game-list { - height: 400px; - padding: 8px 10px 16px; -} -.rank-game-list li { - height: 22px; - padding: 8px 0px; - border-bottom: 1px dotted #cecece; - vertical-align: top; - overflow: hidden; - position: relative; - ; -} -.rank-game-list .active .rank { - margin-top: 24px; -} -.rank-game-list .rank { - display: block; - width: 20px; - height: 20px; - line-height: 20px; - text-align: center; - color: #fff; - border-radius: 5px; - background: #ccc; -} -.rank-game-list .rank-0 { - background: #fd5253; -} -.rank-game-list .rank-1 { - background: #ff7b41; -} -.rank-game-list .rank-2 { - background: #ffad2b; -} -.rank-game-list .desc { - width:342px; - height: 22px; - line-height: 18px; - position: absolute; - top: 8px; - right: 0px; -} -.rank-game-list .name { - display: inline-block; - vertical-align: middle; - width: 210px; - padding: 0 18px; - font-size: 14px; - color: #666; -} -.rank-game-list .type { - color: #999; -} -.rank-game-list .detail { - background: #fff; - opacity: 0; - filter: alpha(opacity=0); - position: absolute; - top: 8px; - right: 0px; - transform: scale(0.8); -} -.rank-game-list .detail .img { - display: block; - width: 68px; - height: 68px; - border-radius: 15px; - padding:0 18px; - overflow: hidden; -} -.rank-game-list .detail .info { - width: 148px; - height: 70px; - overflow: hidden; -} -.rank-game-list .detail .name { - height: 22px; - line-height: 22px; - padding: 0; - color: #fd5253; - margin-top: 12px; - font-size: 14px; -} -.rank-game-list .g-btn { - width: 72px; - height: 24px; - line-height: 24px; - margin-top: 20px; -} -.rank-game-list .active { - height: 70px; - padding: 9px 0; -} -.rank-game-list .active .desc { - opacity: 0; - filter: alpha(opacity=0); -} -.rank-game-list .active .detail { - opacity: 1; - filter: alpha(opacity=100); - transform: scale(1); - transition: all 0.3s ease-in-out; -} -/*.mod-zx-box*/ - .mod-zx-box .hd .cr, .mod-hd-box .hd .cr { - width: 38px; - height: 38px; - background: url() no-repeat; - position: absolute; - top: 0px; - left: 0px; - z-index: 2; -} -.mod-hd-box .hd .cr { - background-position: -38px 0; -} -.mod-zx-box { - width: 380px; -} -.mod-zx-box .zx-list { - width: 350px; - height: 406px; - padding: 15px; -} -.mod-zx-box .hd { - overflow: hidden; - position: relative; -} -.mod-zx-box .hd img { - transition: all 0.3s ease-in-out; - width:350px; - height:80px; - background:url(../images/templace/home_news.png) center center no-repeat; -} -.mod-zx-box .hd:hover img { - transform: scale(1.1); -} -.mod-zx-box .bd { - padding: 10px 0; -} -.mod-zx-box .bd li { - width: 100%; - height: 24px; - line-height: 24px; - overflow: hidden; - margin-top: 10px; - vertical-align: top; -} -.mod-zx-box .bd span { - float: left; -} -.mod-zx-box .bd .type-1, .mod-zx-box .bd .type-2 { - width: 35px; - height: 24px; - text-align: center; - color: #999; - background: #f7f7f7; -} -.mod-zx-box .bd .type-1 { - border-left: 2px solid #f36161; -} -.mod-zx-box .bd .type-2 { - border-left: 2px solid #44b3f8; -} -.mod-zx-box .bd .tit { - width: 258px; - padding: 0 10px; - font-size: 14px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.mod-zx-box .bd .date { - width: 35px; -} -.mod-zx-box .bd a { - color: #666; -} -.mod-zx-box .bd a:hover { - color: #03b4f5; -} -/*.mod-hd-box*/ - .mod-hd-box a img { - transition: all 0.3s ease-in-out; - -} -.mod-hd-box a:hover img { - transform: scale(1.1); -} -.mod-hd-box { - width: 380px; - margin: 0 29px; -} -.mod-hd-box .hd-list { - width: 350px; - height: 406px; - padding: 15px; -} -.mod-hd-box .hd { - display: block; - width: 352px; - height: 200px; - overflow: hidden; - position: relative; - background:url(../images/templace/home_activity1.png) center center no-repeat; -} -.mod-hd-box .hd p { - width: 100%; - height: 26px; - line-height: 26px; - color: #fff; - text-align: center; - background: rgba(0, 0, 0, .5); -*background: #000; - position: absolute; - left: 0px; - bottom: 0px; -} -.mod-hd-box .bd { - margin-right: -28px; -} -.mod-hd-box .bd a { - margin: 18px 20px 0 0; - float: left; - position: relative; - width:166px;height:85px;overflow:hidden; - background:url(../images/templace/home_activity2.png) center center no-repeat; -} -/*.mod-channel-box*/ - .mod-channel-box .channel-list { - width: 380px; - height: 436px; -} -.mod-channel-box .hd { - overflow: hidden; - margin-right: -1px; -} -.mod-channel-box .hd .item { - width: 189px; - height: 60px; - text-align: center; - font-size: 14px; - color: #999; - border-right: 1px solid #e6e6e6; - border-bottom: 1px solid #e6e6e6; - float: left; - position: relative; - transition: color 0.4s ease; -} -.kslink{ line-height:30px; margin:0 auto; background: #F1F2F3; padding:5px 0px;} -.kslink a{display: block; - height: 30px; - width: 120px; - border-radius: 30px; - border: 1px solid #F0676E; - color: #EF6769; - font-weight: normal; +.home_swiper{ + margin-top: 0.02rem; + width: 100%; + height: 4.5rem; + position: relative; + z-index: -1; +} +.home_swiper>img{ + width: 100%; + height: 100%; +} +.home_text{ + width: 12rem; + background-color: #2BBDEE; + margin: -0.81rem auto 0.81rem; + +} +.home_pad{ + padding: 0.63rem 1.1rem 0.7rem 1rem; +} +.home_pad .title{ + font-size: 0.48rem; text-align: center; - margin: 0 auto;} -.kslink a:hover{ background:#F0676E; color:#fff;} - - -.mod-channel-box .hd i, .mod-channel-box .server-online i { - background: url(../images/channel.jpg) no-repeat; -} -.mod-channel-box .hd .s, .mod-channel-box .hd .s1, .mod-channel-box .hd .s2 { - display: block; - vertical-align: top; - width: 100%; - height: 2px; - overflow: hidden; -} -.mod-channel-box .hd .s1 { - -} -.mod-channel-box .hd .s2 { - width: 0px; - margin: 0 auto; - position: relative; - z-index: 2; - transition: all 0.4s ease; -} -.mod-channel-box .hd i { - display: inline-block; - vertical-align: top; - width: 30px; - height: 30px; -margin: 15px 0 2px 0; - float:left; - margin-right: 10px; - margin-left: 40px; -} -.mod-channel-box .hd p{ display:block; float:left; height:60px; line-height:60px;} -.mod-channel-box .item:hover .s2 { - width: 100%; -} -.mod-channel-box .item-1 .s1, .mod-channel-box .item-2 .s1, .mod-channel-box .item-3 .s1 { - background: #fff; -} -.mod-channel-box .item-1 i { - background-position: 4px 0; -} -.mod-channel-box .item-2 i { - background-position: 0 -30px; -} -.mod-channel-box .item-3 i { - background-position: 4px -60px; -} -.mod-channel-box .item-4 i { - background-position: 0 -90px; -} -.mod-channel-box .item-5 i { - background-position: 0 -120px; -} -.mod-channel-box .item-6 i { - background-position: 0 -150px; -} -.mod-channel-box .item-7 i { - background-position: 0 -180px; -} -.mod-channel-box .item-8 i { - background-position: 2px -210px; -} -.mod-channel-box .item-9 i { - background-position: 0 -240px; -} -.mod-channel-box .item-1:hover i { - background-position: -26px 0; -} -.mod-channel-box .item-2:hover i { - background-position: -30px -30px; -} -.mod-channel-box .item-3:hover i { - background-position: -26px -60px; -} -.mod-channel-box .item-4:hover i { - background-position: -30px -90px; -} -.mod-channel-box .item-5:hover i { - background-position: -30px -120px; -} -.mod-channel-box .item-6:hover i { - background-position: -30px -150px; -} -.mod-channel-box .item-7:hover i { - background-position: -30px -180px; -} -.mod-channel-box .item-8:hover i { - background-position: -28px -210px; -} -.mod-channel-box .item-9:hover i { - background-position: -30px -240px; -} -.mod-channel-box .hd em { - display: block; - width: 0px; - height: 0px; - border-width: 5px; - border-style: solid; - overflow: hidden; - position: absolute; - bottom: 0px; - right: 0px; -} -.mod-channel-box .item-1 em { - border-color: #fff #ca7dbb #ca7dbb #fff; -} -.mod-channel-box .item-2 em { - border-color: #fff #8dc11f #8dc11f #fff; -} -.mod-channel-box .item-3 em { - border-color: #fff #58a1f3 #58a1f3 #fff; -} -.mod-channel-box .item-4 em { - border-color: #fff #f5a22b #f5a22b #fff; -} -.mod-channel-box .item-5 em { - border-color: #fff #50c3a1 #50c3a1 #fff; -} -.mod-channel-box .item-6 em { - border-color: #fff #fdb18f #fdb18f #fff; -} -.mod-channel-box .item-7 em { - border-color: #fff #fe9acc #fe9acc #fff; -} -.mod-channel-box .item-8 em { - border-color: #fff #ff6764 #ff6764 #fff; -} -.mod-channel-box .item-9 em { - border-color: #fff #ff33cc #ff33cc #fff; -} -.mod-channel-box .item-1, .mod-channel-box .item-1:hover { - color: #ca7dbb; -} -.mod-channel-box .item-2, .mod-channel-box .item-2:hover { - color: #8dc11f; -} -.mod-channel-box .item-3, .mod-channel-box .item-3:hover { - color: #58a1f3; -} -.mod-channel-box .item-4, .mod-channel-box .item-4:hover { - color: #f5a22b; -} -.mod-channel-box .item-5, .mod-channel-box .item-5:hover { - color: #50c3a1; -} -.mod-channel-box .item-6, .mod-channel-box .item-6:hover { - color: #fdb18f; -} -.mod-channel-box .item-7, .mod-channel-box .item-7:hover { - color: #fe9acc; -} -.mod-channel-box .item-8, .mod-channel-box .item-8:hover { - color: #ff6764; -} -.mod-channel-box .item-9, .mod-channel-box .item-9:hover { - color: #ff33cc; -} -.mod-channel-box .item-1:hover .s2 { - background-color: #ca7dbb; -} -.mod-channel-box .item-2:hover .s2 { - background-color: #8dc11f; -} -.mod-channel-box .item-3:hover .s2 { - background-color: #58a1f3; -} -.mod-channel-box .item-4:hover .s2 { - background-color: #f5a22b; -} -.mod-channel-box .item-5:hover .s2 { - background-color: #50c3a1; -} -.mod-channel-box .item-6:hover .s2 { - background-color: #fdb18f; -} -.mod-channel-box .item-7:hover .s2 { - background-color: #fe9acc; -} -.mod-channel-box .item-8:hover .s2 { - background-color: #ff6764; -} -.mod-channel-box .item-9:hover .s2 { - background-color: #ff33cc; -} -.mod-channel-box .bd { -} -.mod-channel-box .server-online { - width: 189px; - height: 152px; - text-align: center; - color: #ef656c; - border-right: 1px solid #e6e6e6; -} -.mod-channel-box .server-online i { - display: inline-block; - width: 67px; - height: 69px; - margin: 12px 0 15px 0; - background-position: 0 -270px; -} -.mod-channel-box .server-online p { - font-size: 18px; -} -.mod-channel-box .other { - width: 190px; -} -.mod-channel-box .other .item { - display: block; - height: 75px; - line-height: 75px; - padding-left: 20px; - font-size: 14px; - color: #999; - border-bottom: 1px solid #e6e6e6; -} -.mod-channel-box .other .item:hover { - color: #03b4f5; -} -.mod-channel-box .other .item-kf { - line-height: 26px; - color: #03b4f5; -} -.mod-channel-box .other .item-kf p { - padding-top: 12px; - color: #999; -} -/*.mod-lb-box */ - .mod-lb-box { -} -.mod-lb-box .lb-list { - height: auto; - padding: 0 0 36px 32px; -} -.mod-lb-box li { - float: left; - overflow: hidden; - margin-top: 36px; - vertical-align: top; - height:120px; -} -.mod-lb-box .item { - display: block; - width: 230px; - float: left; -} -.mod-lb-box .img { - width: 98px; - height: 98px; - border-radius: 20px; - overflow: hidden; - position: relative; - float: left;background:url(../images/templace/home_game.png) center center no-repeat; -} -.mod-lb-box .i-rgift { - width: 30px; - height: 30px; - border-radius: 6px; - position: absolute; - bottom: -4px; - right: -4px; - background-color: #fff; -} -.mod-lb-box .info { - width: 115px; - padding-left: 15px; - float: left; -} -.mod-lb-box .lbname { - font-size: 14px; - color: #666; - margin-top: 12px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; -} -.mod-lb-box .gname { - color: #999; - margin: 4px 0 8px 0; -} -.mod-lb-box .nums { - color: #999; - margin: 4px 0 8px 0; - display: none; -} -.mod-lb-box .nums em { - color: #03b4f5; -} -.mod-lb-box .item:hover .lbname { - color: #03b4f5; -} -.mod-lb-box .item:hover .nums { - display: block; -} -.mod-lb-box .item:hover .gname { - display: none; -} -.g-footer { - background: #f1f2f3; -} -/* 右侧游戏开服表 */ - .ikai { - display:inline-block; - vertical-align:top; -*vertical-align:middle; - background:url(../images/kai-index.png) 0 0 no-repeat; - _background:url(../images/kai-index.gif) 0 0 no-repeat; -} -.g-tit .ikai { - width:30px; - height:30px; -} -.i-kaifu { - background-position:-1px 4px; -} -.rank-kf-list { - height:424px; -} -.rank-kf-tit { - height:40px; - padding-top:2px; -} -.rank-kf-tit span { - float:left; - display:inline; - font:14px/40px \5FAE\8F6F\96C5\9ED1; - color:#9f9f9f; - text-align:center; -} -.kf-tit-name { - width:112px; -} -.kf-tit-date, .kf-tab-date { - width:48px; -} -.kf-tit-time, .kf-tab-time { - width:56px; -} -.kf-tit-zone, .kf-tab-zone { - width:92px; -} -.kf-tit-down { - width:54px; -} -.rank-kf-wrap { - width:382px; - height:351px; - margin:0; - overflow:hidden; - position:relative; - -} -.rank-kf-tab { - width:10000px; - margin:0; -} -.rank-kf-tab ul { - width:382px; - float:left; - margin:0px; - overflow:hidden !important; -} -.kf-tab-line { - width:346px; - height:1px; - background-color:#e6e6e6; - font:0/0 a; - overflow:hidden; - margin:0 auto; -} -.kf-tab-box { - padding:9px 18px; - height:20px; - color:#777; - overflow:hidden; - font:12px/20px \5FAE\8F6F\96C5\9ED1; -} -.kf-tab-box span { - float:left; - display:inline; - height:20px; - overflow:hidden; - text-align:center; -} -.kf-tab-box span.kf-tab-name { - width:100px; - font-size:14px; - text-align:left; -} -.kf-tab-name a { - color:#383838; -} -.kf-tab-zone a { - display:block; - height:20px; - overflow:hidden; - color:#777; -} -.tab-gift, .tab-down { - width:20px; - height:20px; - float:right; - display:inline; - overflow:hidden; - margin-left:3px; - _margin-left:2px; -} -.tab-gift { - background-position:-5px -233px; -} -.tab-down { - background-position:-5px -289px; -} -.kf-tab-hover { - background-color:#f55f46; - color:#fff; -} -.kf-tab-hover .kf-tab-name a, .kf-tab-hover .kf-tab-zone a { - color:#fff; -} -.kf-tab-hover .tab-gift { - background-position:-5px -206px; -} -.kf-tab-hover .tab-down { - background-position:-5px -261px; -} -.kf-tab-page { - padding:8px 18px 0 0; - text-align:right; - line-height:15px; -} -.kf-tab-page span, .kf-tab-page a { - display:inline-block; -*display:inline; - zoom:1; - vertical-align:top; - color:#999; -} -.kf-tab-page span { - padding-right:6px; -} -.kf-tab-page a { - width:14px; - height:14px; - overflow:hidden; - font:13px/14px \5FAE\8F6F\96C5\9ED1; - text-align:center; - border:1px solid #cecece; -} -.kf-tab-page a:hover { - color:#03b4f5; -} -.kf-tab-page a.prev { - border-right:none; -} - - + color: #fff; - -/*登录框*/ -.hide_txt { - text-indent: -99999em; } -.abs{position:absolute;} -.rel{position:relative;} -.login-pos{ z-index:2; position:relative; width:1200px; margin:0 auto;} -.login-box{ width:308px; right:0px; top:15px;} -.login-box a:hover{ text-decoration:underline;} -.lg-top{ height:55px; background:url(../images/login-top.png) no-repeat;} -.lg-mid{ background:url(../images/login-mid.png) repeat-y;height:365px;} -.loading{ width:68px; height:68px; left:120px; top:185px;} -.lg-bottom{ height:20px; background:url() left bottom no-repeat;} -.ico-login{ background:url(../images/ico-login.png) no-repeat;} -.lg-tip{ height:15px;} -.lg-tip p{ background-position:-165px -196px; margin-left:45px; color:#ed5565; line-height:30px; padding-left:22px;} -.lg-inptu-box{ height:93px; background-position:0 0; margin:0 0 0 30px;} -.lg-inptu-boxhover{ background-position:0 -93px;} -.lg-inptu{ width:170px; height:25px; background:none; border:none;} -.lg-yzm{ width:60px; left:95px; top:8px;} -.lg-name{ left:65px; top:14px;} -.lg-pwd{left:65px; top:52px;} -.lg-rzm{ height:40px;} -.rzm-img{ left:170px; top:0; border:1px solid #f3f3f3; border-radius:3px; width:103px; height:38px; cursor:pointer;} -.rzm-box{ width:132px; height:44px; background-position: 0 -192px; margin-left:30px;} -.rzm-boxhover{background-position: 0 -236px;} -.lg-btn{ width:246px; height:92px; border-bottom:1px dotted #e6e6e6; margin:0 auto;} -.lg-on{width:0; height:18px; left:4px; top:0; overflow:hidden;} -.lg-off{width:25px; height:18px; right:4px; top:0;} -.lg-rem-name{ left:60px; top:12px;color:#9f9f9f;} -.lg-slides{ background:#dddddd; border-radius:12px; width:53px; height:18px; left:0; top:12px; color:#fff;} -.lg-slides-btn{ display:block; border-radius:12px; width:20px; height:14px; left:2px; top:2px; background:#fff; z-index:22;} - -.on{ background:#a0d468} -.on .lg-on{width:25px; height:18px; left:4px; top:0;} -.on .lg-off{ width:0; overflow:hidden;} -.on .lg-slides-btn{left:31px;} - - -.forget-pwd{ left:183px; top:12px; color:#9f9f9f;} - -.lg-login{ display:block; width:246px; height:36px; left:0; top:50px; background-position:0 -288px;} -.lg-login:hover{ background-position:0 -326px;} -.wx-res-box{ height:130px;} -.wx-box{ width:133px; padding-top:90px; padding-left: 10px; height:15px; background-position:-125px -378px; left:22px; top:10px; border-right:1px solid #ededed; color:#9f9f9f;} -.res-box{ width:133px; height:112px; left:155px; top:14px;} -.res-tip{ left:20px; top:7px; color:#9f9f9f;} -.res-btn{ display:block; width:100px; height:31px; background-position:0 -378px; left:20px; top:32px;} -.res-btn:hover{ background-position:0 -413px;} -.bind-phpone{ left:18px; top:78px; color:#ff3300; background-position:-166px -248px; padding-left:22px;} -.played .bind-phpone{ left:165px; top:0;background-position:-166px -241px; font-size:12px;} - - -.top .login-h{width:400px;} -.login-pos .login-h{width:294px;} -.login-h{margin:0 auto;} -.user-info{ height:110px; border-bottom:1px solid #eeeeee;} -.user-base{ height:136px; border-bottom:1px solid #eeeeee; overflow:hidden;} -.user-photo{ width:83px; height:83px; left:10px; top:12px;} -.user-photo img{ width:80px; height:80px; border-radius:45px; left:0; top:0; z-index:1;border:3px solid #fff;box-shadow:2px 3px 2px #ddd;} -.user-photo a{ display:block; width:80px; height:80px; border-radius:45px; overflow:hidden; left:3px; top:3px; z-index:2; } -.user-photo a:hover{background:url(../images/ghtx.png) center center no-repeat;} -.user-mesg{ width:24px; height:24px; line-height:24px; text-align:center; background:url(../images/ico-login1.png) 0 0 no-repeat; left:15px; top:12px; z-index:3; display:none;} -.user-mesg a{ color:#fff;} -.user-mesg a:hover{ text-decoration:none;} -.user-name-box{ height:30px; line-height:30px; width:164px;left:110px; top:18px;} -.user-name{ font-weight:bold; color:#ff3300; font-size:14px;} -.user-exit{ right:0; top:0;} -.user-vip-box{ width:164px; height:32px; left:110px; top:53px;} -.user-v1{ left:0; top:-7px;} -.vip_fs {height:18px;line-height:18px;right:5px;text-align:right;top:0;width:105px;} -.vip_jdt {height:7px;left:6px; top:21px;width:158px;} -.vip_jdt span {background: url(../images/vip-fs.png) -3px 0 no-repeat;display: block;height: 7px;width: 0;} -.vip_jdt em { background: url(../images/vip-fs.png) no-repeat;display: block;height: 7px;width: 3px;} -.vip_jdt em.jtl_left {background-position: 0 0;} -.vip_jdt em.jdt_right {background-position: right 0;} - -.user-base-dl{ width:308px;} -.user-base-dl dd{ float:left; display:inline; width:98px; height:68px; border:1px solid #eeeeee; margin:-1px 0 0 -1px; text-align:center; overflow:hidden;} -.user-base-dl dd.user-1{ padding-top:10px;height:58px;} -.user-2 a{ display:block; width:100%; height:58px; padding-top:10px;} -.user-2 a:hover{ text-decoration:none; color:#0F0; background:#f2f2f2;} -.user-b1{ font-weight:bold; color:#ff3300; font-size:14px; margin:0 0 5px 0; height:21px;} -.user-b2{ color:#9f9f9f;} -.user-b2 span{ padding-left:15px; background:url(../images/ico-login1.png) no-repeat;} -.user-b2 span.user-up{ background-position:-1px -68px;} -.user-b2 span.user-down{ background-position:-1px -42px;} -.user-bdd a{ display:block; height:25px; padding-top:43px; width:98px; background:url(../images/ico-login2.png) no-repeat;} -.user-bdd i{ display:block; width:10px; height:10px; background:url(../images/ico-login1.png) no-repeat; position:absolute; right:0; bottom:0;} -.user-bdd a.user-center{ color:#ca7dbb; background-position:30px 9px; left:0; top:0;} -.user-bdd a.user-sign{color:#8dc11f; background-position:35px -58px ;left:0; top:0;} -.user-bdd a.user-pay{color:#ef656c; background-position:35px -120px ;left:0; top:0;} -.user-bdd i.bq-1{ background-position:-1px -103px;} -.user-bdd i.bq-2{ background-position:-1px -132px;} -.user-bdd i.bq-3{ background-position:-2px -157px;} -.palyed-game{ font-size:14px;} -.played{height:35px; line-height:35px; padding-left:15px;} -.played-game-list{ height:80px; overflow:hidden;} -.played-game-list dd{ height:40px; border-bottom:1px dotted #eeeeee;} -.played-game-list dd a{ display:block; height:40px;} -.played-game-list dd a:hover{ background:#eeeeee;} -.played-game-list dd img{ float:left; display:inline; width:30px; height:30px; margin:4px 0 0 15px; border-radius:5px;} -.played-game-list dd .played-game-name{ display:block; float:left; margin:8px 0 0 10px; height:20px; width:100px; line-height:20px;} -.played-game-list dd .played-server-name{ display:block; float:left; margin:8px 0 0 5px; height:20px; padding-right:25px; line-height:20px;} -.played-game-list dt{ color:#9f9f9f; padding:15px 0 0 15px;font-size:12px;} -.played-game-list dt a{ color:#ff3300; text-decoration:underline; } - -.user-bdd em{ display:block; width:98px; height:68px; position:absolute; right:0; bottom:0; } -.user-base .user-base-dl dd.current a{ background-image:url(../images/ico-login3.png); color:#fff;} -.user-base .user-base-dl dd.current a:hover{ text-decoration:none;} -.user-base .user-base-dl dd.current em.bq-11{ background:#ca7dbb;} -.user-base .user-base-dl dd.current em.bq-22{ background:#8dc11f;} -.user-base .user-base-dl dd.current em.bq-33{ background:#ef656c;} - -.user-vip{ background: url(../images/vip.gif) 0 7px no-repeat;display:block;height:24px;width:52px;} -.vip-0 {background-position: 0 7px;} -.vip-1 {background-position: 0 -19px;} -.vip-2 {background-position: 0 -45px;} -.vip-3 {background-position: 0 -71px;} -.vip-4 {background-position: 0 -96px;} -.vip-5 {background-position: 0 -122px;} -.vip-6 {background-position: 0 -148px;} -.vip-7 {background-position: 0 -174px;} -.vip-8 {background-position: 0 -199px;} - - -.user-2{ width:48%!important;} -/* 签到框 */ - -.succ_Signin { background: #fff; border-radius:8px;display: none; width: 380px; height:430px; overflow:hidden; z-index:99999999; opacity:0.95; filter:alpha(opacity=95);box-shadow:0px 0px 10px #999;} -.singn-title { background: #efeded;height: 40px; line-height:40px; padding-left:20px; font-size:16px;} -.singn-title a { display: block;height: 20px; position: absolute;right: 12px; top: 9px; width: 20px; background-position:-9px -465px;} -.sign_wrap {margin: 0 auto; overflow:hidden;} -.succ_Signin h5 { color: #ff3300; font-size: 16px; padding-top:5px; height: 37px;line-height: 37px;text-align:center;} -.Date {margin: 0 auto;padding-left: 1px;width: 337px;} -.Date .Dtt {height: 20px;line-height: 20px; position: relative; text-align: center;} -.Date .Dtt p {background: #f0f0f0;height: 20px;margin: 0 auto;text-align: center;width: 80px; border-radius:10px;} -.Date .Week { color: #fff;height: 28px; line-height: 28px;margin-top: 10px;padding: 0 0 0 1px;} -.Date .Week li, .Date .D_days li { float: left;height: 28px;line-height: 28px;padding: 0 1px 0 0;position: relative;text-align: center;width: 46px; color:#525252;} -.Date .Week li {background:#f7f6f6;border: 1px solid #dddddd; margin-left: -1px;} -.Date .D_days { border-left: 1px solid #d8d8d8;} -.Date .D_days li { border: 1px solid #dddddd;height: 28px;line-height: 28px; margin: -1px 0 0 -1px;} -.Date .D_days li span, .Date .D_days li span:hover {background-color: #fff;color: #000;display: block;height: 28px;line-height: 28px;width: 100%;} -.Date .D_days li.disabled span, .Date .D_days li.disabled span:hover {background: #ffffff; color: #9a9a9a;cursor: default;text-decoration: none;} -.Date .D_days li .Sign {background: url(../images/ico-login.png) -60px -464px no-repeat;display: none;height: 24px;left: 50%; margin: -12px 0 0 -12px; position: absolute;top: 50%;width: 24px;} -.Date .D_days li.active .Sign {display: block;} -.sign_instructions {clear: both;padding-top:12px; line-height: 22px;} -.sign_instructions p { padding-left:35px;} -.sign_instructions span {color: #ff3300;} - -.changebtn {border: 1px solid #ddd; - border-radius: 5px; - font-size: 12px; - padding: 0px 10px; - color: #A7A7A7; - display: block; - margin-top: 10px; - height: 20px; - line-height: 20px;} -.icon-change {width:18px;height:18px;vertical-align:middle;margin-top:-5px;margin-left:2px;display:inline-block;background:url(../images/icon-change.png) no-repeat;background-size:100% 100%;} -.btn-refresh:hover .icon-change {transition: all 0.8s ease;transform: rotate(360deg);} -.chpanwrap {overflow:hidden;position:relative;} -.chpan {float:left;display:none;} -.chpan.active {display:block;} \ No newline at end of file +.home_pad .del{ + font-size: 0.2rem; + text-align: center; + color: #fff; +} +.home_pad .content{ + font-size: 0.20rem; + margin-top: 0.65rem; + color: #fff; +} +.home_pad .content p{ + text-indent: 2em; + line-height: 0.32rem; +} +.home_pad .content p:last-child{ + margin-top: 0.4rem; +} +.home_pad .base{ + font-size: 0.28rem; + margin-top: 0.65rem; + color: #fff; + line-height: 0.4rem; + font-family: "宋体"; + font-style: oblique; +} +.side_tabbar{ + position: fixed; + right: 0.63rem; + top: 4.23rem; + width: 2.70rem; + height: 3.70rem; +} +.side_tabbar img{ + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/Public/Media/css/public.css b/Public/Media/css/public.css index 96fae4722..defc1a487 100644 --- a/Public/Media/css/public.css +++ b/Public/Media/css/public.css @@ -886,7 +886,6 @@ background-color: #282b2d; min-width: 1200px; padding: 29px 0; - margin-top: 50px; } .foot_logo { padding: 13px 25px 0 177px; diff --git a/Public/Media/css/reset.css b/Public/Media/css/reset.css index 851c59d95..a829f5c7c 100644 --- a/Public/Media/css/reset.css +++ b/Public/Media/css/reset.css @@ -1 +1,54 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file +/*ios移动端关于事件绑定区域点击闪屏的解决*/ +html, +body { + /* -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-transform-style:preserve-3d; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform:translate3d(0,0,0); + -webkit-backface-visibility:hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; */ +} +/*清除一些默认样式, 这是根节点字体*/ +img{border:0;} +a{text-decoration:none; color:#000; outline:none;} +a:hover{text-decoration:none;} +em,strong,i{font-style:normal;} +li{list-style:none;} +h1,h2,h3,h4,h5,h6,span,strong,i,ul,li,label,button{font-size:100%;font-weight:normal;margin: 0;padding: 0;} +button{background-color: #fff;} +textarea { + margin: 0; + padding: 0; + outline: none; + border: none; + resize: none; +} +body{ + margin: 0; +} +/*输入框,多行输入框在IOS上的默认样式清除*/ +input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} +textarea { -webkit-appearance: none;} + +input { + outline: none; + -webkit-appearance: none;/*去除系统默认样式*/ + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*点击高亮的颜色*/ + -webkit-user-select: auto; + -webkit-user-modify: read-write-plaintext-only; +} +/*body { + -webkit-user-select: auto; +}*/ + +.clearfix {*zoom:1;} +.clearfix:after {content:'\200B';clear:both;display:block;height:0px} + diff --git a/Public/Media/css/service.css b/Public/Media/css/service.css index 077ba86b0..10ad33172 100644 --- a/Public/Media/css/service.css +++ b/Public/Media/css/service.css @@ -1,385 +1,172 @@ -@charset UTF-8;.account-box .account-c,.game-box .game-c,.service-c { - border-top: 1px dotted #e6e6e6 -} - -.account-box .account-c li,.game-box .game-c li,.service-c li { - text-indent: 10px -} - -.service-wrap { - width: 1150px; - margin: 0 auto -} - -.service-banner { - background: url(../images/banner-box.jpg) center 0 no-repeat -} - -.service-banner-wrap { - height: 320px; - margin: 0 auto; - background: url(../images/kfbg.jpg) center 0 no-repeat; - margin-top:80px; - -} -.kfrw{ position:absolute; top:-80px; right:-60px; background:url(../images/kfrw.png) no-repeat; width:300px; height:400px;} -.ser_tit{ background:url(../images/ser_tit.png) no-repeat; margin-left:400px; width:320px; height:100px;} -.ser_li{ width:800px; margin-left:150px;} -.ser_li li{ float:left; width:200px; text-align:center;} -.ser_li li a i{ display:block; width:130px; height:130px; margin:0 auto; margin-bottom:10px;} -.ser_li li span{ font-size:22px; color:#fff; font-weight:bold;} -.ser_ic01{ background:url(../images/ser_sort.png) no-repeat; background-position:-30px -15px; } - -.ser_ic02{ background:url(../images/ser_sort.png) no-repeat; background-position:-225px -15px; } -.ser_ic03{ background:url(../images/ser_sort.png) no-repeat; background-position:-415px -15px; } -.ser_ic04{ background:url(../images/ser_sort.png) no-repeat; background-position:-610px -15px; } - -.service-btn-wrap { - width: 1260px; - margin: 0 auto; +.service_swiper{ + width: 100%; + height: 8rem; position: relative; - padding-top:20px; -} - -.service-btn { - width: 207px; - height: 77px; - float: right; - background: url(../images/service-btn.jpg) left top no-repeat; - background-size: 100% 100%; - margin: 55px 20px 0 0 -} - -.question-btn { - width: 207px; - height: 77px; - background: url(../images/question-btn.jpg) left top no-repeat; - background-size: 100% 100%; - position: absolute; - right: 20px; - top: 150px + z-index: -1; } - -.account-box,.game-box,.pay-box { - box-shadow: 1px 10px 10px #e6e6e6; - position: relative; - float: left -} - -.service-content { - min-width: 1200px; - max-width: 1920px; - height: 300px; - margin: 0 auto; - padding-top: 30px; -} - -.pay-box { - width: 349px; - height: 321px; - margin-right: 50px; - background-color: #fff -} - -.pay-box .pay-mask { - width: 100%; - height: 98px; - background: url(../images/pay-mask.png) left top no-repeat -} - -.pay-box .pay-mask .pay-t { - font-size: 22px; - line-height: 60px; - padding: 25px 0 0 87px -} - -.pay-box .pay-mask .pay-t a { - color: #37b0e9 -} - -.pay-box .pay-mask .pay-t .pay-icon { - width: 50px; - height: 50px; - display: block; - float: left; - margin-right: 20px; - background: url(../images/pay-icon.png) left top no-repeat; - background-size: 100% -} - -.service-c { +.service_swiper>img:first-child{ width: 100%; - height: 125px; - margin: 0 auto; - padding: 20px 0 -} - -.service-c li { - line-height: 30px; - width:33%; - float:left; -} - -.account-box .account-mask .account-t,.game-box .game-mask .game-t { - font-size: 22px; - line-height: 60px; - padding: 25px 0 0 87px -} - -.service-c li a { - color: #676767; - font-size:14px; -} - -.service-c li a:hover { - color: #74B32E; - text-decoration: underline -} - -.account-box { - width: 349px; - height: 321px; - margin-right: 50px; - background-color: #fff -} - -.account-box .account-mask { - width: 100%; - height: 98px; - background: url(../images/account-mask.png) right bottom no-repeat -} - -.account-box .account-mask .account-t a { - color: #37b0e9 -} - -.account-box .account-mask .account-t .account-icon { - width: 50px; - height: 50px; - display: block; - float: left; - margin-right: 20px; - background: url(../images/account-icon.png) left top no-repeat; - background-size: 100% 100% -} - -.account-box .account-c { - width: 313px; - height: 205px; - margin: 0 auto -} - -.account-box .account-c li a { - color: #676767 -} - -.account-box .account-c li a:hover { - color: #37b0e9; - text-decoration: underline -} - -.game-box { - width: 349px; - height: 321px; - background-color: #fff -} - -.game-box .game-mask { - width: 100%; - height: 98px; - background: url(../images/game-mask.png) right top no-repeat -} - -.game-box .game-mask .game-t a { - color: #37b0e9 -} - -.game-box .game-mask .game-t .game-icon { - width: 50px; - height: 50px; - display: block; - float: left; - margin-right: 20px; - background: url(../images/game-icon.png) left top no-repeat; - background-size: 100% 100% -} - -.game-box .game-c { - width: 313px; - height: 205px; - margin: 0 auto -} - -.game-box .game-c li a { - color: #676767 -} - -.game-box .game-c li a:hover { - color: #37b0e9; - text-decoration: underline -} - -.bottom-btn { - width: 830px; - height: 101px; - border: 1px solid #e6e6e6; - margin: 30px auto -} - -.bottom-btn ul li { - width: 166px; - height: 50px; - margin-left: -1px; - border-right: 1px solid #e6e6e6; - border-bottom: 1px solid #e6e6e6; - text-align: center; - line-height: 51px; - float: left + height: 100%; } - -.bottom-btn ul li a { +.service_swiper>a{ + position: absolute; + width: 1.20rem; + height: 0.4rem; + top: 0.82rem; + right: 3.61rem; + font-size: 0.2rem; + cursor: pointer; +} +.service_swiper> a img{ width: 100%; height: 100%; - display: block } - -.bottom-btn ul li:hover { - background-color: #37b0e9 +.service_info{ + width: 12rem; + margin: -2.12rem auto 1.12rem auto; + display: flex; + align-items: flex-end; + justify-content: space-between; +} +.service_left{ + width: 9rem; +} +.service_left .list{ + display: flex; + align-items: center; + margin-left: 0.12rem; +} +.service_left .list li{ + width: 1.2rem; + height: 0.5rem; + font-size: 0.16rem; + color: #292929; + box-shadow:0px 0px 0.1rem 0px rgba(0, 0, 0, 0.4); + border-radius:0.1rem 0.1rem 0px 0px; + background-color: #fff; + text-align: center; + line-height: 0.5rem; + margin-right: 0.05rem; } - -.bottom-btn ul li:hover a { - color: #fff +.service_left .list li.selected{ + background-color: #00A3E1; + color: #fff; } - -.crumbs-box { +.service_left .content{ width: 100%; - height: 40px; - line-height: 40px; - background-color: #55c4f0 -} - -.crumbs-box .crumbs { - width: 1200px; - margin: 0 auto -} - -.crumbs-box .crumbs a { - float: left; - width: 108px; - text-align: center; - height: 40px; - color: #fff -} - -.crumbs-box .crumbs a.active { - background-color: #1595c7 -} - -.service-list { - width: 1200px; - height: 120px; - border: 1px solid #eee; - padding: 10px 20px; - margin-bottom: 10px; - overflow: hidden -} - -.service-list h2 { - font-size: 18px; - padding-bottom: 10px; - margin-bottom: 10px; - border-bottom: 1px dotted #e6e6e6 -} - -.service-list div { - color: #939393; - height: 75px; - overflow: hidden -} -.cjwt .m-subtitle-bar h2 { - line-height:1; - text-indent:25px; - color:#333; - font-size:20px; - font-weight:bold; - border-left:5px solid #44A7E0; -} -.cjwt .m-subtitle-bar h2 a { - color:#44A7E0 -} -.cjwt .m-subtitle-bar h2 a:hover { - color:#74B32E -} -.cjwt .m-subtitle-bar .more { - float:right; - margin-right:19px; - line-height:24px; - color:#676767 -} -.cjwt .m-subtitle-bar .more:hover { - color:#74B32E -} -.cjwt .m-subtitle-bar{ margin-bottom:20px;} -.cjwt{ background: #fff; - width: 95%; - padding: 25px; - margin: 0 auto;} - -/*客服详情*/ -.server_detail{ background:#fff; margin-top:30px; height:700px;} -.crumbs {padding: 15px 0; - color: #999; - font-size: 14px; - padding-left: 20px; - border-bottom: 3px solid #F1F2F3;border:none;} -.crumbs em{ font-weight:bold;} - -#ser_sub{} -#ser_sub #l{ float:left; width:240px; height:300px; background:#fff; padding:15px;-webkit-border-radius: 5px; - border-radius: 5px;} -#ser_sub #l ul{ padding:0px 0 0 0; background: #F4F4F4; min-height:500px;} -#ser_sub #l li{ font-size:16px; line-height:50px; height:50px;margin-bottom: 1px;} -#ser_sub #l li a{ display:block; line-height:50px; height:50px; text-align:center;} -#ser_sub #l li a:hover, #ser_sub #l li a.now{color: #FFFFFF; - background: #03B4F5; - text-align: center;} - - -.tabContent #r{ float:right; width:860px; background:#fff; padding:0 20px;} -.tabContent h4{ font-size:24px; line-height:55px;border-bottom:1px solid #ebebeb;} -.tabContent ul{ font-size:14px;} -.tabContent ul li{ } -.tabContent ul li .q{background: #f4f4f4;font:14px/40px "\5FAE\8F6F\96C5\9ED1";color: #262626;padding: 0 10px 0 5px;height: 40px; font-weight:bold;} -.tabContent ul li .q em {color: #cbcbcb;padding-right: 5px;} -.tabContent ul li .a{color:#666; line-height:1.7; padding:10px;} - - -/*内容区域*/ -.tabmain{width:95%;height:600px;margin:15px auto;background: #F3F3F3;border:1px solid #F3F3F3;} - .tabmain .tabGroup{float:left;width:20%;height:auto; z-index:3;} -.tabmain .tabGroup li{height:48px;line-height:48px;padding-left:8px;text-align:center;cursor:pointer;-webkit-user-select:none; -moz-user-select:none;font-size:16px;font-family:'Microsoft yahei';color:#666;} -.tabmain .tabGroup li.selectedTab{padding-left:10px;background: #03B4F5;color:#fff;font-weight:bold;} -.tabmain .tabContent{padding:5px 20px;background-color:#fff;color:#777; min-height:600px;} -.tabContent p a{margin-right:15px;text-decoration:none;text-align:center;color:orange; font-weight:bold;} -.tabContent h3{margin-bottom:5px;background:orange;color:#fff;font-size:16px;font-weight:bold;line-height:35px;text-align:center;} -.tabContent dl{line-height:22px;margin-bottom:10px;} -.tabContent dt{color:#1d9fd3;font-weight:bold;} -.tabContent dd img{display:block;} -.tabmain .blueline{position:absolute;top:0px;left:0px;width:3px;height:48px;overflow:hidden;} - -.tabContent .witness p{position:relative;padding-left:20px;} -.tabContent .witness p em{color:orange; font-weight:bold;} -.tabContent .witness p a{color:#666;font-weight:normal;display:block; line-height:24px; text-align:left;} -.tabContent .witness p a:hover{background-color:#efefef;} -.tabContent .witness p .ele{left:0px;} - -#container{float:left;width:80%;height:600px;background:#fff;overflow:hidden;} -#slider{position:absolute;top:0px;right:0;width:6px;border-radius:6px;background:#ccc;cursor:pointer;} -#sliderParent{position:absolute;left:0;height:0;width:100%;z-index:999;} -#outerWrap{position:relative;z-index:999} - -/*滚动条*/ -.wrapacon{position:relative;float:left;width:468px;height:360px;margin-top:5px;overflow:hidden;} -.wrapaconlis{position:absolute;left:0;top:0;width:450px;} -.scrbar{position:relative; width:4px; height:355px;border:1px solid #f4f4f4;border-radius:20px;background-color:#f4f4f4; float:left;left:443px;margin-left:15px;} -.scrbar .barbg{position:absolute;right:-1px;top:50px;width:2px;height:105px;border:2px solid #dadada;background-color:#dadada;border-radius:20px;} \ No newline at end of file + height: 400px; + box-shadow:0px 0px 0.6rem 0px rgba(0, 0, 0, 0.2); + border-radius:0.1rem; + background-color: #fff; + overflow: auto; +} +@media screen and (min-width: 1920px) { + .service_left .content { + height: 4rem; + } +} +.service_left .content::-webkit-scrollbar { /*滚动条整体样式*/ + width: 0.3rem; + height: 2rem; +} +.service_left .content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); + background: #00A3E1; + border-radius: 0.1rem; +} +.service_left .content::-webkit-scrollbar-track {/*滚动条里面轨道*/ + -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); + border-radius: 0.1rem; + background-color: #fff; +} +/* .service_left .content::-webkit-scrollbar-button { + background-color:cyan; +} */ +.service_left .content>div{ + height: 100%; + width: 100%; + font-size: 0.16rem; + color: #292929; +} +.service_left .content .content_box{ + padding: 0.2rem 0.17rem 0.12rem 0.24rem; +} +.service_left .content .content_box .headline{ + font-size: 0.2rem; + color: #00A3E1; + margin-bottom: 0.19rem; +} +.service_left .content .content_box>p{ + color: #292929; + font-size: 0.16rem; + margin-bottom: 0.38rem; +} +.service_left .content .content_box>p:last-child{ + margin-bottom: 0; +} +.service_right{ + width: 2.8rem; + height: 400px; + background-color:#fff ; + box-shadow:0px 0px 0.6rem 0px rgba(0, 0, 0, 0.2); + border-radius:0.1rem; +} +@media screen and (min-width: 1920px) { + .service_right { + height: 4rem; + } +} +.service_right_box{ + padding: 0.18rem 0.2rem 0.18rem 0.21rem; +} +.service_right_top{ + padding-bottom: 0.2rem; + border-bottom:1px solid #F5F5F5; +} +.service_right_top .title{ + padding:0.02rem 0 0.02rem 0.09rem; + border-left: 0.02rem solid #00A3E1; + font-size: 0.16rem; + color: #00A3E1; +} +.service_people{ + display: flex; + align-items: center; + margin-top: 0.2rem; +} +.service_people>img{ + width: 0.2rem; + height: 0.2rem; +} +.service_people>span{ + font-size: 0.14rem; + color: #292929; + margin-left: 0.07rem; +} +.service_right_bom{ + margin-top: 0.21rem; +} +.service_right_bom .title{ + padding:0.02rem 0 0.02rem 0.09rem; + border-left: 0.02rem solid #00A3E1; + font-size: 0.16rem; + color: #00A3E1; +} +.service_download{ + display: flex; + align-items: center; + margin-top: 0.2rem; +} +.service_download>img{ + width: 0.22rem; + height: 0.22rem; +} +.service_download>div{ + margin-left: 0.07rem; + font-size: 0.14rem; + color: #292929; +} +.service_download>div>span{ + color: #00A3E1; + font-size: 0.14rem; +} \ No newline at end of file diff --git a/Public/Media/images/foot_logo.png b/Public/Media/images/foot_logo.png index 14a1dd00d..242b3f6cf 100644 Binary files a/Public/Media/images/foot_logo.png and b/Public/Media/images/foot_logo.png differ diff --git a/Public/Media/images/foot_slide.png b/Public/Media/images/foot_slide.png index 7fddb6c78..6560f3414 100644 Binary files a/Public/Media/images/foot_slide.png and b/Public/Media/images/foot_slide.png differ diff --git a/Public/Media/images/index_about/qrcode.png b/Public/Media/images/index_about/qrcode.png index d33691b9b..2c41fe3b8 100644 Binary files a/Public/Media/images/index_about/qrcode.png and b/Public/Media/images/index_about/qrcode.png differ
+ 
+ 
-