*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:after,
.clearfix:before {
	content: '';
	display: block;
	clear: both;
}
body,
html {
	margin: 0;
	padding: 0;
	font-family: 'lucida grande', 'lucida sans unicode', lucida, helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
	color: #5f5f5f;
	position: relative;
	width: 100vw;
	min-height: 100vh;
	overflow-x: hidden;
	font-size: 10px;
}
a {
	text-decoration: none;
	outline: 0;
}
img,
input {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
li,
p,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.option_popup_box {
	width: 730px;
	border: 2px solid #ffb203;
	position: fixed;
	left: 50%;
	margin-left: -365px;
	overflow: hidden;
	border-radius: 15px;
	background: #2f0446;
}
.OP_title {
	width: 100%;
	height: 70px;
	background: url(../image/title.jpg) no-repeat center;
	border-bottom: 2px solid #ffb203;
}
.OP-left-box {
	width: 170px;
	border-right: 2px solid #ffb203;
	overflow: hidden;
	position: relative;
	float: left;
}
.OP-left-box li {
	width: 168px;
	height: 58px;
	line-height: 58px;
	font-size: 18px;
	font-weight: 700;
	padding-left: 10px;
	color: #ff2622;
	background: url(../image/btn-bg.png) repeat top;
	background-size: 1px 136px;
	border-top: 1px solid #2f0446;
	position: relative;
	cursor: pointer;
}
.OP-left-box li:hover {
	color: #ffc11b;
	background: url(../image/btn-bg.png) repeat bottom;
	background-size: 1px 136px;
}
.OP-left-box li.two-H {
	font-size: 16px;
	line-height: 20px;
	padding-top: 10px;
}
.OP-left-box li:first-of-type {
	border-top: none;
}
.OP-left-box li:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #ff2622;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
}
.OP-left-box li:hover:before {
	border-left-color: #ffc11b;
}
.OP-left-box li.active.zfb {
	color: #ffc11b;
	background: url(../image/zfbtn_hover.png) repeat bottom;
}
.OP-left-box li.active {
	color: #ffc11b;
	background: url(../image/btn-bg.png) repeat bottom;
	background-size: 1px 136px;
}
.OP-left-box li.active:before {
	border-left-color: #ffc11b;
}

/*.OP-left-box li.sjb{background:url(../image/sjbnav.jpg);font-size:0}*/
/*.OP-left-box li.sjb:hover{background:url(../image/sjbnav.jpg)}*/
/*.OP-left-box li.sjb:before{display:none}*/

.OP-left-box li.sjb {
	background: url(../image/sjbnav.jpg);
	font-size: 0;
}
.OP-left-box li.sjb:hover {
	background: url(../image/sjbnav_hover.jpg);
}
.OP-left-box li.sjb:before {
	display: none;
}

.OP-left-box li.kyqp {
	background: url(../image/kyqp.png);
	font-size: 0;
}
.OP-left-box li.kyqp:hover {
	background: url(../image/kyqp_hover.png);
}
.OP-left-box li.kyqp:before {
	display: none;
}

.OP-left-box li.zfb {
	background: url(../image/zfbtn.png);
	font-size: 0;
}
.OP-left-box li.zfb:hover {
	background: url(../image/zfbtn_hover.png);
}
.OP-left-box li.zfb:before {
	display: none;
}

.OP-left-box li.shuangdan {
	background: url(../image/shuangdan.png);
	font-size: 0;
}
.OP-left-box li.shuangdan:hover {
	background: url(../image/shuangdan_hover.png);
}
.OP-left-box li.shuangdan:before {
	display: none;
}

.OP-left-box li.newyear {
	background: url(../image/newyear.png);
	font-size: 0;
}
.OP-left-box li.newyear:hover {
	background: url(../image/newyear_hover.png);
}
.OP-left-box li.newyear:before {
	display: none;
}

.OP-left-box li.zhongqiu {
	background: url(../image/zhongqiunav.jpg);
	font-size: 0;
}
.OP-left-box li.zhongqiu:hover {
	background: url(../image/zhongqiunav_hover.jpg);
}
.OP-left-box li.zhongqiu:before {
	display: none;
}

