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 { border: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, li { display: block; }
body { line-height: 1;  }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: bottom; }
button, input[type=button] { overflow: visible; box-sizing: content-box; }
label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
button, input, select, textarea { margin: 0; } 
button, input[type=button] { width: auto; overflow: visible; } 
input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { padding: 0; margin: 0; }

body{font: 14px/30px "Microsoft Yahei"; min-width: 1200px; }

.cl:before, .cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
.fl { float: left; }
.fr { float: right; }
.f18 { font-size: 18px; }
.f16 { font-size: 16px; }
.fw7 { font-weight: 700; }
.fw4 { font-weight: 400; }
.pr { position: relative; }
.pa { position: absolute; }
.vm { vertical-align: middle; }
.tac { text-align: center; }
.none { display: none; }
a { color: #140d0d; text-decoration: none; }
a:hover { color: #db4828; }
.a1 { color: #db4828; }
.wrap { width: 1200px; margin-left: auto; margin-right: auto; }

.main_menu { height: 64px; background: rgba(255, 255, 255, 0.81); line-height: 64px; position: absolute;left: 0;top:0;right: 0;z-index: 2;}
.main_menu .menu_wrap { margin-right: auto; margin-left: auto; width: 1200px; }
.main_menu li { float: left; }
.main_menu li:before { content: ""; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background: #cfcfcf; }
.main_menu li:first-child:before { display: none; }
.main_menu li.on a { color: #db4828; font-weight: 700; }
.main_menu li.on a:before { opacity: 1; }
.main_menu li.newsIcon{background: url("search-hot.gif") 108px 13px no-repeat;}
.main_menu li a { display: inline-block; padding: 0 30px; height: 100%; font: 16px/64px "Microsoft Yahei"; color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; position: relative; }
.main_menu li a:hover { color: #db4828; }
.main_menu li a:hover:before { opacity: 1; }
.main_menu li a:before { content: ""; position: absolute; height: 4px; background: #db4828; opacity: 0; width: calc(100% - 60px); top: 47px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.float_recharge{ display:block;position: fixed; width:328px;right:0;top:720px;z-index:100;}
.float_a2{width:328px; height:135px; background:url(float_recharge.png);display: block; text-indent:-9999px; overflow:hidden;}

.hero .date{
	width: 394px;
	height: 124px;
	background: url(date.png) no-repeat;
	position: absolute;
	top: 40px;
	left: 0px;
}
.hero .logo { top: -8px; left: 5px; width: 170px; }
.hero .logo img { width: 100%; }
.hero{ position: relative; }
.hero .wrap { position:relative; height: 636px;/*margin-top: 64px;*/ }

/*.slogan{position:absolute; width:738px;height: 348px; left:446px; top:8px;background: url(slogan.png) no-repeat center;background-size: 100% auto;}
.slogan-today{ position:absolute;width:738px;height: 348px; left:446px; top:8px;background: url(slogan.png) no-repeat center;background-size: 100% auto;}*/

#video_btn{ position:absolute; bottom:-85px;left: 1180px; width:53px; height:68px; cursor:pointer;background: url(btn-play.png);}
/*.slogan #video_btn{bottom: 37px;right: 140px;}
.slogan1022 #video_btn{bottom: 37px;right: 80px;}*/



.hero .book { bottom: 0; left: 0; background: rgba(255, 255, 255, 0.59); border: 1px solid #FFF; border-bottom: 0 none; padding: 5px 8px 5px 0; white-space: nowrap; word-break: keep-all; }
.hero .txt { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; *writing-mode: tb-rl; color: #000; font-size: 14px; display: block; width: 22px; line-height: 22px; letter-spacing: 2px; padding-top: 8px; }
.hero .qr { background: url("wx_qr_bg.png") 0 0 no-repeat; width: 127px; height: 127px; float: left; }
.hero .qr img { margin-top: 10px; width: 110px; }
.hero .music { position: absolute; left: 50%; width: 20px; height: 20px; margin-left: 610px; top: -42px; display: none; }
.hero .music span { position: absolute; width: 2px; left: 0; bottom: 0; background-color: #000; }
.hero .music span:nth-child(1) { left: 0; height: 13px; }
.hero .music span:nth-child(2) { left: 5px; height: 19px; }
.hero .music span:nth-child(3) { left: 10px; height: 17px; }
.hero .music span:nth-child(4) { left: 15px; height: 11px; }
.hero .music.active span { -webkit-animation: musicShort .4s linear infinite both alternate; animation: musicShort .4s linear infinite both alternate; }
.hero .music.active span:nth-child(2) { -webkit-animation-name: musicLong; animation-name: musicLong; -webkit-animation-delay: .2s; animation-delay: .2s; }
.hero .music.active span:nth-child(3) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.hero .music.active span:nth-child(4) { -webkit-animation-name: musicLong; animation-name: musicLong; -webkit-animation-delay: .4s; animation-delay: .4s; }
.hero .music.pause .audio-anim span { -webkit-animation: none; animation: none; }
.hero .btns { margin-left: 7px; width: 212px; box-sizing: border-box; }
.hero .btns a { display: block; height: 56px; background: #999; color: #FFF; margin-top: 6px; font: 16px/56px "Microsoft Yahei"; padding-left: 20px; border-radius: 5px; }
.hero .btns a:before { content: ""; display: inline-block; width: 24px; height: 27px; margin-right: 20px; vertical-align: middle; background: url("icons.png") -470px -580px no-repeat; }
.hero .btns a.ios { background: #3698d7; }
.hero .btns a.ios:before { background-position: -440px -580px; width: 23px; height: 26px; margin-right: 21px; }
.hero .book-btn, .hero .activation-btn { background: url("bookbtn.png") -1px 0 no-repeat; width: 126px; height: 126px; margin-left: 6px; margin-top: 1px; text-indent: -999em; outline: none; }
.hero .activation-btn { background-image: url("activebtn.png"); }


.side-nav { position: fixed; z-index: 1000; left: 0px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.side-nav .ctrl-btn { background: url(btn_shouqi.png); width: 30px; height: 95px; position: absolute; right: -30px; top: 17px; cursor: pointer; }
.side-nav .ctrl-btn.unfold { background: url(btn_zhankai.png);}
.side-nav .side-box { width: 216px; height:742px; color: #7b6936; background: url(l_bar_bg.png); }
.side-nav .side-box a { color: #FFF; }
.side-nav .txt { padding-top:16px; overflow: hidden;}
.side-nav dl { position: relative; white-space: nowrap; padding-top: 10px; width: 182px; margin: -3px auto 15px; line-height: 20px; }
.side-nav dl:before { content: ""; position: absolute; background: url("side-icon.png") 0 -198px no-repeat; width: 181px; height: 2px; left: 50%; margin-left: -90px; top: -2px; opacity: 0.35; }
.side-nav .title { font: 700 16px/34px "Microsoft Yahei"; color: #7b6936; }
.color_red{ color:#aa2524}
.side-nav .title:before { content: ""; display: inline-block; vertical-align: middle; background: url(l_weixin.png) ; width: 33px; height: 33px; margin-right: 7px; }
.side-nav .title2:before{ background: none;}
.side-nav .side-item2 .title:before {background: url(l_weibo.png) ;}
.side-nav .side-item3 .title:before {background: url(l_qq.png) ;}
.side-nav .qr { display: block; margin: 9px auto 3px; background: url(ma_bg.png); width: 121px; height: 121px; text-align: center; line-height: 121px; }
.side-nav .qr img { width: 97px; vertical-align: middle; }
.side-nav p.tac span { text-align: left; display: inline-block; }
.side-nav .side-item3 p { line-height: 24px; padding-top: 7px; }
.side-nav .side-item3 dd{ padding-top:12px;}
.side-nav .side-item3 p a.fr { display: inline-block; background: url("side-icon.png") -80px -130px no-repeat; width: 66px; height: 24px; text-align: center; margin-right: -5px; }

.news-area { max-width: 1980px; height: 392px; margin: 0 auto; }
.news-area .wrap { background: #FFF; }
.news-area .news-slide { width: 620px; z-index: 10; }
.news-area .news-slide .news-slide-box { height: 375px; overflow: hidden; }
.news-area .news-slide .hd { height: 16px; position: absolute; right: 17px; bottom: 20px; z-index: 10; }
.news-area .news-slide .hd ul { float: right; }
.news-area .news-slide .hd ul li { border-radius: 8px; width: 16px; background: #FFF; text-indent: -99em; height: 16px; float: left; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #eeeded; margin: 0 9px; }
.news-area .news-slide .hd ul li.on { width: 43px; }
.news-area .news-slide .bd li { height: 100%; }
.news-area .news-slide .bd li img{ width:620px; height:375px;}
.news-area .news-slide .bd li a { display: block; height: 100%; }
.news-area .news-r { width: 340px; height:364px; margin-left: 20px; overflow:hidden}
.news-area .news-focus { padding: 15px 0; background: url("line3.png") 0 100% repeat-x; }
.news-area .news-focus dt { width: 147px; height: 88px; margin-right: 20px; }
.news-area .news-focus dt img { width: 147px; height: 88px; }
.news-area .news-focus dd { margin-right: 12px; }
.news-area .news-focus dd p { line-height: 20px; height: 40px; color: #313131; }
.news-area .news-focus dd p a { color: #313131; }
.news-area .news-focus h2 { font: 700 20px/40px "Microsoft Yahei"; color: #313131; height: 40px; overflow: hidden; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; }
.news-area .news-focus h2 a { color: #313131; }
.news-area .news-focus h2 a:hover { color: #db4828; }
.news-area .glim { top: -13px; right: -53px; }
.news-area .bottom-line { width: 100%; height: 1px; left: 0; bottom: 0; background-color: #e8e8e8; }
.news-area .news-list .hd { border-bottom: 1px solid #dadada;background: url("line3.png") 0 top repeat-x }
.news-area .news-list .hd li { float: left; padding-right: 30px; color: #000; font: 700 16px/46px "Microsoft Yahei"; height: 46px; }
.news-area .news-list .hd li a { color: #000; padding: 0 2px; position: relative; display: inline-block; height: 100%; }
.news-area .news-list .hd li a:before { position: relative; bottom: -44px; content: ""; height: 3px; display: block; }
.news-area .news-list .hd li.on a { color: #db4828; }
.news-area .news-list .hd li.on a:before { background-color: #db4828; }
.news-area .news-list .bd .box { padding-top: 12px; margin-left: -3px; }
.news-area .news-list .bd .box .more { position: absolute; background: url("icons.png") -420px -20px no-repeat; width: 24px; height: 24px; right: 0; top: -32px; }
.news-area .news-list .bd li { height: 35px; overflow: hidden; color: #c0c0c0; }
.news-area .news-list .bd li a { max-width: 276px; display: inline-block; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; }

.m-title { background: url("icons.png") 0 -100px no-repeat; width: 1140px; height: 53px; text-indent: -9999em; margin-left: auto; margin-right: auto; }

.role-area { background: url("role-bg.jpg") 50% 100% no-repeat; height: 1043px; overflow: hidden; }
.role-area .m-title { background-position: 0 -100px; }
.role-area .wrap { height: 812px; }
.role-area .hd { width: 1138px; height:48px; margin:46px auto 0; box-sizing: border-box; position: relative; background:url(zy_tab_bg.png); z-index: 1; }

.role-area .hd ul { height: 46px;text-align: center; line-height: 46px; font-size: 0; }
.role-area .hd li { display: inline-block; width: 106px; height: 34px; font: 18px/34px "Microsoft Yahei"; color: #232424; vertical-align: middle; cursor: pointer; position: relative; margin: 0 18px; }
.role-area .hd li:after { content: ""; position: absolute; width: 1px; height: 20px; top: 50%; margin-top: -8px; right: -30px;background-color: #232424; transform:rotate(15deg);-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);}
.role-area .hd li:last-child:after { display: none; }
.role-area .hd li.on {color: #fff;background: url(tab_zy_on.png) no-repeat center; }
.role-area .bd { height: 557px; margin-top: 123px; }
.role-area .bd .role-box { position: relative; height: 100%; }
.role-area .prev, .role-area .next { width: 30px; height: 60px; background: url("icons.png") 0 0 no-repeat; top: 380px; cursor: pointer; }
.role-area .prev { left: 7px; background-position: -280px 0; }
.role-area .prev:hover { background-position: -1000px 0; }
.role-area .next { right: 19px; background-position: -330px 0; }
.role-area .next:hover { background-position: -1040px 0; }
.role-area .role-box { color: #FFF; }
.role-area .role-box .feature { margin-left: -13px; }
.role6-f{margin-left: 30px;}
.role-area .role-box .dfcut { line-height: 24px; font-size: 18px; margin-top: 15px; }
.role-area .role-box .dfcut span { display: inline-block; background: url("icons.png") -770px 0 no-repeat; width: 23px; height: 23px; margin-right: 5px; vertical-align: middle; }
.role-area .role-box .dfcut .half { background-position: -800px 0; }
.role-area .role-box .info { top: 39px; left: 78px; z-index: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; }
.role-area .role-box .info .link { padding-top: 8px; }
.role-area .role-box .info .link a { display: block; width: 143px; height: 43px; outline: none; text-indent: -999em; background: url("icons.png") -450px 0 no-repeat; margin-top: 6px; }
.role-area .role-box .info .link .whole { background-position: -610px 0; }
.role-area .role-box .sel-sex { margin: 28px 0 -3px; }
.role-area .role-box .sel-sex span { display: inline-block; width: 40px; height: 40px; margin-right: 14px; background: url("icons.png") -160px 0 no-repeat; }
.role-area .role-box .sel-sex .men:hover, .role-area .role-box .sel-sex .men.on { background-position: -60px 0; }
.role-area .role-box .sel-sex .women { background-position: -210px 0; }
.role-area .role-box .sel-sex .women:hover, .role-area .role-box .sel-sex .women.on { background-position: -110px 0; }

.role-area .role-box .sel-sex2 { margin: 28px 0 -3px; }
.role-area .role-box .sel-sex2 span { display: inline-block; width: 40px; height: 40px; margin-right: 14px; background: url("icons.png") -160px 0 no-repeat; }
.role-area .role-box .sel-sex2 .women { background-position: -110px 0; }
.role-area .role-box .sel-sex2 .men {background-position: -60px 0;}
.role-area .role-box .role-women, .role-area .role-box .role-men { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; }
.role-area .role-box .spokesman { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; right: 100px; top: 90px; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; }
.role-area .role-box.role6 .role-men { left: 275px; top: 0px; }
.role-area .role-box.role5 .role-women { left: 350px; top: 0px; }
.role-area .role-box.role0 .role-men { left: 56px; top: -60px; }
.role-area .role-box.role0 .role-women { left: 126px; top: 0px; }
.role-area .role-box.role1 .role-men { left: 186px; top: -98px; }
.role-area .role-box.role1 .role-women { left: 186px; top: -98px; }
.role-area .role-box.role2 .role-men { left: 146px; top: -65px; } 
.role-area .role-box.role2 .role-women { left: 146px; top: -46px; }
.role-area .role-box.role3 .role-men { left: 250px; top: -140px; }
.role-area .role-box.role3 .role-women { left: 310px; top: -97px; }
.role-area .role-box.role4 .role-men { left: 189px; top: -120px; }
.role-area .role-box.role4 .role-women { left: 189px; top: -134px; }
.role-area .role-box.role8 .role-men { left: 189px; top:-50px; }
.role-area .role-box.role8 .role-women { left: 189px; top: -50px; }
.section1 { background: url("section02-bg.jpg") 50% 0 no-repeat; height: 790px; overflow: hidden; }
.section1 .m-title { background-position: 0 -180px;margin-top: 5em;}
.section1 .swiper-cont { width: 100%; max-width: 1712px; margin: 55px auto 0; overflow: hidden; height: 476px; position: relative; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both;visibility: visible; }
.section1 .swiper-cont .swiper-slide { overflow: hidden; }
.section1 .swiper-cont .swiper-slide img { width: 860px; height: 420px; }
.section1 .swiper-cont .swiper-slide a { display: block; width: 860px; height: 420px; }
.section1 .swiper-cont .swiper-slide a:after { content: ""; position: absolute; background: url("slide-bg.png"); width: 100%; height: 100%; left: 0; top: 0; }
.section1 .swiper-cont .zc-pagination { position: absolute; bottom: 0; height: 21px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url("line1.png") 0 50% repeat-x; padding: 0 22px; }
.section1 .swiper-cont .zc-pagination:before, .section1 .swiper-cont .zc-pagination:after { content: ""; background: url("icons.png") -420px 0 no-repeat; width: 11px; height: 11px; top: 50%; margin-top: -5px; position: absolute; }
.section1 .swiper-cont .zc-pagination:before { left: -11px; }
.section1 .swiper-cont .zc-pagination:after { right: -11px; }
.section1 .swiper-cont .zc-pagination span { display: inline-block; background: url("icons.png") -390px 0 no-repeat; width: 21px; height: 21px; cursor: pointer; margin: 0 34px; }
.section1 .swiper-cont .zc-pagination .swiper-active-switch { background-position: -390px -30px; }
.section1 .swiper-container { width: 2580px; position: absolute; left: 50%; margin-left: -1290px; height: 420px; overflow: hidden; }
.section1 .btn-swiper { width: 30px; height: 336px; position: absolute; top: 42px; width: calc(50% - 430px); cursor: pointer; z-index: 10; }
.section1 .btn-swiper:after { content: ""; position: absolute; background: url(icons.png) 0 0 no-repeat; width: 30px; height: 60px; top: 50%; margin-top: -30px; }
.section1 .btn-prev { left: 0; }
.section1 .btn-prev:after { right: 60px; background-position: -280px 0; }
.section1 .btn-next { right: 0; width: calc(50% - 430px); background-position: -280px 0; }
.section1 .btn-next:after { left: 60px; background-position: -330px 0; }

.section2 { overflow: hidden; background: url("section01-bg.jpg") center bottom no-repeat;height: 683px; }
.section2 .m-title { background-position: 0 -260px; }
.section2 .wrap { height: 790px; }
.section2 .video-area .hd { margin-top: 43px; }
.section2 .video-area .hd ul { font-size: 0; line-height: 0; text-align: center; }
.section2 .video-area .hd li { position: relative; display: inline-block; height: 32px; margin: 0 40px; }
.section2 .video-area .hd li:before { content: ""; background: #a6a6a6; height: 16px; top: 50%; position: absolute; width: 1px; margin-top: -8px; left: -40px; }
.section2 .video-area .hd li:first-child:before { display: none; }
.section2 .video-area .hd li.on span { color: #FFF; background-position: -10px 0; }
.section2 .video-area .hd li.on span:before { background-position: 0 0; }
.section2 .video-area .hd li.on span:after { background-position: 100% 0; }
.section2 .video-area .hd li span { background: url("menu-bg.jpg") -500px -100px no-repeat; font: 16px/32px "Microsoft Yahei"; display: inline-block; position: relative; min-width: 89px; color: #000; cursor: pointer; }
.section2 .video-area .hd li span:before, .section2 .video-area .hd li span:after { content: ""; position: absolute; width: 10px; height: 100%; top: 0; background: url("menu-bg.jpg") -500px -100px no-repeat; }
.section2 .video-area .hd li span:before { background-position: -500px -100px; left: -10px; }
.section2 .video-area .hd li span:after { background-position: -500px -100px; right: -10px; }
.section2 .video-area .hd .more { width: 67px; height: 21px; box-sizing: border-box; text-align: center; border: 1px solid #b9b9b9; color: #000; font: 16px/18px "Microsoft Yahei"; display: inline-block !important; }
.section2 .video-area .hd .more a { color: #000; font: 16px/18px "Microsoft Yahei"; }
.section2 .video-area .hd .more a:hover { color: #db4828; border-color: #db4828; }
.section2 .bd { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
.section2 .viedo-box { position: relative; }
.section2 .viedo-box ul { margin-left: -8px; margin-top: 35px; }
.section2 .viedo-box li { float: left; margin-left: 10px; width: 292px; margin-bottom: 6px; }
.section2 .viedo-box li a { display: block; position: relative; }
.section2 .viedo-box li a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.section2 .viedo-box li a:hover i { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.section2 .viedo-box li a i { position: absolute; background: url("icons.png") -60px -580px no-repeat; width: 44px; height: 44px; left: 50%; margin-left: -22px; top: 65px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.section2 .viedo-box li a .txt { display: block; font: 16px/52px "Microsoft Yahei"; color: #000; height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; }
.section2 .viedo-box li a .cover { display: block; height: 175px; overflow: hidden; }
.section2 .viedo-box li a .cover img { height: 175px; width: 292px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.section3 { overflow: hidden; background: url("section03-bg.jpg") 50% 0 no-repeat; }
.section3 .wrap { height: 946px; }
.section3 .faq-qr-wrap { padding-top: 115px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
.section3 .m-title { background:url(main_bot_t.png); width: 937px; height: 30px; }
.section3 .qr-list { margin-top: 67px; height: 219px; }
.section3 .qr-list span { display: inline-block; margin: 0 25px; width: 242px; height: 134px; position: relative; }
.section3 .qr-list .tb {background:url(tieba-code.png); }
.section3 .qr-list .faq {background:url(kefu-code.png);}
.section3 .qr-list .bbs{ background: url(bbs-code.png);}
.section3 .qr-list .wx { background: url(weixin-code.png);}
.section3 .qr-list img { position: absolute; width: 90px; height: 90px; top: 13px; right: 13px; }

.videoPop { width: 600px; height: 400px; z-index: 20; border: 10px solid #a69660; background-color: #000;display: none; }
#videoPlay{ width: 600px; height: 400px;}
.closeVideo { position: absolute; height: 73px; width: 73px; right: -73px; top:0; background: url(prompt_video_close.png); background-size: 100% 100%; display: none; cursor: pointer; }

#backTop { color: #5185d4; font: 16px/33px "Microsoft Yahei"; width: 137px; height: 35px; box-sizing: border-box; border: 1px solid #5185d4; display: block; margin: 0 auto; text-align: center; cursor: pointer; }

#zl_backTop { color: #FFF; font: 16px/34px "Microsoft Yahei"; width: 137px; height: 35px; background: #85afc6; display: block; margin: 0 auto; text-align: center; cursor: pointer; }

.zl-hero {background-image: url("zl-hero.jpg"); }
.zl-hero .wrap { height: 918px; }
.zl-hero .book { bottom: auto; top: 674px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; width: 632px; border: 1px solid #FFF; }
.zl-hero .slogan { background: url("slogan.png") 0 0 no-repeat; width: 222px; height: 472px; left: 0; top: 80px; cursor: pointer; }

.zl-m1 { background: url("zl-m1.jpg") 50% 0 no-repeat; }
.zl-m1 .wrap { height: 839px; }
.zl-m1 .m-title { background-position: 0 -640px; }
.zl-m1 .tab01-box { margin-top: 60px; }
.zl-m1 .tab01-box .hd .on span { background-position: -180px -920px; }
.zl-m1 .side-menu { margin: 63px auto 0 38px; width: 1130px; }
.zl-m1 .side-menu h3 { float: right; width: 81px; height: 487px; margin-left: 2px; overflow: hidden; }
.zl-m1 .side-menu h3.cur img { margin-top: -500px; }
.zl-m1 .side-menu div { width: 0; overflow: hidden; float: right; height: 100%; }
.zl-m1 .side-menu.side-menu-1 span { width: 944px; }
.zl-m1 .side-menu.side-menu-2 span { width: 787px; }

.zl-m2 { background-image: url("zl-m2.jpg"); height: 1023px; margin-top: 0; overflow: hidden; }
.zl-m2 .hd:before { background-position: -500px -920px; }
.zl-m2 .hd:after { background-position: -520px -920px; }
.zl-m2 .hd ul { border-top: 1px solid #b2d4eb; border-bottom: 1px solid #b2d4eb; background: #d2eef6; }
.zl-m2 .hd li.on { background-position: -360px -920px; }

.zl-m3 { background: url("zl-m3.jpg") 50% 0 no-repeat; }
.zl-m3 .wrap { height: 745px; }
.zl-m3 .m-title { background-position: 0 -710px; }
.zl-m3 .box { margin-top: 43px; padding-left: 405px; }
.zl-m3 a.more { background: url("icons.png") -800px -580px no-repeat; width: 127px; height: 35px; box-sizing: border-box; padding-left: 43px; font: 16px/34px "Microsoft Yahei"; color: #e0fcf7; top: 482px; left: 102px; }

.game-system-list { padding-top: 10px; }
.game-system-list dt { width: 145px; line-height: 54px; }
.game-system-list dt a { color: #FFF; background: url("menu-bg.jpg") 0 -200px; display: inline-block; padding-left: 9px; height: 32px; line-height: 32px; cursor: default; }
.game-system-list dt span { min-width: 88px; padding-right: 9px; background: url("menu-bg.jpg") 100% -200px; text-align: center; display: inline-block; height: 32px; line-height: 32px; vertical-align: top; }
.game-system-list dd { line-height: 54px; background: url("line4.png"); margin-left: 145px; }
.game-system-list dd a { display: inline-block; padding: 0 16px; margin-right: 15px; height: 54px; vertical-align: top; }

.tab01-box .hd ul { font-size: 0; line-height: 0; text-align: center; }
.tab01-box .hd li { position: relative; margin: 0 40px; display: inline-block; }
.tab01-box .hd li:hover span { color: #1186d4; }
.tab01-box .hd li.on span { background-position: 0 -920px; color: #FFF; }
.tab01-box .hd li:before { content: ""; background: #a6a6a6; height: 28px; top: 50%; position: absolute; width: 1px; margin-top: -14px; left: -40px; }
.tab01-box .hd li:first-child:before { display: none; }
.tab01-box .hd span { display: inline-block; width: 159px; height: 53px; text-align: center; background: url("icons.png") -9999px -9999px no-repeat; font: 26px/52px "Microsoft Yahei"; color: #000; cursor: pointer; }

.zl-m4 { background: url("zl-m4.jpg") 50% 0 no-repeat; }
.zl-m4 .wrap { height: 843px; }
.zl-m4 .m-title { background-position: 0 -780px; }
.zl-m4 .tab01-box { margin-top: 57px; }
.zl-m4 .bd ul { margin-left: -8px; margin-top: 36px; }
.zl-m4 .bd li { margin-left: 10px; width: 292px; height: 175px; margin-bottom: 11px; }
.zl-m4 .bd li a { position: relative; width: 100%; height: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: block; }
.zl-m4 .bd li a:hover { -o-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.zl-m4 .bd li img { width: 100%; height: 100%; }
.zl-m4 .bd li span { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); text-align: center; color: #FFF; font: 16px/40px "Microsoft Yahei"; height: 40px; }

.zl-m5 { background: url("zl-m5.jpg") 50% 0 no-repeat; }
.zl-m5 .wrap { height: 540px; }
.zl-m5 .m-title { background-position: 0 -850px; }
.zl-m5 ul { margin-top: 70px; height: 303px; }
.zl-m5 li { width: 126px; margin: 0 55px; }
.zl-m5 li a { top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.zl-m5 .icon { display: block; background: url("icons.png") -780px -430px no-repeat; height: 126px; line-height: 126px; }
.zl-m5 .icon img { width: 68px; height: 68px; vertical-align: middle; border: 1px solid #bdd3de; }
.zl-m5 p { font: 16px/30px "Microsoft Yahei"; color: #000; }
.zl-m5 p:before, .zl-m5 p:after { content: ""; vertical-align: middle; display: inline-block; background: url("icons.png") -1080px 0 no-repeat; width: 29px; height: 7px; }
.zl-m5 p:before { margin-right: 7px; }
.zl-m5 p:after { background-position: -1080px -10px; margin-left: 7px; }

.page-hero { background: url("page-hero.jpg") 50% 0 no-repeat; }
.page-hero .wrap { height: 513px; }

.page-wrap { background: url("page-b-bg.jpg") 50% bottom no-repeat; padding-bottom: 80px; }
.page-wrap .left-area { width: 222px; background: #a5dbf4; }
.page-wrap .left-area .ios_down, .page-wrap .left-area .and_down { display: block; height: 45px; background: #999999; color: #FFF; font: 16px/44px "Microsoft Yahei"; padding-left: 15px; border-radius: 4px; width: 171px; margin: 4px auto 0; }
.page-wrap .left-area .ios_down:before, .page-wrap .left-area .and_down:before { content: ""; display: inline-block; width: 20px; height: 24px; margin-right: 10px; vertical-align: middle; background: url("icons.png") -540px -580px no-repeat; }
.page-wrap .left-area .ios_down { background: #0a0a0a; }
.page-wrap .left-area .ios_down:before { background-position: -510px -580px; }
.page-wrap .left-area .other-menu { background: url("other-menu.png") 0 0 repeat-y; width: 207px; padding: 7px 19px 7px 18px; margin: 21px auto 14px; box-sizing: border-box; }
.page-wrap .left-area .other-menu li { display: inline-block; height: 46px; font: 14px/46px "Microsoft Yahei"; width: 82px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.page-wrap .left-area .other-menu li a { color: #FFF; }
.page-wrap .left-area .other-menu li a:hover { text-decoration: underline; }
.page-wrap .left-area .other-menu li:nth-child(even) { width: 81px; border-left: 1px solid rgba(255, 255, 255, 0.15); text-align: right; }
.page-wrap .left-area .other-menu li:nth-last-child(1), .page-wrap .left-area .other-menu li:nth-last-child(2) { border-bottom: 0 none; }
.page-wrap .left-area .m-qr .hd { height: 24px; }
.page-wrap .left-area .m-qr .hd span { width: 73px; height: 23px; border: 1px solid #40a4d2; border-bottom: 0 none; box-sizing: border-box; display: inline-block; font: 16px/22px "Microsoft Yahei"; color: #40a4d2; }
.page-wrap .left-area .m-qr .hd span.on { color: #FFF; background: #40a4d2; }
.page-wrap .left-area .f-wb { width: 206px; height: 55px; margin: 0 auto 12px; background: #40a4d2; box-sizing: border-box; padding-left: 21px; font: 16px/54px "Microsoft Yahei"; display: block; color: #FFF; }
.page-wrap .left-area .f-wb:before { content: ""; display: inline-block; vertical-align: middle; background: url("icons.png") -570px -580px no-repeat; width: 44px; height: 44px; margin-right: 15px; margin-top: -1px; }
.page-wrap .left-area .backtop { display: inline-block; height: 18px; font: 16px/18px "Microsoft Yahei"; color: #274382; cursor: pointer; }
.page-wrap .left-area .backtop:before { content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-right: 6px; background: url("icons.png") -620px -580px no-repeat; margin-top: -2px; }
.page-wrap .right-area { width: 950px; min-height: 1000px; }
.page-wrap .book-btn, .page-wrap .activation-btn { display: block; height: 68px; text-indent: -999em; outline: none; cursor: pointer; }
.page-wrap .book-btn { background: url("bookbtn-s.png"); }
.page-wrap .activation-btn { background: url("activebtn-s.png"); }
.page-wrap .qr-l-1 { margin-top: 27px; }
.page-wrap .left-libao{padding-top: 17px;}
.page-wrap .left-libao a{display: block; width: 222px; height: 68px; overflow: hidden; text-indent: -999px; background: url(leftbtn.png) no-repeat 0 0;}
.page-wrap .left-down{padding-top: 17px;}
.page-wrap .left-down a{display: block; width: 171px; height: 45px; overflow: hidden; text-indent: -999px; background: url(leftbtn.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 4px;}
.page-wrap .left-down a.ios{background-position: -27px -85px;}
.page-wrap .left-down a.and{background-position: -27px -134px;}


.qr-l { width: 161px; margin-left: auto; margin-right: auto; font: 16px/22px "Microsoft Yahei"; color: #135e81; margin-bottom: 10px; }
.qr-l dt { background: url("icons.png") -940px -420px no-repeat; width: 161px; height: 161px; line-height: 161px; margin-bottom: 12px; }
.qr-l dt img { width: 135px; height: 135px; vertical-align: middle; }

.pagetitle { padding-top: 35px; }
.pagetitle h2 { font: 700 26px/28px "Microsoft Yahei"; }
.pagetitle h2 .en { height: 28px; vertical-align: baseline; color: #b3b3b3; font-size: 16px; font-weight: 400; position: relative; margin-left: 16px; }
.pagetitle h2 .en:before { content: ""; position: absolute; background: url("icons.png") -970px -20px; width: 9px; height: 23px; vertical-align: middle; left: -8px; top: -3px; }

.crumbs { text-align: right; font: 16px/20px "Microsoft Yahei"; color: #7d7d7d; }
.crumbs a { color: #7d7d7d; padding: 0 3px; }
.crumbs a:hover { color: #db4828; }
.crumbs:after { content: ""; margin-top: 7px; display: block; height: 1px; background: #cbcbcb; margin-left: -28px; }

.title-s2 ul { font-size: 0; line-height: 0; text-align: center; }
.title-s2 li { position: relative; margin: 0 90px; display: inline-block; }
.title-s2 li.on span, .title-s2 li.on a { background-position: -300px -580px; color: #1186d4; font-weight: 700; }
.title-s2 li:hover span, .title-s2 li:hover a { color: #1186d4; }
.title-s2 li:before { content: ""; background: #a6a6a6; height: 18px; top: 50%; position: absolute; width: 1px; margin-top: -9px; left: -90px; }
.title-s2 li:first-child:before { display: none; }
.title-s2 span, .title-s2 a { display: inline-block; width: 128px; height: 43px; text-align: center; background: url("icons.png") -9999px -9999px no-repeat; font: 18px/42px "Microsoft Yahei"; color: #000; cursor: pointer; }

.title-s ul { font-size: 0; line-height: 0; text-align: center; }
.title-s li { position: relative; margin: 0 80px; display: inline-block; }
.title-s li.on:hover span, .title-s li.on:hover a { color: #FFF; }
.title-s li.on span, .title-s li.on a { background-position: -600px -920px; color: #FFF; font-weight: 700; }
.title-s li:hover span, .title-s li:hover a { color: #1186d4; }
.title-s li:before { content: ""; background: #a6a6a6; height: 18px; top: 50%; position: absolute; width: 1px; margin-top: -9px; left: -80px; }
.title-s li:first-child:before { display: none; }
.title-s span, .title-s a { display: inline-block; width: 142px; height: 46px; text-align: center; background: url("icons.png") -9999px -9999px no-repeat; font: 18px/46px "Microsoft Yahei"; color: #000; cursor: pointer; }

.pic-list-wrap .title-s { margin: 40px 0 30px; }

.pic-list ul { margin-left: -36px; }
.pic-list li { float: left; width: 252px; margin: 0 23px 0  49px; height: 243px; }
.pic-list span { display: block; text-align: center; margin-top: 5px; font: 14px/24px "Microsoft Yahei"; color: #000; }
.pic-list img { width: 252px; height: 151px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.pic-list a { display: block; }
.pic-list a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.pic-list a:hover span { color: #db4828; }

.page { text-align: center; }
.page a { border: 1px solid #40a4d2; min-width: 25px; font-size: 25px; font: 18px/24px "Microsoft Yahei"; color: #000; text-align: center; padding: 0 8px; margin: 0 13px; }
.page a:hover, .page a.on { background: #e0e0e0; }

.category-nav { padding-top: 28px; }
.category-nav li { margin: 0 6px 0 18px; }
.category-nav li.on a { color: #FFF; background: url("icons.png") -660px -580px no-repeat; }
.category-nav a { display: inline-block; width: 109px; height: 45px; text-align: center; font: 22px/44px "Microsoft Yahei"; color: #4a4a4a; }
.category-nav a:hover { color: #db4828; }

.arc-list { padding-bottom: 69px; }
.arc-list li { border-bottom: 1px dotted #7d7d7d; height: 78px; line-height: 78px; }
.arc-list i { display: inline-block; position: relative; min-width: 48px; padding: 0 6px; box-sizing: border-box; color: #FFF; background: #8bb4db; height: 23px; font: normal 18px/22px "Microsoft Yahei"; margin-top: 28px; margin-right: 25px; vertical-align: top; }
.arc-list i:before, .arc-list i:after { content: ""; position: absolute; left: 0; width: 100%; border-left: 3px solid #FFF; border-right: 3px solid #FFF; height: 3px; background: #8bb4db; box-sizing: border-box; }
.arc-list i:before { top: 0; }
.arc-list i:after { bottom: 0; }
.arc-list a { display: inline-block; max-width: 700px; height: 24px; margin-top: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; font: 18px/24px "Microsoft Yahei"; color: #000; vertical-align: top; }
.arc-list a:hover { color: #db4828; }
.arc-list span.fr { color: #7d7d7d; font-size: 18px; padding-right: 8px; }

.article-wrap { min-height: 1200px; width: 910px; }
.article-wrap .art-title { padding: 40px 0; }
.article-wrap .art-title h1 { font: 700 30px/45px "Microsoft Yahei"; text-align: center; color: #353535; }
.article-wrap .art-title p { color: #525252; margin-top: 5px; }
.article-wrap .art-title .time { margin-left: 50px; }
.article-wrap .art-bd { font: 16px/24px "Microsoft Yahei"; color: #525252; }
.article-wrap .art-bd p { margin-top: 20px; }
.article-wrap .art-bd img { max-width: 100%; }
.article-wrap .art-bd iframe, .article-wrap .art-bd video, .article-wrap .art-bd embed { max-width: 100%; margin-left: auto; margin-right: auto; }

.swiper-slide-shadow-right, .swiper-slide-shadow-left { background: rgba(255, 255, 255, 0.18); }

.active .pulse { -webkit-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; animation-name: pulse; }

.active .bounceInLeft { -webkit-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; animation-name: bounceInLeft; }

.active .bounceInRight { -webkit-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -moz-animation-name: bounceInRight; animation-name: bounceInRight; }

.active .slideInUp { -webkit-animation-name: slideInUp; -ms-animation-name: slideInUp; -moz-animation-name: slideInUp; animation-name: slideInUp; }

/***Animation****/
@-webkit-keyframes musicShort { 0% { height: 0; }
  100% { height: 11px; } }
@-ms-keyframes musicShort { 0% { height: 0; }
  100% { height: 11px; } }
@-moz-keyframes musicLong { 0% { height: 0; }
  100% { height: 19px; } }
@keyframes musicLong { 0% { height: 0; }
  100% { height: 19px; } }
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); } }
@-ms-keyframes pulse { from { -ms-transform: scale3d(1, 1, 1); }
  50% { -ms-transform: scale3d(1.05, 1.05, 1.05); }
  to { -ms-transform: scale3d(1, 1, 1); } }
@-moz-keyframes pulse { from { -moz-transform: scale3d(1, 1, 1); }
  50% { -moz-transform: scale3d(1.05, 1.05, 1.05); }
  to { -moz-transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scale3d(1, 1, 1); } }
@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; } }
@-ms-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -ms-transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -ms-transform: translate3d(25px, 0, 0); }
  75% { -ms-transform: translate3d(-10px, 0, 0); }
  90% { -ms-transform: translate3d(5px, 0, 0); }
  to { -ms-transform: none; } }
@-moz-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -moz-transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -moz-transform: translate3d(25px, 0, 0); }
  75% { -moz-transform: translate3d(-10px, 0, 0); }
  90% { -moz-transform: translate3d(5px, 0, 0); }
  to { -moz-transform: none; } }
@keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(25px, 0, 0); }
  75% { transform: translate3d(-10px, 0, 0); }
  90% { transform: translate3d(5px, 0, 0); }
  to { transform: none; } }
@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; } }
@-ms-keyframes bounceInRight { from, 60%, 75%, 90%, to { -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -ms-transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -ms-transform: translate3d(-25px, 0, 0); }
  75% { -ms-transform: translate3d(10px, 0, 0); }
  90% { -ms-transform: translate3d(-5px, 0, 0); }
  to { -ms-transform: none; } }
@-moz-keyframes bounceInRight { from, 60%, 75%, 90%, to { -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -moz-transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -moz-transform: translate3d(-25px, 0, 0); }
  75% { -moz-transform: translate3d(10px, 0, 0); }
  90% { -moz-transform: translate3d(-5px, 0, 0); }
  to { -moz-transform: none; } }
@keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
  75% { transform: translate3d(10px, 0, 0); }
  90% { transform: translate3d(-5px, 0, 0); }
  to { transform: none; } }
@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); } }
@-ms-keyframes slideInUp { from { -ms-transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -ms-transform: translate3d(0, 0, 0); } }
@-moz-keyframes slideInUp { from { -moz-transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -moz-transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); } }
@media \0screen\,screen\9 { .hero .main_menu { background: #FFF; filter: alpha(opacity=81); } }

/* r_bar */
.r_bar{ position:fixed; width:170px; top:64px; right:28px; z-index:120; }
.line_box{ width:170px; background:url(bar_line.png) center top repeat-y;}
.btn_enter{ display:block; width:170px; height:97px;background:url(btn_enter.png); text-indent:-9999px; overflow:hidden;}
.bar_ma{ width:128px; height:131px; margin:15px auto 0; padding-top:7px; font-size:14px;line-height:14px;  color:#8c8c8c; text-align:center; background-color:#fff; border:1px solid #deca80; border-radius:10px;}
.bar_ma img{ display:block; width:110px; height:110px; margin:0 auto;}
.r_btn_jihuo,.r_btn_xiazai{ display:block; width:130px; height:41px; margin:13px auto 0; background:url(btn_jihuo.png)}
.r_btn_xiazai{ background:url(btn_xiazai.png); cursor:pointer;}
.r_btn_yuyue{display:block; width:130px; height:72px; margin:23px auto 0; background:url(btn_yuyue.png); cursor:pointer;}
.mao{ display:block; width:130px; margin:0 auto;animation:key_mao 2s linear infinite;-webkit-animation:key_mao 2s linear infinite;-ms-animation:key_mao 2s linear infinite;-moz-animation:key_mao 2s linear infinite; transform-origin:50% 0; -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; -moz-transform-origin:50% 0;}
@keyframes key_mao{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(10deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-10deg)}
	100%{transform:rotate(0deg)}
}
@-webkit-keyframes key_mao{
	0%{-webkit-transform:rotate(0deg)}
	25%{-webkit-transform:rotate(10deg)}
	50%{-webkit-transform:rotate(0deg)}
	75%{-webkit-transform:rotate(-10deg)}
	100%{-webkit-transform:rotate(0deg)}
}
@-ms-keyframes key_mao{
	0%{-ms-transform:rotate(0deg)}
	25%{-ms-transform:rotate(10deg)}
	50%{-ms-transform:rotate(0deg)}
	75%{-ms-transform:rotate(-10deg)}
	100%{-ms-transform:rotate(0deg)}
}
@-moz-keyframes key_mao{
	0%{-moz-transform:rotate(0deg)}
	25%{-moz-transform:rotate(10deg)}
	50%{-moz-transform:rotate(0deg)}
	75%{-moz-transform:rotate(-10deg)}
	100%{-moz-transform:rotate(0deg)}
}
.bar_pop_down{ display:none; position:absolute; width:265px; left:-260px; top:250px;}
.close_pop_down{ position:absolute; width:34px; height:34px; right:0; top:0; background:url(icon_close.png); cursor:pointer;}
.pop_down_wrap{width:265px;}
.pop_down_pp{ width:265px;background:url(bar_pop_pp.png) center top repeat-y;}
.pop_down_row{ width:213px; height:138px; margin:0 auto; overflow:hidden;}
.pop_down_one{ width:97px; height:138px; overflow:hidden; margin: 0 auto;}
.pop_down_one img{ width:87px; height:87px; padding:4px; background-color:#fff; border:1px solid #b88a87; border-radius:8px;}
.bar_down_link{ display:block; width:97px; height:29px; margin-top:12px; font:normal 14px/29px "Microsoft Yahei"; color:#fcf0d7; text-align:center; background-color:#a40d07; border-radius:8px;}
.bar_down_link:hover{ color:#fcf0d7;}
.down_line{ width:219px; height:1px; margin:11px auto; line-height:0; border-top:1px solid #cd7869; overflow:hidden;}
.btn_hui{ background-color:#646464; cursor:default;}
.pop_down_one img.img_hui{ background-color:#fcf2dc; border:1px solid #f3e3cd;}
.pop_down_tip{ width:213px; margin:10px auto 0; font:normal 14px/18px "Microsoft Yahei"; color:#4b2718;}

.leftNav{width: 220px; height: 405px; position: fixed; left: 0; top: 50%; margin-top:122px; z-index: 99;}
.leftMain{background: url(leftnav.png) no-repeat 0 0; width: 220px; height: 405px; position: absolute; left: -14px; top: 0;background-size: 100% auto;}
.leftTop{padding-top: 35px; text-align: center; color: #fff; height: 250px;}
.leftTop h2{font-size: 16px;}
.leftTop p{font-size: 12px; line-height: 16px;}
.leftCard{padding: 4px 0;}
.leftCard span{width: 121px; height: 115px; background: url(cardbg.png) no-repeat 0 0; display: block; margin: 0 auto; padding: 6px 0 0 0;}
.leftCard span img{display: block; width: 110px; height: 110px; margin: 0 auto;}
.leftShare{padding: 0 0 0 13px; height: 70px;}
.leftShare a{float: left; width: 100px; height: 60px; text-align: center; font-size: 14px; color: #fff;}
.leftShare a.sina{background: url(sina.png) no-repeat center 0;}
.leftShare a.baidu{background: url(baidu.png) no-repeat center 0;}
.leftShare span{display: block; padding-top: 36px; font-weight: bold;}
.leftBtn{display: block; width: 30px; height: 95px; background: #ed970f; position: absolute; right: -16px; top: 30px; cursor: pointer;}
.leftBtn span{display: block; font-size:16px; color: #FFF; text-align: center; padding-top: 5px; line-height: 26px;}
.leftBtn strong{color: #FFF; font-family:\5b8b\4f53; font-size: 20px; display: block; text-align: center;}


.down-box{padding-top:20px;width: 200px;height: 355px;background: url(down-box-bg.png) no-repeat center;}
.down-box-code{margin:0 auto;padding:5px;width: 144px;height: 144px;background: url(down-box-code-bg.png) no-repeat center;}
.down-box-code img{width: 144px;height: 144px;}  
.down-box h4{text-align: center;font-size: 14px;color: #fff;}
.down-box-btn-ios,.down-box-btn-and{display:block;width: 170px;height: 49px;margin:7px auto 0;background-repeat: no-repeat;background-position: center;text-indent: -9999px;}
.down-box-btn-ios{background-image: url(down-box-btn-ios.png);}
.down-box-btn-and{background-image: url(down-box-btn-and.png);}
.down-box-btn-kefu,.down-box-btn-gift,.down-box-btn-pgp{position: absolute;bottom: 0;width: 100px;height: 48px;background-repeat: no-repeat;background-position: center;text-indent: -9999px;}
.down-box-btn-kefu:after,.down-box-btn-gift:after,.down-box-btn-pgp:after{display: block;content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background-color: #c8b057;transition:width 0.4s;}
.down-box-btn-kefu:hover:after,.down-box-btn-gift:hover:after,.down-box-btn-pgp:hover:after{width: 100%;}
.down-box-btn-kefu{left: 0px;background-image: url(down-box-btn-kefu.jpg);}
.down-box-btn-gift{right: 0;background-image: url(down-box-btn-gift.jpg);}
.down-box-btn-pgp{right: 0;background-image: url(down-box-btn-pgp.jpg);}
.news-xinfu{margin:16px 0;width: 335px;height: 28px;line-height: 28px;background: #d94c30 url(icon-xinfu.png) no-repeat 10px center;color: #fff;border-radius: 15px;text-indent: 36px;position: relative;}
.news-xinfu .news-xinfu-link{position: absolute;left: 0;top:0;width: 300px;height: 28px;z-index: 3;color: #fff;}
.news-xinfu a.news-xinfu-more{display: block;position: absolute;right: 5px;top:50%;margin-top:-10px;width: 20px;height: 20px;background: url(more-xinfu.png) no-repeat center;}
.txtScroll-left{margin-left:70px;height: 30px;overflow: hidden;}
.txtScroll-left .bd li{float: left;}
.info-area{max-width: 1980px; height: 500px; margin: 0 auto; background-color: #fff;}
.info-list-box{width: 290px;height: 450px;background-color: #fff;border-bottom: 1px solid #e8e8e8;}
.info-list-btn{display:block;width: 274px;height: 133px;margin:-14px 0 0 13px;background: url(btn-gameinfo.png) no-repeat center;}
.info-list-box ul{width: 240px;margin:0 auto;}
.info-list-box ul li{padding:12px 0;background: url("line3.png") 0 100% repeat-x;}
.info-list-box ul li h3{margin-bottom:-5px;color: #0688cb;overflow: hidden;background-repeat: no-repeat;background-image: url(info-list-icon.png);text-indent: 24px;}
.info-list-box ul li h3.info-list-icon1{background-position: 0 7px;}
.info-list-box ul li h4{font-weight: normal;}
.info-list-box ul li h4 a{display: inline-block;padding: 0 10px;}
.info-list-box ul li h4 a:hover{color: #db4828;text-decoration: underline;}
.info-list-box ul li.noborder{background: transparent;padding-bottom: 0;}
.info-pics-box{width:910px;}
.info-pics-box ul li{float: left;width: 288px;height:118px;margin-left: 15px;position: relative;}
.info-pics-box ul li span{position: absolute;right: -3px;top:10px;display: block;width: 52px;height: 22px;background: url(icon-newest.png) no-repeat center;}
.info-pics-box ul li img{display:block;width: 288px;height: 118px;transition: margin-top 0.2s;}
.info-pics-box ul li a:hover img{margin-top:-5px;box-shadow: 4px 4px 10px rgba(0,0,0,0.2)}
.info-btn-links{width:514px;}
.info-btn-links a{float: left;margin: 17px 0 0 15px;width: 242px;height: 149px;}
.gonglve-r{width:380px;height:315px;margin-left:16px;margin-top:17px;background-color: #fff;border-bottom:1px solid #e8e8e8;}
.gonglve-title{margin:17px;background: url(gonglve-icon.png) no-repeat left center;font-size: 16px;font-weight: bold;color: #0688cb;text-indent: 26px;}
.gonglve-list .hd { border-bottom: 1px solid #dadada;background: url("line3.png") 0 top repeat-x }
.gonglve-list{width: 336px;margin:0 auto;}
.gonglve-list .hd li { float: left; padding-right: 30px; color: #000; font: 700 16px/46px "Microsoft Yahei"; height: 46px; }
.gonglve-list .hd li a { color: #000; padding: 0 2px; position: relative; display: inline-block; height: 100%; }
.gonglve-list .hd li a:before { position: relative; bottom: -44px; content: ""; height: 3px; display: block; }
.gonglve-list .hd li.on a { color: #db4828; }
.gonglve-list .hd li.on a:before { background-color: #db4828; }
.gonglve-list .bd .box { padding-top: 12px; margin-left: -3px; }
.gonglve-list .bd .box .more { position: absolute; background: url("icons.png") -420px -20px no-repeat; width: 24px; height: 24px; right: 0; top: -32px; }
.gonglve-list .bd li { height: 35px; overflow: hidden; color: #c0c0c0; }
.gonglve-list .bd li a { max-width: 276px; display: inline-block; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal; }

.zy-nav{padding-top:6px;width: 580px;height: 42px;background: url(zy-nav.png) no-repeat center;position: absolute;left: 50%;margin-left: -290px;top:70px;}
.zy-nav a{float:left;margin:0 66px;width: 156px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #4c4c4c;position: relative;}
.zy-nav a:hover,.zy-nav a.on{background: url(zy-nav-tab.png) no-repeat center;color: #fff;}
.zy-nav a:first-child:before{display: block;content: '';position: absolute;left: 227px;top:10px;width: 1px;height: 23px;background-color: #bcc2ea;}
.role-area .role-box .info1{top:136px;}
.role-btn-detail{position: absolute;display: block;width: 143px;height: 43px;text-indent: -99999px;background: url(btn-detail1.jpg) no-repeat center;left: 2px;top:237px;}

.wmgameFooter {background: #282a2c;font-size: 16px;font-family: "Microsoft YaHei";color: #81868c;text-align: center;line-height: 24px;padding:30px 0;}



/*右侧悬浮客服*/

._wrap_1facf_1 {
  background: url(community-bg.87d60694.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: fixed;
  right: 0;
  top: 48.5%;
  transform: translateY(-50%);
  transition: transform .2s;
  width: 150px;
  z-index: 9;
}
._content_1facf_36 {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding:10px
}

._content_1facf_36 ._btnImg_1facf_42 {
  cursor: pointer;
  height: 44px;
  margin-top: .1rem;
  width: 110px
}

._content_1facf_36 p {
  margin: 0;
  padding: 0
}

._content_1facf_36 ._scan_1facf_52 {
  position: relative
}

._content_1facf_36 ._scan_1facf_52 img {
  height: 110px;
  width: 110px
}

._content_1facf_36 ._scan_1facf_52:after {
  animation: _scan_1facf_52 3s infinite;
  background: #bdd9ff;
  content: "";
  height: .04rem;
  left: 0;
  position: absolute;
  width: 1.3rem
}