body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 } img{ border:0} table {border-collapse; border-spacing: 0; } fieldest, img { borser: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } ol, ul, li { list-style: none; } capation, th { text-al ign:left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: '' } abbr, acronym { border: 0; } .f12 { font-size: 12px } .f13 { font-size: 13px } .f14 { font-size: 14px } .f16 { font-size: 16px } .f20 { font-size: 20px } .fb { font-weight: bold } .fn { font-weight: normal } .t2 { text-indent: 2em } .1h150 { line-height: 150% } .1h180 { line-height: 180% } .1h200 { line-height: 200% } .unl { text-decoration: underline; } .no_unl { text-decoration: none; } .tl { text-align: left } .tc { text-alihn: center } .tr { text-align: right } .bc { margin-left: auto; margin-right: auto } .fl { float: left; _display: inline } .fr { float: right; _display: inline } .cb { clear: both } .cl { clear: left } .cr { clear: right } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibilithidden } .clearfix { display: inline-block } *html.clearfix { height: 1% } .Clearfix { display: block } .vm { wertical-align: middle } .pr { position: relative } .pa { position: absolute } .abs-right { position: absolute; right: 0 } .zoom { zoom: 1 } .hidden { visibility: hidden } .none { display: none } .w10 { width: 10px } .w20 { width: 20px } .w30 { width: 30px } .w40 { width: 40px } .w50 { width: 50px } .w60 { width: 60px } .w70 { width: 70px } .w80 { width: 80px } .w90 { width: 90px } .w100 { width: 100px } .w200 { width: 200px } .w300 { width: 300px } .w400 { width: 400px } .w500 { width: 500px } .w600 { width: 600px } .w700 { width: 700px } .w800 { width: 800px } .w { width: 100% } .h50 { height: 50px } .h80 { height: 80px } .h100 { height: 100px } .h200 { height: 200px } .h { height: 100% }.ma{ margin:0 auto} .m10 { margin: 10px } .m15 { margin: 15px } .m30 { margin: 30px } .mt5 { margin-top: 5px } .mt10 { margin-top: 10px } .mt15 { margin-top: 15px } .mt20 { margin-top: 20px }.mtb20 { margin-bottom: 20px } .mt30 { margin-top: 30px } .mt35 { margin-top: 35px } .mt50 { margin-top: 50px } .mt75 { margin-top: 75px } .mt100 { margin-top: 100px } .mt150 { margin-top: 150px } .mb5 { margin-bottom: 5px } .mb10 { margin-bottom: 10px } .mb15 { margin-bottom: 15px } .mb20 { margin-bottom: 20px } .mb30 { margin-bottom: 30px } .mb50 { margin-bottom: 50px } .mb100 { margin-bottom: 100px } .ml5 { margin-left: 5px } .ml10 { margin-left: 10px } .ml15 { margin-left: 15px } .ml20 { margin-left: 20px } .ml30 { margin-left: 30px } .ml40 { margin-left: 40px } .ml50 { margin-left: 50px } .ml60 { margin-left: 40px } .ml100 { margin-left: 100px } .ml130 { margin-left: 130px } .mr5 { margin-right: 5px } .mr10 { margin-right: 10px } .mr15 { margin-right: 15px } .mr20 { margin-right: 20px } .mr30 { margin-right: 30px } .mr50 { margin-right: 50px } .mr100 { margin-right: 100px }  .p10 { padding: 10px } .p15 { padding: 15px } .p30 { padding: 30px } .pt5 { padding-top: 5px } .pt10 { padding-top: 10px } .pt15 { padding-top: 15px } .pt20 { padding-top: 20px } .pt30 { paddding-top: 30px } .pt50 { padding-top: 50px } .pb5 { padding-bottom: 5px } .pb10 { padding-bottom: 10px } .pb15 { padding-bottom: 15px } .pb20 { padding-bottom: 20px } .pb30 { padding-bottom: 30px } .pb50 { padding-bottom: 50px } .pb100 { padding-bottom: 100px } .pl5 { padding-left: 5px } .pl10 { padding-left: 10px } .pl15 { padding-left: 15px } .pl20 { padding-left: 20px } .pl30 { padding-left: 30px } .pl50 { padding-left: 50px } .pl100 { padding-left: 100px } .pr5 { padding-right: 5px } .pr10 { padding-right: 10px } .pr15 { padding-right: 15px } .pr20 { padding-right: 20px } .pr30 { padding-right: 30px } .pr50 { padding-right: 50px } .pr100 { padding-right: 100px }
a{ text-decoration:none; color:#000}
.bgf{ background:#fff}
rel.{ position:relative}

.radius{ -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius:100px;}
.shadown{ box-shadow:2px 2px 2px rgba(100,100,100,.2);-moz-box-shadow:2px 2px 2px rgba(100,100,100,.2);-webkit-box-shadow:2px 2px 2px rgba(100,100,100,.2); z-index:9}

body{ background:#fff;  font-family:"微软雅黑"; font-size:14px}
body.bg{ background:#f0eff3}
h2{ font-size:22px; font-weight:bold; color:#4f4f4f}
.grey{ color:#aaa}
.content{width: 1000px; margin: 0 auto; overflow: hidden;}
.content_l{ width:480px}
.content_r{ width:480px}


.top_box{ width: 100%;height: 120px; background:#333333}
.top{height: 120px; width:1250px;}
.logo{width: 150px;height: 80px; text-align:center; padding-top:30px;}
.top .nav li{ float: left; width:90px;margin:0 25px;}
.top .nav li a{ display:block; font-size:22px; line-height:100px; height:120px; text-align:center;  color:#fff;}
.top .nav li a span{display: block;font-size: 16px; opacity: 50%; position:absolute; top:26px; text-align: center; width:100px; margin-left:-5px;}
.top .nav li a:hover{ border-bottom:5px solid #ff3b52; height:115px; line-height:100px; opacity: 80%;}
.top .nav li a.act{ border-bottom:5px solid #ff3b52; height:115px; line-height:100px}

.header-code{position: absolute;right: 370px;top:44px;width: 123px;height: 30px;background: url(../image/header-code-txt.png) no-repeat center;background-size: 100% auto;cursor: pointer;}
.header-code:hover .header-code-wrap{display: block;}
.header-code-wrap{display:none;position: absolute;left: -30px;top:30px;width: 225px;height: 204px;background: url(../image/header-code-bg.png) no-repeat center;background-size: 100% auto;}
.header-code-wrap img{position: absolute;top:25px;left: 40px;width: 100px;height: 100px;border: 14px solid #ffffff;border-radius: 10px;}

.login_box{ width:170px; float:right; margin-top:35px}
.login{width:80px; height:28px; display:block; border:1px solid #6c50d1;color:#6c50d1; line-height:28px; text-align: center; cursor:pointer}
.login_uaser { width:180px; float:right;   }
.login_uaser .uaser{ height:100px; line-height:100px; display:block; float:left}
.login_uaser img{ width:38px; height:38px; padding:5px; border:1px solid #f0edf2;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; float:left; margin-top:25px; margin-right:10px}
.registered{ width:80px; height:28px; display:block; border:1px solid #ff3b52; color:#ff3b52; line-height:28px; text-align: center; cursor:pointer}
.exit{ width:20px; height:20px; background:url(../image/icon.png) 0 -700px no-repeat; float:right; display:block; margin-top:40px}

.banner_box{ width: 100%; height: 500px; overflow:hidden; position:relative; background-position: center;}
.banner_content{ width:470px; height:350px; background:url(../image/bg_black.png) repeat; overflow:hidden; z-index:3}
.banner_content .txt_box{ width:375px; height:220px; color:#fff; font-size:12px; line-height:30px}
.banner_content .txt_box p{ width:100%}
.banner_content .txt_box a.btn{ width:156px; height:38px; text-align:center; background:#ff3b52; line-height:38px; display:block;color:#fff}
.banner_content .bottom_box{ width:100%; border-top:1px solid #5377b5; height:70px}
.banner_content .bottom_box .bottom a{ color:#fff; width:90px; height:28px; display:block; text-align:center; line-height:28px; float:left; background:#000; margin-right:10px; cursor:pointer}
.banner_content .bottom_box .bottom a:hover{ background:#ff3b52;}


.title{ width:100%; height:108px; background:url(../image/line.jpg) 0 55px repeat-x; position:relative}
.title h2{ font-size:24px; height:108px; line-height:108px; overflow:hidden; display:block; width:208px; background:#fff}
.title h2 .txt{ font-size:12px; font-family:Tahoma; color:#a6a6a6;vertical-align: baseline}
.circle{ width:5px; height:5px; background:#e0dde2; position: absolute; right:0px; top:53px; _display:none}

.list3{ width:100%}
.list3 ul li{ width:320px; height:180px; float:left; overflow:hidden; position:relative}
.list3 ul li .layer{width:320px; height:180px; position:absolute; background:url(../image/bg_red.png) repeat; bottom:-170px}
.list3 ul li .layer .layer_con{ width:270px; color:#fff}
.list3 ul li .layer .layer_con h3{ font-size:20px; font-weight:bold}
.list3 ul li .layer .layer_con p{ line-height:24px; height:70px; overflow:hidden}
.list3 ul li .layer .layer_con .btn{ display:block; width:100px; height:28px; text-align:center; color:#fff; border:1px solid #fff; line-height:28px;}

.text_box{ width:100%; height:160px;}
.text_box_img{ width:140px; height:140px; overflow:hidden}
.text_box img{ width:140px; height:140px; overflow:hidden}
.text_box_r{ width:300px;}
.text_box_r h3{ font-size:18px; height:60px}
.time{ background:url(../image/ico.png) 0 3px no-repeat; padding-left:20px; color:#787878}
.content_l ul li{ height:30px; line-height:30px; border-bottom:1px solid #e7e7e8; margin-top:20px; }
.content_l ul li a{ color:#555}
.content_l ul li a:hover{ text-decoration:underline}
.content_l ul li span{ display:block}
.content_l ul li span.txt{ width:385px; overflow:hidden; float:left}
.content_l ul li span.ico_logo{ width:16px; height:16px; float:left; margin-top:3px; margin-right:10px}
.btn_red{ display:block; width:100px; height:28px; text-align:center; color:#ff3b52; border:1px solid #ff3b52; line-height:28px; cursor:pointer}
.btn_red:hover{ background:#ff3b52; color:#fff}


.right_nav{ width:60px; position:fixed; background:url(../image/bg_black.png) repeat; height:100%; z-index:99; right:0; top:0;_position:absolute;_left:expression(eval(document.documentElement.scrollright+0));_top:expression(eval(document.documentElement.scrollTop+0)); _height:600px; _background:#000 }
.right_nav_con{ width:100%;}
.right_nav_con ul li{ position:relative; cursor: pointer; height:57px; margin-top:15px; color:#fff; width:60px; line-height:57px}
.right_nav_con ul li.tc{ text-align:center}
.right_nav_con ul li .pop_box{ width:160px; background:url(../image/bg_black.png) repeat; overflow:hidden; position:absolute; left:-160px; color:#fff; display:none; line-height:24px}
.right_nav_con ul li:hover .pop_box{ display:block; }
.pop_box p{ width:140px; margin:15px}
.pop_box p.tc{ text-align:center}
.right_nav_con a{ display:block}
.dotted{ display:block; background:url(../image/icon.png) 28px -600px no-repeat; height:4px; width:100%; margin: 10px auto; bottom:-20px; position:absolute}
.deposit{ width:60px; height:57px; background:url(../image/icon.png) no-repeat}
.deposit:hover{ background:url(../image/icon.png) -100px 0 no-repeat}
.service{width:60px; height:57px; background:url(../image/icon.png) 0 -100px no-repeat}
.service:hover{ background:url(../image/icon.png) -100px -100px no-repeat}
.public{width:60px; height:57px; background:url(../image/icon.png) 0 -200px no-repeat}
.public:hover{ background:url(../image/icon.png) -100px -200px no-repeat}
.bdsharebuttonbox .weixin{ width:30px; height:30px; background:url(../image/icon.png) 0 -300px no-repeat;margin:10px auto 0; float:none}
.weixin:hover{background:url(../image/icon.png) -100px -300px no-repeat}
.bdsharebuttonbox .tengxun{ width:30px; height:30px; background:url(../image/icon.png) 0 -400px no-repeat;margin:10px auto 0; float:none}
.tengxun:hover{background:url(../image/icon.png) -100px -400px no-repeat}
.bdsharebuttonbox .weibo{ width:30px; height:30px; background:url(../image/icon.png) 0 -500px no-repeat;margin:10px auto 0; float:none}
.weibo:hover{background:url(../image/icon.png) -100px -500px no-repeat}
.bdshare-button-style1-32 a{ background-image:none}
.bdsharebuttonbox a{ background-image:none }

.media_l{ width:240px; margin-bottom:3px}
.siderbar{ width:240px; height:inherit;  overflow:hidden;background:#fff; }
.siderbar .s_title{ width:100%; background:url(../image/meiti.jpg) center no-repeat; height:78px; padding-top:20px}
.siderbar .s_title h2{ font-size:24px; color:#fff; font-weight:bold}
.siderbar .s_title span{ font-size:10px; color:#fff; font-family:Arial}
.siderbar ul li{width:100%; height:75px;}
.siderbar ul li a{width:100%; height:75px; border-bottom:1px solid #e6e5e8; line-height:75px; padding-left:50px; color:#9c9c9c; display:block}
.siderbar ul li.cur{ color:#ff3b52; font-size:18px}
.siderbar ul li.cur a{ color:#ff3b52}
.siderbar ul li a:hover{color:#ff3b52}

.media_r{ width:740px; background:#fff;margin-right:2px; margin-bottom:3px}
.media_r_con{ width:630px; margin:60px auto }
.media_r_con565{width:565px;}
.subnav{ width:100%; border-bottom:1px solid #e1e1e1; height:40px}
.subnav span{padding-right:15px; background:url(../image/r.png) right 5px no-repeat; margin-right:10px}
.subnav span.act{ color:#b1b1b1; background:none}
.subnav span.act a{ color:#b1b1b1}
.media_r_con .m_box{ width:570px; margin:30px auto}
.media_r_con .m_box p{ line-height:30px; color:#888; margin-top:20px}
.media_r_con .m_box img{width: 550px;}
.m_box .title_box{ width:100%; border-bottom:1px dotted #b1b1b1; height:100px}
.m_box .title_box h2{ line-height:50px}
.m_box .title_box .time{ font-size:12px; color:#b1b1b1; padding:0; background:none}

.media_r_con .tab_box{ width:100%; height:50px;border-bottom:1px solid #b1b1b1; overflow:hidden}
.tab_box .tab{ width:100px; height:50px; line-height:50px; text-align:center; display:block; float:left; margin-right:10px}
.tab_box .tab.cur{ background:url(../image/tabbg.png) center bottom no-repeat}
.tab_box .tab.cur a{background:#ff3b52; color:#fff;}
.tab_box .tab a{ width:100px; height:30px; line-height:30px; display:block;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; cursor: pointer }
.tab_box .tab a:hover{ background:#ff3b52; color:#fff}

.media_r_con .con_box{ width:100%; overflow:hidden; display: none}
.con_box .con_list{ width:100%;overflow:hidden}
.con_box .con_list ul li{ width:100%; height:60px; line-height:60px; border-bottom:1px dotted #b1b1b1}
.con_box .con_list ul li .time{ background:none; float:right}
.con_box .con_list ul li .txt{ float:left; width:460px; overflow:hidden}
.con_box .con_list ul li .txt a:hover{ text-decoration:underline}

.page_box{ width:100%; overflow:hidden}
.page{ width:500px; margin:0 auto; text-align:center;}
.page a{ display: inline-block; height:36px; width:36px;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; border:1px solid #b3b3b3; line-height:36px; margin-right:5px; margin-left:5px; color:#888}
.page a:hover{ border:1px solid #ff3b52;}
.page a.cur{background:#ff3b52; color:#fff; border:1px solid #ff3b52}
.page a.next{ width:110px;}
.page a.pre{ width:110px;}

.siderbar_con{ width:170px; margin:30px}
.siderbar_con h3{ font-size:18px;color:#4f4f4f}
.siderbar_con .2wei{ width:180px; height:180px; overflow:hidden}
.siderbar_con .2wei img{ width:180px; height:180px; }
.siderbar_con .down{ width:160px; height:40px; display:block; border:1px solid #a6a6a6; line-height:40px; text-align:center; color:#4e4e4e; padding-left:20px}
.siderbar_con .ios{ background:url(../image/down_ico.png) 40px 10px  no-repeat}
.siderbar_con .andr{background:url(../image/down_ico.png) 40px -87px  no-repeat}
.siderbar_con .wp{background:url(../image/down_ico.png) 40px -185px  no-repeat}
.siderbar_con .ios:hover{ background:#5594b9 url(../image/down_ico.png) -160px 10px  no-repeat;  border:1px solid #5594b9; color:#fff}
.siderbar_con .andr:hover{background:#2fc459 url(../image/down_ico.png) -160px -87px  no-repeat;border:1px solid #2fc459; color:#fff}
.siderbar_con .wp:hover{background:#6689fb url(../image/down_ico.png) -160px -185px  no-repeat;border:1px solid #6689fb; color:#fff}


.boder_b_d{border-bottom:1px dotted #b1b1b1;}
.game_con{width:900px; margin:60px auto;  }
.game_con .con_box{ width:820px; margin-left:auto; margin-right:auto; overflow:hidden;  padding-bottom:30px}
.con_box p{ line-height:30px;color:#b1b1b1;}
.con_box_l{ width:405px;}
.imgbox{ width:158px; height:158px; position:relative}
.imgbox img{ width:158px; height:158px;}
.ceng{ position:absolute; z-index:9;width:158px; height:158px; top:0; background:url(../image/ceng.png) no-repeat }
.txtbox{ width:210px;}
.txtbox p{ color:#b1b1b1; line-height:30px}
.con_box_r{ width:340px;}
.btnbox .down{ width:140px; height:30px; display:block; border:1px solid #a6a6a6; line-height:30px; text-align:center; color:#4e4e4e; padding-left:20px}
.btnbox .ios{ background:url(../image/down_ico.png) 36px 6px  no-repeat}
.btnbox .ios2{ background:url(../image/down_ico.png) 36px 6px  no-repeat}
.btnbox .andr{background:url(../image/down_ico.png) 36px -90px  no-repeat}
.btnbox .wp{background:url(../image/down_ico.png) 36px -190px  no-repeat}
.btnbox .ios:hover{ background:#5594b9 url(../image/down_ico.png) -164px 6px  no-repeat;  border:1px solid #5594b9; color:#fff}
.btnbox .ios2:hover{ background:#617e90 url(../image/down_ico.png) -164px 6px  no-repeat;  border:1px solid #617e90; color:#fff}
.btnbox .andr:hover{background:#2fc459 url(../image/down_ico.png) -164px -90px  no-repeat;border:1px solid #2fc459; color:#fff}
.btnbox .wp:hover{background:#6689fb url(../image/down_ico.png) -164px -190px  no-repeat;border:1px solid #6689fb; color:#fff}

.face-box{width: 1000px;overflow: hidden;position: relative;}
.face-box ul{margin-top: 30px;}
.face-box ul li{float:left;width: 120px;margin:0 23px;}
.face-box ul li img{width: 100%;}
.face-box  .btn_red{position: absolute;right: 10px;top:60px;}
.face-wrap{width: 1166px;padding-bottom:100px;margin:0 auto;overflow: hidden;font-weight: bold;}
.face-title{text-align: center;padding: 100px 0;font-size: 30px;color: #333;position: relative;}
.face-title span {
	font-family: Cambria;
	position: absolute;
	line-height: 133px;
	font-size: 183px;
	color: #f5f5f5;
	top: 50%;
	margin-top: -75px;
	font-weight: normal;
	z-index: -1;
	left: -55px;
}
.face-list{overflow: hidden;width: 100%;}
.face-list li{display: inline-block;width: 120px;margin:10px;border:1px solid #d5d5d5;position: relative;}
.daily-list li{width: 300px;height: 300px;}
.face-list li .face-img{overflow: hidden;position: relative;width: 100%;height: 100%;}
.face-list li .face-img img{width: 100%;height: 100%;}
.face-list li .pri { display: inline-block; width: 100%; height: 100%; position: absolute; z-index: 1; }
.face-img:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(255,255,255,0);
	z-index: 100;
}
.face-img:hover:before {
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid rgba(255,255,255,0.5);
}
.face-img:hover {
	background: #000;
}
.face-img:hover img {
	opacity: 0.7;
	transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
}
.face-list li span {
	position: absolute;
	color: white;
	display: block;
	left: 0;
	width: 100%;
	opacity: 0;
	top: 60%;
	text-align: center;
	margin-top: -12px;
}
.face-list li:hover img {
	opacity: .5;
}
.face-list li:hover span {
	opacity: 1;
	top: 50%;
}




.content1{width: 1200px; margin: 0 auto; overflow: hidden;}
.content_l{ width:480px}
.content_r{ width:480px}
.fl{float: left;}
.footer{ background:#111; width:100%; height: 330px; overflow:hidden;color:#6c6c6c; font-size:18px;}
.footer_l{ width:130px; height:160px;border-right:1px solid #2b2b2b; overflow: hidden;}
.footer_l .title{ background:none;}
.footer_l .title h2{ background:#111; color:#6c6c6c; font-size: 36px;}
.footer_l .title h2 span{display: block;text-transform: uppercase;font-size: 18px;}
.footer_l ul {margin-top: 30px; display: flex; flex-wrap: wrap;}
.footer_l ul.second-ul{border-top: 1px solid #2b2b2b; padding-top: 10px; margin-top: 0;}
.footer_l ul li{ width:130px; margin-bottom:15px;}
.footer_l ul li a{ color:#6c6c6c}
.footer_l ul li a:hover{ color:#6c6c6c; text-decoration:underline}
.footer_r{ width:900px;  height:220px; line-height:40px; overflow: hidden;}
.footer_r ul { margin-left: -24px; }
.footer_r ul li{ font-size:16px; float:left; margin-left:24px}
.footer_r ul li a{color:#6c6c6c}
.footer_r ul li a:hover{ color:#6c6c6c; text-decoration:underline}
.footer_r p{ width:100%; clear:both; font-size:16px;}
.footer_r a{color:#6c6c6c}
.footer_r a:hover{ color:#6c6c6c; text-decoration:underline}
.footer_gif_l{margin-top: 50px;margin-left: 30px;margin-right: 30px;}
.footer_gif_l a { display: inline-block; width: 50px; height: 71px; margin: 0 15px; }
.footer_gif_r a { display: inline-block; width: 94px; height: 10px; background: #fff url("../image/50011202300244.gif") no-repeat 0 0; margin-left: 15px; }
.footer_gif_l, .footer_gif_r { padding-top: 14px; }
.footer-logo{padding-top:30px;width: 100px;height: 40px;background: url(../image/logo.png) no-repeat center;background-size: 100% auto;}





.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.device { width: 818px;height: 360px;padding: 0px 0px;background: #fff;border: 1px solid #333;margin: 10px auto 30px;position: relative;
}
.device .arrow-left {background: url(../image/arrow.png) no-repeat; position: absolute;left: 0px;top: 50%; margin-top: -15px;width: 44px;height: 60px; z-index:9
}
.device .arrow-left:hover{background: url(../image/arrow.png) -44px 0 no-repeat;}
.device .arrow-right {background: url(../image/arrow.png) 0 -60px no-repeat;position: absolute;right: 0px;top: 50%;margin-top: -15px;width: 44px;height: 60px; z-index:9
}
.device .arrow-right:hover{background: url(../image/arrow.png) -44px -60px no-repeat;}
.swiper-container {
  height: 360px;
  width: 818px;
}
 
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%; display:none
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.banner { width: 100%;height: 500px;padding: 0px 0px;position: relative; overflow:hidden
}
.swiper-container_banner {
  height: 500px;
  width: 100%;
}
.banner .pagination {position: absolute;right: 0;bottom:40px; width: 1000px; display: block; z-index:9; text-align:right; left:50%; margin-left:-500px}
.banner .swiper-pagination-switch { width:40px; height:6px; background:#fff;box-shadow:2px 2px 2px rgba(100,100,100,.2);-moz-box-shadow:2px 2px 2px rgba(100,100,100,.2);-webkit-box-shadow:2px 2px 2px rgba(100,100,100,.2);}
.banner .swiper-active-switch { background:#ff3e55}
.banner .swiper-visible-switch {
		
	
}
.game-video-title{font-size: 18px;font-weight: bold;margin: 20px;color: #4f4f4f;
}
.game-video-subtitle{
	margin-right: 40px;
	cursor: pointer;
}
.game-video-subtitle.active{
	color: #e02424;
}

.tab-content .tab-content-item{
	display: none;
}
.tab-content .tab-content-item.active{
	display: block;
}
.game-video-list{overflow: hidden;}
.game-video-list li{float: left;margin:0 10px;width: 230px;position: relative;}
.game-video-list li a{color: #4f4f4f;display: block;position: absolute;left: 0;top:0;right: 0;bottom: 0;}
.game-video-list li img{display: block;width: 230px;height: 120px;}
.game-video-list li p{text-align: center;font-size: 16px;padding-top: 6px;}
.game-video-list a span{position: absolute;width: 50px;height: 52px;left: 50%;top: 50%;margin-left: -25px;margin-top: -42px;background: url(../image/btn_play-circle.png) no-repeat;}
.game-video-list a em{position: absolute;width: 27px;height: 29px;left: 50%;top: 50%;margin-left: -11px;margin-top: -32px;background: url(../image/btn_play.png) no-repeat;}
.game-video-list a:hover span{animation: play_btn linear 2s infinite;-webkit-animation: play_btn linear 2s infinite;}
@keyframes play_btn
{0% { transform: rotate(0); }100% { transform: rotate(360deg); }}
@-moz-keyframes play_btn
{0% { transform: rotate(0); }100% { transform: rotate(360deg); }}
@-webkit-keyframes play_btn
{0% { transform: rotate(0); }100% { transform: rotate(360deg); }}
@-o-keyframes play_btn
{0% { transform: rotate(0); }100% { transform: rotate(360deg); }}