.OP-right-box {
	width: 556px;
	height: 464px;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.OP-central-box {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.OP-central-box a.link {
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;
	border-radius: 32px;
	right: 22px;
	top: 114px;
}
.OP-central-box:first-of-type {
	display: block;
}
.OP-central-box img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.OP-into-game {
	width: 280px;
	height: 30px;
	position: absolute;
	display: block;
	bottom: 40px;
	left: 25px;
}
.OP-into-game:hover {
	border-bottom: 2px solid #ffc419;
}
.OP-bjdh-ul {
	width: 446px;
	margin: 64px auto 0;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
.OP-bjdh-ul li {
	width: 132px;
	height: 132px;
	margin: 5px 25px 0 0;
	float: left;
}
.OP-bjdh-ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.OP-bjdh-ul li.marginR0 {
	margin-right: 0;
}
.OP-central-box img.Down-QR-code-img {
	position: relative;
}
.OP-Down-container {
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 10px 25px;
}
.OP-Down-container p {
	font-size: 16px;
	line-height: 24px;
	color: #424242;
}
.OP-Down-container p a {
	color: #ff0a0a;
}
.OP-Down-QR-code {
	margin: 15px auto 0;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.OP-Down-QR-code ul li {
	width: 50%;
	display: inline-block;
	float: left;
	padding: 0 40px;
}
.OP-Down-QR-code ul li img {
	width: 100%;
}
.OP-Down-QR-code ul li span {
	display: block;
	color: #0c0c0c;
	font-size: 16px;
	width: 100%;
	padding-left: 30px;
	line-height: 30px;
	position: relative;
}
.OP-Down-QR-code ul li i {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.OP-Down-QR-code ul li i.QR-code-iphone {
	background: url(../image/D_IOS.png) no-repeat center;
	background-size: 100%;
}
.OP-Down-QR-code ul li i.QR-code-android {
	background: url(../image/D_android.png) no-repeat center;
	background-size: 85%;
}
.OP-iphone-learn-down {
	width: 225px;
	height: 55px;
	border: 2px solid #592c75;
	display: block;
	margin: 15px auto 0;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	background: url(../image/D_btn_bg.png) repeat center;
	border-radius: 10px;
}
.OP-safe-info {
	width: 100%;
	padding: 20px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.OP-safe-info h3 {
	color: #fdeeb9;
	font-size: 16px;
	font-weight: 400;
	padding: 15px 0;
}
.OP-safe-info h3 span {
	padding-left: 4px;
	border-left: #fdeeb9 2px solid;
	height: 20px;
	line-height: 20px;
}
.OP-safe-info label,
.OP-safe-info p {
	color: #fff;
	font-size: 14px;
}
.OP-safe-info label {
	text-indent: 2em;
	display: block;
}
.OP-safe-info strong {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.OP-safe-info a {
	color: #59c7fe;
	padding: 0 2px;
	font-weight: 400;
	font-size: 15px;
}
.OP-safe-info a:hover {
	text-decoration: underline;
}
.zhongjiang {
	width: 100%;
	height: 100%;
	background: url(../image/xixun.jpg);
}
#gg {
	text-align: center;
	color: #fff;
	padding-top: 66px;
	font-size: 16px;
	font-weight: 700;
}
#gg span {
	color: #fe0;
	display: inline-block;
	transition: all 1s;
}
#gg span.flop {
	transform: rotateX(360deg);
}
#gg h3 span {
	padding-left: 10px;
}
#gg h2 {
	font-size: 26px;
	text-shadow: 2px 2px 4px #000;
}
#gg h2 span {
	padding: 0 10px;
}
#gg img {
	height: auto;
	position: relative;
	width: auto;
}
#gg table {
	font-size: 12px;
	font-weight: 400;
	background: #fff;
	color: #666;
	width: 100%;
	border-collapse: collapse;
}
#gg table td {
	border: #ddd 1px solid;
	padding: 4px 0;
}
#gg table th {
	background: #efd6fc;
	color: #581874;
	font-size: 14px;
	padding: 6px 0;
}
#gg .table {
	width: 434px;
	margin: 10px auto;
	overflow: hidden;
	position: relative;
	height: 203px;
}
#gg .table .slider {
	width: 13000px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
}
#gg .table .container {
	display: inline-block;
	width: 434px;
	text-align: center;
}
.OP-left-box li.guoqing.active,
.OP-left-box li.zqgq:hover {
	background: url(../image/gqnavh.jpg);
}
.OP-left-box li.guoqing {
	background: url(../image/gqnav.jpg);
	font-size: 0;
}