*,html,body,div,img,p,ul,li,h2 {padding:0;margin:0;font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-font-smoothing:antialiased;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);text-decoration:none;}
a:hover{text-decoration: none;}
ol, ul { list-style: none; padding:0px; margin:0px; }
html,body{width:100%;height:100%;background:#fff;-webkit-touch-callout: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {vertical-align:middle;}
.hidden1 {overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-all;}
.hidden2 {overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-all;}
.hidden3 {overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-all;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{zoom:1;}

/* 头部 */
.header{margin-bottom:0; height: 80px; min-width: 1200px; background-size: 100% 150%; }
.header .navbar-toggle{background-color: #2ebbde;}
.header.navbar-static-top{border-bottom: 1px solid #F1F1F1;}
.header .navbar-toggle .icon-bar{background-color: #fff;}
.header .container .navbar-header{ padding-top: 6px;line-height: 60px; }
.header .container .navbar-header .navbar-brand{padding-top: 0; }
.header .container .navbar-header span{ color: rgba(244, 98, 103, 0.8); font-size: 28px;}
.header .container .navbar-header .navbar-brand .logo{height: 60px;}
.header .container .collapse .navbar-nav { float: right; margin-top: 23px; }
.header .container .collapse .navbar-nav li { width: 108px; height: 34px; line-height: 34px; text-align: center; margin-right: 30px; border-radius:2px; color: #333; font-size: 16px; }
.header .container .collapse .navbar-nav li a { color: #333; font-size: 16px; padding: 0; margin: 0; line-height: 34px; display: inline; }
.header .container .collapse .navbar-nav li a:hover { background: none; }
.header .container .collapse .navbar-nav li a.tab { display: block; }
.header .container .collapse .navbar-nav li:last-child { color: #60CEF5;}
.header .container .collapse .navbar-nav li a.tab2 { color: #60CEF5;}
.header .container .collapse .navbar-nav li.active{background: #60CEF5; border-radius: 22px; }
.header .container .collapse .navbar-nav li.active a.tab{font-size: 16px;color: #fff;}
.header .container .collapse .nav > li > a.tab:focus, .header .container .collapse .nav > li > a.tab:hover{background-color: #60CEF5;border-radius: 22px;color: #fff;font-size: 16px;}

.h-bottom { margin-top: 60px; margin-bottom: 60px; }
.h-title, .h-subtitle { color: #FFF; text-align: center; display: block; line-height: 50px; font-size: 28px; }
.h-title { font-size: 40px; font-weight: 500; }

/* 首页 */
.master { width: 100%; height: 750px; position: relative; top: 0; }
.master {  }
.master .swiper-slide { width: 100%; height: 750px; }

.master .tag,.master .tag2 { width: 100%; height: 400px; position: absolute; top: 0; left: 0; z-index: 1; }
.master .tag2 { z-index: 2; }
.master .tag .aa { width: 1200px; height: 378px; margin: 0 auto; margin-top: 80px; position: relative; }
.master .swiper-pagination { bottom: 40px; left: 45%; }
.master .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background: #FFF; opacity: 1; margin: 0 5px; }
.master .swiper-pagination .swiper-pagination-bullet-active { background: url(/client/images/home3/banner_cur_bg.png) no-repeat; background-size: 100% 100%; }
.master .swiper-button-prev,.master .swiper-button-next { border-radius:8px; width: 54px; height: 90px; background:rgba(255,255,255,0.3); top: auto; bottom: 70px; z-index: 10; }
.master .swiper-button-prev:hover,.master .swiper-button-next:hover { background:#60CEF5; }
.master .swiper-button-prev img, .master .swiper-button-next img { width: 16px; height: 28px; margin: 30px auto; display: block; }

.master .bottom { width:100%; height:330px; position: absolute; bottom:-40px; left: 0; z-index: 10; }
.master .bottom .info { width:1248px; height:330px; background:rgba(39,42,44,1); border-radius:8px; margin: 0 auto; position: relative; }
.master .bottom .info > div { float: left; }
.master .bottom .info .m-back { background-color: #60CEF5; width: 6px; height: 190px; position: absolute; top: 70px; left: -2px; }
.master .bottom .info .m-games { width: 90px; height: 330px; color: #FFF; margin: 92px 0; }
.m-games div { text-align: center; font-size: 26px; line-height: 38px; }
.master .bottom .info .mg-img {  }
.mg-img > div { float: left; }
.mg-img > div img { width: 345px; height: 330px; }
.master .bottom .info .m-news { width: 468px; color: #E2E2E3; margin-top: 40px; }
.m-news > div { width: 404px; height: 60px; margin-left: 40px; }
.m-news > div.recommend { background: rgba(139,146,149,0.28); }
.m-news > div.recommend .tab { color: #FFF;width: 74px; height: 60px; line-height:60px; font-size:18px; padding-left: 12px; float: left; margin-right: 10px; background: url(../images/home3/icon-tj.png) no-repeat; background-size: 100% 100%; }
.m-news > div.recommend .title { color: #FFF; font-weight:500; line-height: 60px; font-size:18px; }
.m-news > div.common { height: 42px; margin-top: 20px; padding-bottom: 19px; border-bottom: 1px solid #8B9295; position: relative; font-size: 16px; font-weight: 500; }
.m-news > div.common .title { height: 20px; line-height: 20px; padding-right: 40px; }
.m-news > div.common .title img { width: 14px; height: 14px; margin-right: 10px; }
.m-news > div.common .time { position: absolute; right: 0; top: 2px; }
.m-news > div a { color: #E2E2E3; }

.m-gamelist { margin: 98px 0; }
.m-gamelist .container .title { margin-bottom: 40px; font-size: 36px; color: #333; display: block; margin-left: 14px; }
.m-gamelist .container .title img { margin-right: 10px; width: 34px; height: 34px; }
.m-gamelist .container { width: 1140px; padding: 0; }
.m-gamelist .container > div { width: 350px; height: 378px; margin: 15px; padding: 0; background:rgba(255,255,255,1); box-shadow:0px 3px 27px 0px rgba(139,146,149,0.28); border-radius:8px; }
.m-gamelist .container > div:hover { border:3px solid rgba(255,186,1,1); }
.m-gamelist .container > div img { width: 350px; height: 232px; border-radius: 8px; }
.m-gamelist .container > div:hover img { width: 344px; height: 226px; }
.m-gamelist .container > div .title { font-size: 24px; height: 33px; line-height: 33px; color: #333; font-weight:500; margin: 20px 20px 0; }
.m-gamelist .container > div:hover .title { margin: 20px 18px 0; }
.m-gamelist .container > div .desc { height:40px; font-size:14px; font-weight:400; color:rgba(102,102,102,1); line-height:20px; margin: 10px 20px 0; }
.m-gamelist .container > div:hover .desc { margin: 10px 18px 0; }
.m-gamelist .container > div .show { font-size:16px; float: right; font-weight:400; color: #60CEF5; line-height:20px; margin: 10px 20px 0; }
.m-gamelist .container > div:hover .show { margin: 10px 18px 0; }

/* 产品介绍 */
.product { margin-bottom: 80px; }
.product .container { width: 1200px; padding: 0; }
.product .container > div { width: 400px; height: 596px; padding: 0; }
.product .container > div > div { width: 380px; height: 596px; border-radius: 8px; background: #FFF; box-shadow:0px 6px 30px 0px rgba(139,146,149,0.28); }
.product .container > div > .show1 { height: 595px; padding-top: 1px; }
.product .container > div:hover > .show1 { display: none; }
.product .container > div > .show2 { display: none; }
.product .container > div:hover > .show2 { display: block; }
.product .container > div > .d1 { margin-right: 20px; }
.product .container > div > .d2 { margin-left: 10px; margin-right: 10px; }
.product .container > div > .d3 { margin-left: 20px; }
.product .container > div .b-icon { width: 130px; height: 130px; display: block; margin: 20px auto; }
.product .container > div .b-img { width: 380px; height: 380px; }
.product .container > div > div > .title { height:33px; font-size:24px; font-weight:500; text-align: center; color:rgba(51,51,51,1); line-height:33px; }
.product .container > div > div > .info { width:108px; margin: 0 auto; margin-top: 10px; height:28px; line-height: 28px; text-align: center; background: #fff0ce; border-radius:4px; color: #FFBA01; }
.product .container > div > div > .desc { width:291px; font-size:16px; margin: 0 auto; margin-top: 30px; font-weight:400; color:rgba(102,102,102,1); line-height:30px; }
.product .container > div > div > .show { width:102px;height:40px;background:rgba(255,186,1,1);border-radius:1px; font-size: 16px; color: #FFF; line-height: 40px; text-align: center; margin: 0 auto; position: relative; top: -60px; }
.product .container > div > div > .cqewm { width: 150px; height: 150px; display: block; margin: 0 auto; position: relative; top: -20px; }

/* 联系我们 */
.c-top { height: 220px; position: relative; }
.c-top .d-icon2 { position: absolute; width: 63px; height: 71px; left: 19%; top: 60px; }
.c-top .tab { position: absolute; width: 325px; height: 165px; left: 36%; top: 15px; background: url(../images/home/d-tab-bg.png) no-repeat; background-size: 100% 100%; }
.c-top .tab .title { margin-left: 40px; margin-top: 20px; width: 244px; height: 40px; font-weight: 500; line-height: 40px; font-size: 22px; color: #FFF; border-bottom: 1px solid #FFF; }
.c-top .tab .info { color: #FFF; margin-left: 40px; margin-top: 15px; width: 244px; font-size: 14px; }
.c-top .tab .info .addr { line-height: 26px; padding-left: 20px; background: url(../images/home/d-addr.png) no-repeat 4px 6px; background-size: 12px 14px; }
.c-top .tab .info .tel { line-height: 26px; padding-left: 20px; background: url(../images/home/d-tel.png) no-repeat 4px 6px; background-size: 10px 13px; }

.contact_us { height: 600px; padding-top: 60px; }
.contact_us .info .icon { width: 50px; height: 50px; background-color: #FFF; border-radius: 25px; box-shadow:0px 2px 6px #bbb; float: left; }
.contact_us .info .icon img { width: 26px; height: 26px; margin: 12px; }
.contact_us .info .title { padding-left: 70px; }
.contact_us .info .title span:first-child { font-size: 28px; color: #333; display: block; }
.contact_us .info .title span:last-child { font-size: 14px; color: #666; display: block; }
.contact_us .container { width: 1200px; padding: 0; }
.contact_us .container > div.col-md-3 { width: 400px; height: 366px; padding: 0; margin-top: 40px; }
.contact_us .container > div.col-md-3 > div { width: 378px; height: 365px; padding-top: 1px; border:1px solid rgba(201,207,212,1); border-radius: 8px; background: #FFF; }
.contact_us .container > div.col-md-3 > div:hover { border: none; width: 380px; box-shadow:0px 6px 30px 0px rgba(139,146,149,0.28); }
.contact_us .container > div.col-md-3 > .d1 { margin-right: 20px; }
.contact_us .container > div.col-md-3 > .d2 { margin-left: 10px; margin-right: 10px; }
.contact_us .container > div.col-md-3 > .d3 { margin-left: 20px; }
.contact_us .container > div.col-md-3 > div > .icon { width: 40px; height: 40px; margin: 20px auto; margin-top: 54px; }
.contact_us .container > div.col-md-3 > div > .icon img { width: 40px; height: 40px; }
.contact_us .container > div.col-md-3 > div > div { text-align: center; }
.contact_us .container > div.col-md-3 > div > .title { font-size: 24px; height: 33px; line-height: 33px; color: #333; font-weight:500; }
.contact_us .container > div.col-md-3 > div > .subtitle { height: 20px; line-height: 20px; margin-top: 20px; color: #333; font-weight:500; }
.contact_us .container > div.col-md-3 > div > .desc { font-size: 14px; margin-top: 40px; }

/* 新闻 */
.news-body { background-color: #FBFBFB; margin-top: 80px; padding-top: 20px; padding-bottom: 46px; }
.news-body .news-content { width: 1200px; margin: 0 auto; background-color: #fff; border-radius: 2px; padding-top: 62px; position: relative; }
.news-body .news-content .news-header { color: #999; font-size: 14px; position: absolute; top: 18px; left: 20px; }
.news { min-height: 580px; }
.news .container { width: 922px; padding: 0; }
.news .container div.col-md-3 { width: 400px; height: 500px; padding: 0; margin-top: 40px; }
.news .container div.col-md-3 > div { width: 378px; height: 438px; border:1px solid rgba(201,207,212,1); border-radius: 8px; background: #FFF; position: relative; }
.news .container div.col-md-3 > div:hover { border: none; box-shadow:0px 3px 27px 0px rgba(139,146,149,0.28); }
.news .container div.col-md-3 > div img { width: 378px; height: 272px; text-align: center; position: absolute; left: -1px; top: -2px; z-index: 1; }
.news .container div.col-md-3 > div:hover img { left: 0px; }
.news .container div.col-md-3 > div .timer { z-index: 2; position: absolute; top: -2px; right: 12px; width: 98px; height: 83px; background: url(../images/home3/c-icon4.png) no-repeat; background-size: 100% 100%; }
.news .container div.col-md-3 > div:hover .timer { background: url(../images/home3/c-icon3.png) no-repeat; background-size: 100% 100%; }
.news .container div.col-md-3 > div .timer .solid { position: absolute; top: 10px; left: 30px; width:47px; height:47px; box-sizing:border-box; background:linear-gradient(135deg, transparent 49.4%, white 49.4%, white 50.6%, transparent 50.6%); }
.news .container div.col-md-3 > div .timer .m { position: absolute; top: 40px; left: 60px; font-size: 17px; color: #FFF; }
.news .container div.col-md-3 > div .timer .d { position: absolute; top: 4px; left: 8px; font-size: 29px; font-weight: 500; color: #FFF; }
.news .container div.col-md-3 > div .title { position: absolute; top: 290px; left: 15px; font-size: 24px; color: #333; font-weight: 500; }
.news .container div.col-md-3 > div .brief { position: absolute; top: 330px; left: 15px; font-size: 14px; color: #666; line-height: 20px; }
.news .container div.col-md-3 > div .show { position: absolute; right: 12px; bottom: 24px; font-size: 16px; color: #FFBA01; }
.news .container .swiper-button-prev { left: auto; top: auto; right: 30px; bottom: 10px; background:rgba(255,186,1,1); box-shadow:0px 4px 6px 0px rgba(255,186,1,1); border-radius:1px; width: 32px; height: 32px; }
.news .container .swiper-button-next { top: auto; right: 100px; bottom: 10px; background:rgba(255,186,1,1); box-shadow:0px 4px 6px 0px rgba(255,186,1,1); border-radius:1px; width: 32px; height: 32px; }
.news .container .swiper-button-prev img, .news .container .swiper-button-next img { width: 9px; height: 15px; margin: 8px auto; display: block; }

.news-info { min-height: 580px; padding-bottom: 80px; }
.news-info .container { width: 922px; padding: 0; }
.news-info .container .title { font-weight:500; font-size: 30px; line-height: 40px; color: #333; text-align: center; }
.news-info .container .time { color: #999; text-align: center; margin-top: 18px; font-size: 16px; }
.news-info .container .content { margin-top: 30px; border-top: 1px solid #E2E2E3; padding-top: 46px; color: #666; font-size: 16px; line-height: 30px; text-indent: 30px; }
.news-info .container .content img { width: 90%; margin: 10px auto; display: block; }

/* 游戏详情 */
.game { margin-top: 80px; }
.game img { width: 100%; }
.game > div { position: relative; }

.game > div .bottom { width:100%; height:330px; position: absolute; bottom: 0; left: 0; z-index: 10; }
.game > div .bottom .info { width:948px; height:330px; background:rgba(39,42,44,0.6); border-radius:8px; margin: 0 auto; position: relative; }
.game > div .bottom .info div { float: left; }
.game > div .bottom .info .g-news { width: 404px; color: #E2E2E3; }
.game .g-img.swiper-container { width: 345px; height: 330px; }
.game .g-img > div { width: 345px; height: 330px; }
.game .g-img .swiper-slide { width: 345px; }
.game .tag { width: 100%; height: 330px; position: absolute; top: 0; left: 0; z-index: 1; }
.game .swiper-pagination { bottom: 10px; left: 45%; }
.game .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background: #FFF; opacity: 1; margin: 0 5px; }
.game .swiper-pagination .swiper-pagination-bullet-active { background: url(/client/images/home3/banner_cur_bg.png) no-repeat; background-size: 100% 100%; }
.game .g-news > div { width: 404px; }
.game .g-news .g-tab { border-bottom: 2px solid rgba(39,42,44,1); height: 64px; }
.game .g-news .g-tab span { display: inline-block; float: left; padding-top: 20px; padding-bottom: 15px; width: 33%; text-align: center; color: #fff; font-size: 16px; }
.game .g-news .g-tab span:first-child { width: 34%; }
.game .g-news .g-tab span:hover { color: rgba(255,186,1,1); border-bottom: 4px solid rgba(255,186,1,1); cursor: pointer; }
.game .g-news .g-tab span.active { color: rgba(255,186,1,1); border-bottom: 4px solid rgba(255,186,1,1); }
.game .g-news .common { width: 404px; height: 42px; margin-top: 15px; padding-bottom: 15px; position: relative; font-size: 16px; font-weight: 500; padding-left: 20px; }
.game .g-news .common .title { height: 20px; line-height: 20px; padding-right: 40px; }
.game .g-news .common .title img { width: 14px; height: 14px; margin-right: 10px; }
.game .g-news .common .time { position: absolute; right: 0; top: 2px; }
.game .g-news > div a { color: #E2E2E3; }
.game .g-ewm { width: 198px; }
.game .g-ewm2 { background-color: #fff; width: 150px; height: 180px; margin-left: 12%; margin-top: 30%; }
.game .g-ewm2 img { margin: 4%; width: 92%; height: auto; }
.game .g-ewm2 span { text-align: center; color: #333; font-size: 20px; display: block; letter-spacing: 5px; }

/* nav */
.game_nav_bg { width: 100%;height:80px;background:#60CEF5;border-radius:1px; position: absolute; left: 0; top: 0; z-index: 20; }
.game_nav_bg .game_tab { cursor: pointer; width:200px;height:94px;background:rgba(255,186,1,1);border-radius:1px; position: absolute; left: 20%; top: 0; z-index: 2; }
.game_nav_bg .game_nav_back { background:rgba(51,51,51,1); display: none; }
.game_tab img { margin: 18px auto; display: block; width: 30px; }
.game_nav_back img { margin-top: 30px; }
.game_tab span { display: block; text-align: center; font-size: 16px; color: #FFF; font-size: 400; }
.game_nav { position: absolute; left: 20%; top: 94px; width: 200px; background: #474747; padding-bottom: 30px; display: none; }
.game_nav a { display: block; width: 180px; margin: 0 10px; height: 60px; line-height: 60px; text-align: center; color: #999; border-bottom: 1px solid #4D4D4D; }
.game_nav a.cur { color: #FFBA01; }
.game_nav_bg .game_title { color: #004E76; font-size: 36px; line-height: 80px; text-align: center; }

/* 102江苏 */
.game102 .ewm_body { left: auto; right: 27%; }
.game102 .imgs { top: 30%; height: 300px; }
.game102 .swiper-container { width: 80%; max-width: 1336px; }
.game102 .swiper-container .swiper-slide, .game102 .swiper-container img { max-width: 668px; }

/* 103杭州 */
.game103 .ewm_body { left: auto; top: 64%; right: 26%; background:rgba(0,0,0,0.38); border:1px solid rgba(0,0,0,1); }
.game103 .ewm_body2 { background:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,1); }
.game103 .ewm_body2 span { color: #FFF; }
.game103 .imgs { top: 35%; height: 300px; }
.game103 .swiper-container { width: 80%; max-width: 1336px; }
.game103 .swiper-container .swiper-slide, .game103 .swiper-container img { max-width: 668px; }

/* 105河北 */
.game105 .ewm_body { left: auto; right: 26%; }
.game105 .imgs { top: 35%; height: 300px; }
.game105 .swiper-container { width: 80%; max-width: 1336px; }
.game105 .swiper-container .swiper-slide, .game105 .swiper-container img { max-width: 668px; }

/* 106销魂 */
.game106 .imgs { top: 15%; }
.game106 .swiper-container { width: 48%; max-width: 1336px; }
.game106 .swiper-container .swiper-slide, .game105 .swiper-container img { max-width: 668px; }

.game106 > div { min-width: 1200px; }
.game106 .logo { position: absolute; width: 18%; left: 17%; top: 8%; z-index: 1; }
.game106 .rw { position: absolute; width: 55%; left: 38%; top: 0; z-index: 2; }
.game106 .slogan01 { position: absolute; width: 68%; left: 0; top: 23%; z-index: 3; }
.game106 .slogan02 { position: absolute; width: 27%; left: 24%; top: 76%; z-index: 4; }
.game106 .ewmbg { position: absolute; width: 10%; left: 52%; top: 74%; z-index: 5; }
.game106 .ewm { position: absolute; width: 9%; left: 52.5%; top: 75%; z-index: 5; }

.game106 .nav_left { position: fixed; width: 135px; min-width: auto; height: 264px; left: 3%; top: 20%; z-index: 100;
    background: url(/client/images/home2/game106/nav_left.png) no-repeat; background-size: auto 100%; }
.game106 .nav_left ul { position: relative; top: -5px; }
.game106 .nav_left li { font-size: 18px; color: #fff; padding-left: 48px; line-height: 50px; cursor: pointer; }
.game106 .nav_left li.cur { color: #ff0; background: url(/client/images/home2/game106/nav_left_cur.png) no-repeat 4px 12px; }
.game106 .nav_left li:first-child.cur { background: none; }

.game106 > div > .title { position: absolute; width: 30%; left: 35%; top: 5%; z-index: 1; }
.game106 .bg1 { position: absolute; width: 50%; left: 25%; top: 15%; z-index: 1; }
.game106 > div > .img { position: absolute; z-index: 2; }
.game106 .img1 { width: 18%; left: 18%; top: 54%; }
.game106 .img2 { width: 16%; left: 23%; top: 12%; }
.game106 .img3 { width: 26%; left: 38%; top: 14%; }
.game106 .img4 { width: 18%; left: 61%; top: 11%; }
.game106 .img5 { width: 18%; left: 64%; top: 49%; }
.game106 .info { position: absolute; width: 240px;z-index: 3; display: none; }
.game106 .info1 { left: 21%; top: 59%; }
.game106 .info2 { left: 27%; top: 14%; }
.game106 .info3 { left: 38%; top: 28%; }
.game106 .info4 { left: 58%; top: 13%; }
.game106 .info5 { left: 60%; top: 57%; }
.game106 .info .title { position: absolute; top: 18px; left: 30px; font-size: 18px; color: #ffec85; display: block; line-height: 30px; }
.game106 .info .intro { position: absolute; width: 188px; top: 44px; left: 30px; font-size: 14px; color: #fff; display: block; letter-spacing: -1px; line-height: 16px; }

.game106 .bg2 { position: absolute; width: 50%; left: 20%; top: 8%; z-index: 1; }
.game106 .job_nav { position: absolute; right: 16%; top: 15%; width: 18%; }
.game106 .job_nav > div { width: 100%; position: relative; cursor: pointer; }
.game106 .job_nav > div.cur,.game106 .job_nav > div:hover { background: url(/client/images/home2/game106/nav_cur.png) no-repeat; background-size: 100% 100%; }
.game106 .job_nav > div .nav_nocur,.game106 .job_nav > div .nav_cur { width: 29%; margin-left: 16%; height: 29%; }
.game106 .job_nav > div.cur .nav_nocur,.game106 .job_nav > div:hover .nav_nocur { display: none; }
.game106 .job_nav > div .nav_cur { display: none; }
.game106 .job_nav > div.cur .nav_cur,.game106 .job_nav > div:hover .nav_cur { display: block; width: 30%; }
.game106 .job_nav > div span { color: #bbf0ff; font-size: 20px; position: absolute; left: 50%; top: 25%; }
.game106 .job_nav > div.cur span,.game106 .job_nav > div:hover span { color: #FFF; font-size: 24px; top: 22%; }
.game106 .role { position: absolute; width: 50%; left: 14%; top: 18%; z-index: 3; }
.game106 .job_bg { position: absolute; width: 360px; left: 28%; top: 78%; z-index: 4; }
.game106 .job_bg .role_name { position: absolute; color: #ffea74; font-size: 22px; top: 25px; left: 40px; }
.game106 .job_bg .role_intro { position: absolute; color: #FFF; font-size: 16px; top: 55px; width: 280px; left: 40px; letter-spacing: -1px; line-height: 18px; }

.game106 .imgs { width: 60%; left: 20%; overflow: hidden; }
.game106 .swiper-container { width: 80%; max-width: 1336px; overflow: inherit; position: initial; }
.game106 .swiper-container .swiper-slide, .game105 .swiper-container img { max-width: 668px; }
.game106 .imgs .swiper-button-prev,.game106 .imgs .swiper-button-next { background: none; width: 10%; }
.game106 .imgs .swiper-button-prev {  }
.game106 .imgs .swiper-button-prev img { transform:rotate(180deg); }
.game106 .imgs .swiper-button-next {  }
/*.game106 .imgs .swiper-pagination { bottom: 10px; left: 45%; }
.game106 .imgs .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background: #FFF; opacity: 1; margin: 0 5px; }
.game106 .imgs .swiper-pagination .swiper-pagination-bullet-active { background: #FF4C4C; }*/

.game .video_top1 { position: absolute; left: 12%; top: 28%; width: 30%; cursor: pointer; }
.game .video_top2 { position: absolute; right: 12%; top: 28%; width: 30%; cursor: pointer; }
#video1, #video2 { position: fixed; width: 60%; min-width: auto; top: 10%; left: 20%; z-index: 100; display: none; }
#video1 .icon_close, #video2 .icon_close { position: absolute; top: 10px; right: 10px; width: 30px; cursor: pointer; }

/* 107传奇 */
.game107 .ewm_body { top: 67%; }
.game107 .video1 { position: absolute; width: 15%; left: 40%; top: 70%; cursor: pointer; }
.game107 .video1 .video_icon { position: absolute; width: 16%; left: 42%; top: 42%; }

.video { position: fixed; width: 342px; right: 2%; top: 52%; cursor: pointer; z-index: 12; }
.video img { width: 100%; }
.video .video_icon { position: absolute; width: 16%; left: 42%; top: 42%; }

.game107_bg2 { background: rgba(46,34,29,1); min-height: 800px; height: 100%; min-width: 1200px; }
.game107_bg2 .img_bg2 { display: block; margin: 0 auto; width: 202px; padding-top: 30px; }
.role_info { min-width: 1200px; position: relative; margin-top: 116px; width: 100%; height: -webkit-fill-available; }
.role_info .role_bg { position: absolute; width: 100%; left: 0; top: 15%; min-height: 58%; z-index: 1; }
.role_item { position: absolute; z-index: 2; display: none; }
.role_item.cur { display: block; }
.role_item .role_img { margin-left: 5%; width: 850px; }
.role_item .info { position: absolute; left: 110%; top: 5%; width: 20%; height: 90%; min-width:240px; min-height:510px; max-width: 250px; max-height: 600px; background:rgba(69,50,44,1); border-radius:2px; }
.role_item .info > div { position: relative; border:1px solid #584535; width: 90%; height: 95%; margin: 5%; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; font-size: 16px; }
.role_item .name { color: #FFCC7A; font-size: 38px; height: 20%; position: absolute; top: 8%; right: 18%; }
.role_item .i { color: #FFCC7A; border-left: 1px solid #FFDF78; position: absolute; top: 10%; left: 18%; line-height: 30px; }
.role_item .i1 { border-right: 1px solid #FFDF78; left: 31%; }
.role_item .hxj, .role_item .cont { color: #FFF2D5; letter-spacing: 2px; height: 50%; min-height: 300px; position: absolute; top: 28%;  }
.role_item .hxj { left: 8%; border-right: 1px solid rgba(255,242,213,1); line-height: 40px; }
.role_item .cont { left: 28%; line-height: 28px; height: 60%; }
.role_item .sex { width: 30%; position: absolute; bottom: 10px; right: 20px; cursor: pointer; }
.cq_nav { width: 142px; height: 426px; position: absolute; top: 18%; right: 10%; z-index: 10; cursor: pointer; }
.cq_nav > div { text-align: center; color: #FFD584; font-size: 18px; line-height: 142px; width: 142px; height: 142px; background: url(/client/images/home2/game107/tab.png) no-repeat; background-size: 100% 100%; }
.cq_nav > div.cur { background: url(/client/images/home2/game107/tab2.png) no-repeat; background-size: 100% 100%; }

/**footer**/
.footer{padding: 25px 0; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; height: 203px; margin: 0; background-color: #60CEF5; border: none; border-radius: 0;}
.mt25{margin-top: 25px;}
.footer .footer-md-item{display: flex;justify-content: center;}
.footer .footer-md-item .footer-left{margin-right: 54px; border-right: 1px solid #004E76; padding-right: 14px; line-height: 90px;}
.footer .footer-md-item .footer-left span{ color: #F46267; font-size: 30px; margin-left: 10px; }
.footer .footer-md-item .footer-left .footer-logo{height: 68px;}
.footer .footer-md-item .footer-right,.footer .footer-md-item .footer-left{color: #fff;}
.footer .footer-md-item .footer-right p , .footer .footer-md-item .footer-right p a {color: #004E76; font-size: 14px; line-height: 30px; }

/*登录注册框*/
.form { position: fixed; top: 10%; left: 30%; z-index: 20; width: 520px; min-height: 454px; background-color: #fff; border-radius: 20px; padding-left: 80px; padding-right: 80px; }
.form .close { position: absolute; right: 24px; top: 24px; font-size: 24px; }
.form .title { color: #333; font-size: 20px; margin-top: 50px; margin-bottom: 30px; }
.form .title span { display: inline-block; padding-bottom: 10px; }
.form .title span.loginTab2 { margin-left: 110px; }
.form .title span:hover { color: #60CEF5; border-bottom: 4px solid #60CEF5; cursor: pointer; }
.form .title span.active { color: #60CEF5; border-bottom: 4px solid #60CEF5; }
.form input { height: 58px; background-color: #F7F7F7; border-radius: 10px; border: none; width: 360px; margin-bottom: 18px; font-size: 16px; color: #999; padding-left: 20px; }
.form input[name="code"] { width: 240px; margin-right: 2px; }
.form button { height: 58px; border-radius: 10px; border: none; }
.form button.code { width: 113px; background-color: #FFC855; font-size: 16px; color: #fff; }
.form button.submit { width: 360px; background-color: rgba(96, 206, 245, 0.6); font-size: 20px; color: #fff; }
.form .msg { margin-top: 5px; margin-bottom: 10px; color: red; font-size: 16px; text-align: center; }
.login .title { margin-left: 40px; }
.login .fastLogin .submit { margin-top: 22px; margin-bottom: 36px; }
.login .passLogin .submit { margin-top: 20px; margin-bottom: 26px; }
.login .passLogin #forget { margin-top: -8px; text-align: right; }
.login .passLogin a { color: #666666; font-size: 16px; }
.login .notice { text-align: center; margin-bottom: 40px; }
.login .notice a { color: #FFC855; font-size: 16px; text-decoration: underline; }
.login .msg { margin-top: -20px; }
.reg .title { color: #60CEF5; font-size: 26px; text-align: center; margin-top: 44px; margin-bottom: 42px; }
.reg .agreement { color: #B2B2B2; font-size: 12px; margin-top: 10px; margin-bottom: 16px; }
.reg .agreement .checkbox2 { width: 14px; height: 14px; border: 2px solid #999; border-radius: 50%; display: inline-block; margin-right: 8px; position: relative; }
.reg .agreement .checkbox2 span { width: 8px; height: 8px; border-radius: 50%; background-color: #60CEF5; position: absolute; left: 1px; top: 1px; display: none; }
.reg .agreement.active .checkbox2 span { display: block; }
.reg .notice { margin-top: 32px; text-align: center; margin-bottom: 52px; }
.reg .notice a { color: #FFC855; font-size: 16px; text-decoration: underline; }
.forget .title { color: #60CEF5; font-size: 26px; text-align: center; margin-top: 44px; margin-bottom: 42px; }
.forget .notice { margin-top: 52px; text-align: center; margin-bottom: 52px; }
.forget .notice a { color: #FFC855; font-size: 16px; text-decoration: underline; }
.forget button.submit { margin-top: 22px; }

.backdrop {position:fixed;top:0;left:0;z-index:29;width:100%;height:100%;background-color:rgba(0,0,0,.6);}
.popup-container { position: fixed; top: 30%; left: 30%; z-index: 30; width: 520px; min-height: 308px; background-color: #fff; border-radius: 20px; text-align: center; }
.popup-container .title { color: #333333; font-size: 18px; line-height: 36px; margin-top: 66px; }
.popup-container .title img { width: 36px; margin-right: 10px; }
.popup-container .content { color: #333333; font-size: 14px; margin-top: 24px; }
.popup-container .ok-btn { background-color: #60CEF5; width: 360px; height: 58px; border-radius: 10px; border: none; color: #fff; font-size: 20px; margin-top: 44px; margin-bottom: 60px; }

.disable-btn,a.disable-btn,button.disable-btn {background:#555;cursor:not-allowed;pointer-events:none;}
.form .code.disable-btn {background:#555;cursor:not-allowed;pointer-events:none;}