html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
hr {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
caption {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
menu {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
img {
	border: currentColor; border-image: none; vertical-align: middle;
}
html {
	border: 0px currentColor; border-image: none;
}
body {
	border: 0px currentColor; border-image: none;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
iframe {
	border: 0px currentColor; border-image: none;
}
abbr {
	border: 0px currentColor; border-image: none;
}
li {
	list-style: none;
}
textarea {
	overflow: auto; resize: none;
}
a {
	cursor: pointer;
}
button {
	cursor: pointer;
}
h1 {
	font-weight: 700;
}
h2 {
	font-weight: 700;
}
h3 {
	font-weight: 700;
}
h4 {
	font-weight: 700;
}
h5 {
	font-weight: 700;
}
h6 {
	font-weight: 700;
}
em {
	font-weight: 700;
}
strong {
	font-weight: 700;
}
b {
	font-weight: 700;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
body {
	color: rgb(98, 161, 201);
}
textarea {
	color: rgb(98, 161, 201);
}
input {
	color: rgb(98, 161, 201);
}
button {
	color: rgb(98, 161, 201);
}
html {
	background: rgb(0, 0, 0); width: 100%; height: auto; font-family: "Microsoft YaHei",Tahoma,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;
}
body {
	background: rgb(0, 0, 0); width: 100%; height: auto; font-family: "Microsoft YaHei",Tahoma,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;
}
.hide {
	display: none;
}
.f-cb::after {
	height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: ".";
}
.f-cbli li::after {
	height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: ".";
}
.f-cb {
	-ms-zoom: 1;
}
.f-cbli li {
	-ms-zoom: 1;
}
.f-ib {
	display: inline-block;
}
.f-dn {
	display: none;
}
.f-db {
	display: block;
}
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.g-wrap {
	margin: 0px auto; width: 100%; overflow: hidden; font-size: 14px; max-width: 1920px;
}
.g-header {
	height: 330px;
}
.g-header-cnt {
	margin: 0px auto; width: 1200px; padding-top: 450px; z-index: 999;
}
.g-header-cnt .g-news {
	position: relative;
}
.g-cnt-1 {
	background: url("../images/bg-2.jpg") no-repeat top; height: 964px; position: relative;
}
.g-cnt-22 {
	background: url("../images/bg-3.jpg") no-repeat top; height:3375px;
}
.g-cnt-3 {
	background: url("../images/bg-4.jpg") no-repeat top; height: 904px;
}
.g-cnt-4 {
	background: url("../images/bg-5.jpg") no-repeat top; height: 904px;
}
.g-cnt-5 {
	background: url("../images/bg-6.jpg") no-repeat top; height: 924px;
}
.g-bottom {
	background: url("../images/bg-44.jpg") no-repeat top; height: 400px; position: relative;
}
.m-nav {
	background: rgba(0, 0, 0, 0.5); height: 80px; position: relative;
}
.m-nav .logo {
	background: url("../images/logo.png") no-repeat; transition:0.5s; left: 50%; width: 173px; height: 141px; margin-left: -86px; position: absolute; opacity: 0; transform: scale(1.5); -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5);
}
.m-nav .logo.active {
	opacity: 1; transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.m-nav .nav {
	margin: 0px auto; width: 1050px; line-height: 80px;
}
.m-nav .nav a {
	margin: 0px 40px; transition:0.3s; width: 64px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-nav .nav a:hover {
	color: rgb(26, 187, 193);
}
.m-download {
	background: rgba(255, 255, 255, 0.5); border-radius: 10px; left: 0px; width: 600px; height: 138px; margin-bottom: 20px; position: relative; z-index: 999;
}
.m-download .qrCnt {
	background: rgb(255, 255, 255); border-radius: 10px; left: 12px; top: 12px; width: 127px; height: 112px; position: absolute; z-index: 99;
}
.m-download .qrCnt .codeImg {
	background: url("../images/weixin.jpg") no-repeat 0% 0% / 100% 100%; left: 22px; top: 0px; width: 112px; height: 112px; display: block; position: absolute;
}
.m-download .qrCnt .txt {
	left: 7px; top: 8px; width: 14px; color: rgb(51, 51, 51); font-size: 12px; display: block; position: absolute;
}
.m-download .ios_download {
	background: url("../images/ios_download.png") no-repeat; left: 160px; top: 12px; width: 150px; height: 46px; color: rgb(255, 255, 255); line-height: 40px; text-indent: -99em; padding-top: 10px; padding-left: 58px; font-size: 16px; display: block; position: absolute;
}
.m-download .ios_download span {
	font-size: 18px;
}
.m-download .ios_download:hover {
	background: url("../images/ios_download_hover.png") no-repeat;
}
.m-download .android_download {
	background: url("../images/andriod_download.png") no-repeat; left: 160px; top: 73px; width: 150px; height: 50px; color: rgb(255, 255, 255); line-height: 50px; text-indent: -99em; padding-left: 58px; font-size: 20px; display: block; position: absolute;
}
.m-download .android_download:hover {
	background: url("../images/andriod_download_hover.png") no-repeat;
}
.m-download .ios_download2 {
	background: url("../images/paybtn.png") no-repeat; left: 380px; top: 12px; width: 150px; height: 46px; color: rgb(255, 255, 255); line-height: 40px; text-indent: -99em; padding-top: 10px; padding-left: 58px; font-size: 16px; display: block; position: absolute;
}
.m-download .ios_download2 span {
	font-size: 18px;
}
.m-download .ios_download2:hover {
	background: url("../images/paybtn_hover.png") no-repeat;
}
.m-download .android_download2 {
	background: url("../images/patchbtn.png") no-repeat; left: 380px; top: 73px; width: 150px; height: 50px; color: rgb(255, 255, 255); line-height: 50px; text-indent: -99em; padding-left: 58px; font-size: 20px; display: block; position: absolute;
}
.m-download .android_download2:hover {
	background: url("../images/patchbtn_hover.png") no-repeat;
}
.m-banner {
	left: 0px; top: -100px; width: 436px; position: absolute; z-index: 500;
}
.m-banner .pcnt {
	text-align: center; margin-top: 10px;
}
.m-banner .c {
	background: url("../images/c_d8e31c3.png") no-repeat; margin: 0px 7px; width: 15px; height: 15px; display: inline-block; cursor: pointer;
}
.m-banner .c.active {
	background: url("../images/c_active_84b2caa.png") no-repeat;
}
.m-banner .gfBannerSlider {
	overflow: hidden; visibility: hidden; position: relative;
}
.m-banner .swipe-wrap {
	overflow: hidden; position: relative;
}
.m-banner .swipe-wrap > a {
	width: 100%; float: left; display: block; position: relative;
}
.m-banner .swipe-wrap > a img {
	width: 436px; height: 340px; display: block;
}
.m-banner .swipe-wrap > a::after {
	left: 10px; top: 10px; right: 10px; bottom: 10px; display: block; position: absolute; content: "";
}
.m-banner .bannerCnt {
	background: rgba(0, 0, 0, 0.56); padding: 10px; width: 436px; height: 340px; overflow: hidden;
}
.m-news {
	background: rgba(0, 0, 0, 0.56); left: 456px; top: -100px; width: 744px; height: 360px; overflow: hidden; position: absolute;
}
.m-news .cnt {
	padding: 20px;
}
.m-news .nav {
	border-bottom-color: rgb(161, 161, 161); border-bottom-width: 1px; border-bottom-style: solid;
}
.m-news .nav li {
	width: 120px; height: 30px; text-align: center; color: rgb(161, 161, 161); line-height: 30px; font-size: 14px; display: block; cursor: pointer;
}
.m-news .nav li.active {
	font-size: 16px; border-bottom-color: rgb(217, 151, 65); border-bottom-width: 2px; border-bottom-style: solid;
}
.m-news .nav .more {
	background: url("../images/more.png") no-repeat; transition:0.3s; width: 23px; height: 23px; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-news .nav .more:hover {
	background: url("../images/more_hover.png") no-repeat;
}
.m-news .tab {
	margin-top: 13px; display: none;
}
.m-news .tab .headline {
	background: rgb(0, 0, 0); padding: 0px 10px; width: 684px; height: 43px; text-align: center; color: rgb(242, 120, 1); line-height: 43px; overflow: hidden; font-size: 16px; font-weight: bold; margin-bottom: 25px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.m-news .tab li {
	margin-top: 80px; position: relative; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;
}
.m-news .tab li:nth-child(1) {
	transition:0.5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;
}
.m-news .tab li:nth-child(2) {
	transition:0.6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s;
}
.m-news .tab li:nth-child(3) {
	transition:0.7s; -webkit-transition: all .7s; -moz-transition: all .7s; -o-transition: all .7s;
}
.m-news .tab li:nth-child(4) {
	transition:0.8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s;
}
.m-news .tab li:nth-child(5) {
	transition:0.9s; -webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s;
}
.m-news .tab li:nth-child(6) {
	transition:1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;
}
.m-news .tab li:nth-child(7) {
	transition:1.1s; -webkit-transition: all 1.1s; -moz-transition: all 1.1s; -o-transition: all 1.1s;
}
.m-news .tab.active li {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-news .tab .news_item {
	width: 700px; height: 20px; color: rgb(161, 161, 161); line-height: 20px; overflow: hidden; margin-bottom: 12px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.m-news .tab .news_item:hover {
	color: rgb(189, 167, 101);
}
.m-news .tab .news_item .time {
	top: 0px; right: 0px; color: rgb(171, 194, 195); position: absolute;
}
.m-activity {
	background: url("../images/rl_bg.png") no-repeat; left: 912px; top: 0px; width: 288px; height: 910px; position: absolute; z-index: 2;
}
.m-activity .cnt {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 5px; top: 5px; right: 5px; bottom: 5px; position: absolute;
}
.m-activity .cnt h3 {
	background: url("../images/icon_rili.png") no-repeat 25px 0px; height: 38px; color: rgb(0, 0, 0); line-height: 38px; padding-left: 87px; font-size: 24px; margin-top: 6px; margin-bottom: 20px;
}
.m-activity .cnt .list {
	position: relative;
}
.m-activity .cnt .list .item {
	background: rgba(255, 255, 255, 0.5); border-width: 2px 1px 3px; border-style: solid; border-color: rgb(47, 193, 198) rgb(226, 239, 236) rgb(226, 239, 236); padding: 10px 17px; transition:0.3s; left: 9px; width: 256px; height: 94px; color: rgb(88, 88, 88); overflow: hidden; position: absolute; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.m-activity .cnt .list .item:hover {
	background: rgb(255, 254, 247); height: 200px;
}
.m-activity .cnt .list .item .t .txt {
	color: rgb(0, 0, 0); font-size: 18px; font-weight: 700;
}
.m-activity .cnt .list .item .limit {
	height: 38px; font-size: 14px; margin-top: 10px;
}
.m-activity .cnt .list .item .detail {
	padding-top: 22px; padding-bottom: 22px; margin-top: 8px; border-top-color: rgb(118, 118, 118); border-top-width: 1px; border-top-style: dashed;
}
.m-activity .cnt .list :nth-child(1).item {
	border-top-color: rgb(241, 75, 77); border-top-width: 2px; border-top-style: solid;
}
.m-activity .cnt .list :nth-child(2).item {
	top: 113px; border-top-color: rgb(244, 224, 166); border-top-width: 2px; border-top-style: solid;
}
.m-activity .cnt .list :nth-child(3).item {
	top: 226px;
}
.m-activity .cnt .list :nth-child(4).item {
	top: 339px;
}
.m-activity .cnt .list :nth-child(5).item {
	top: 452px;
}
.m-activity .cnt .list :nth-child(6).item {
	top: 565px;
}
.m-activity .cnt .list :nth-child(7).item {
	top: 678px;
}
.m-roles {
	margin: 0px auto; width: 1200px; position: relative;
}
.m-roles h3 {
	background: url("../images/icon_role.png") no-repeat; left: 7px; top: 21px; height: 38px; color: rgb(0, 0, 0); line-height: 38px; padding-left: 62px; font-size: 24px; position: absolute;
}
.m-roles .more {
	background: url("../images/more.png") no-repeat; transition:0.3s; top: 20px; width: 100px; height: 23px; right: 280px; color: rgb(51, 51, 51); line-height: 23px; padding-left: 30px; display: block; position: absolute; z-index: 9; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-roles .more:hover {
	background: url("../images/more_hover.png") no-repeat;
}
.m-roles #roleCarousel {
	margin: 0px auto; width: 1040px; height: 700px; position: relative;
}
.m-roles #roleCarousel img {
	border: 0px currentColor; border-image: none;
}
.m-roles #roleCarousel .role {
	transition:opacity 0.1s; top: 1000px; position: absolute; cursor: pointer; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s;
}
.m-roles #roleCarousel .role a {
	display: block;
}
.m-roles #roleCarousel .role a .name {
	background: url("../images/role_name.png") no-repeat; transition:0.3s; left: 50px; width: 40px; height: 146px; text-align: center; line-height: 146px; margin-top: 30px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-roles #roleCarousel .role a .name .icon {
	margin: 10px auto 0px; display: block;
}
.m-roles #roleCarousel .role a .name .icon.icon-1 {
	background: url("../images/1_a2a1dab.png") no-repeat; width: 16px; height: 19px;
}
.m-roles #roleCarousel .role a .name .icon.icon-2 {
	background: url("../images/2_5F5F2af7edc.png") no-repeat; width: 18px; height: 19px;
}
.m-roles #roleCarousel .role a .name .icon.icon-3 {
	background: url("../images/3_5F5F5f35086.png") no-repeat; width: 19px; height: 15px;
}
.m-roles #roleCarousel .role a .name .txt {
	margin: 0px auto; width: 20px; text-align: center; color: rgb(0, 0, 0); line-height: 17px; padding-bottom: 68px; font-size: 16px; vertical-align: middle; display: inline-block;
}
.m-roles #roleCarousel .role a .name .arraw {
	background: url("../images/role_arrow.png") no-repeat; left: 50%; width: 30px; height: 28px; bottom: 5px; margin-left: -15px; display: block; position: absolute;
}
.m-roles #roleCarousel .role a:hover .arraw {
	animation:arrow 0.8s ease-in-out;
}
.m-roles #roleCarousel .role.active a .name {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-roles #roleCarousel .blipsContainer {
	left: 50%; top: 850px; width: 1000px; height: 40px; color: rgb(255, 255, 255); margin-left: -430px; position: absolute;
}
.m-roles #roleCarousel .blipsContainer .blip {
	border: 1px solid rgb(161, 161, 161); transition:background 0.4s; border-image: none; width: 128px; height: 38px; text-align: center; color: rgb(161, 161, 161); line-height: 34px; margin-left: -2px; position: relative; box-sizing: border-box;
}
.m-roles #roleCarousel .blipsContainer .blip:hover {
	color: rgb(255, 255, 255); background-color: rgb(169, 19, 3);
}
.m-roles #roleCarousel .blipsContainer .blip .border {
	border: 2px solid rgb(216, 108, 3); border-image: none; left: -2px; top: -2px; width: 128px; height: 38px; display: none; position: absolute; z-index: 1; box-sizing: border-box;
}
.m-roles #roleCarousel .blipsContainer .blipSelected {
	border: 4px solid rgb(216, 108, 3); border-image: none; color: rgb(255, 255, 255); line-height: 30px; background-color: rgb(216, 108, 3);
}
.m-roles #roleCarousel .blipsContainer .blipSelected .border {
	left: -4px; top: -4px; display: block;
}
.m-shuiche {
	background: url("../images/shuiche.png") no-repeat; left: 50%; top: 490px; width: 469px; height: 207px; margin-left: 230px; position: absolute;
}
.m-feature {
	margin: 0px auto; width: 1200px; position: relative;
}
.m-feature h3 {
	background: url("../images/icon_feature.png") no-repeat; left: 7px; top: 20px; height: 38px; color: rgb(0, 0, 0); line-height: 38px; padding-left: 62px; font-size: 24px; position: absolute;
}
.m-feature #featureCarousel {
	height: 770px; position: relative;
}
.m-feature #featureCarousel img {
	border: 0px currentColor; border-image: none;
}
.m-feature #featureCarousel .feature {
	transition:opacity 0.1s; top: 1000px; position: absolute; cursor: pointer; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s;
}
.m-feature #featureCarousel .feature a {
	display: block;
}
.m-feature #featureCarousel .feature a .name {
	background: url("../images/role_name.png") no-repeat; transition:0.3s; left: 50px; width: 40px; height: 146px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-feature #featureCarousel .feature.active a .name {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-feature #featureCarousel .feature .border {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 10px; top: 10px; right: 10px; bottom: 10px; position: absolute;
}
.m-feature #featureCarousel .blipsContainer {
	left: 50%; top: 800px; width: 1000px; height: 40px; color: rgb(255, 255, 255); margin-left: -360px; position: absolute;
}
.m-feature #featureCarousel .blipsContainer .blip {
	border: 1px solid rgb(161, 161, 161); transition:background 0.4s; border-image: none; width: 128px; height: 38px; text-align: center; color: rgb(161, 161, 161); line-height: 34px; margin-left: -2px; position: relative; box-sizing: border-box;
}
.m-feature #featureCarousel .blipsContainer .blip:hover {
	color: rgb(255, 255, 255); background-color: rgb(169, 19, 3);
}
.m-feature #featureCarousel .blipsContainer .blip .border {
	border: 2px solid rgb(216, 108, 3); border-image: none; left: -2px; top: -2px; width: 128px; height: 38px; display: none; position: absolute; z-index: 1; box-sizing: border-box;
}
.m-feature #featureCarousel .blipsContainer .blipSelected {
	border: 4px solid rgb(216, 108, 3); border-image: none; color: rgb(255, 255, 255); line-height: 30px; background-color: rgb(216, 108, 3);
}
.m-feature #featureCarousel .blipsContainer .blipSelected .border {
	left: -4px; top: -4px; display: block;
}
.m-feature2 {
	margin: 0px auto; width: 1200px; position: relative;
}
.m-feature2 h3 {
	background: url("../images/icon_feature.png") no-repeat; left: 7px; top: 20px; height: 38px; color: rgb(0, 0, 0); line-height: 38px; padding-left: 62px; font-size: 24px; position: absolute;
}
.m-feature2 #featureCarouse2 {
	height: 770px; position: relative;
}
.m-feature2 #featureCarouse2 img {
	border: 0px currentColor; border-image: none;
}
.m-feature2 #featureCarouse2 .feature {
	transition:opacity 0.1s; top: 1000px; position: absolute; cursor: pointer; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s;
}
.m-feature2 #featureCarouse2 .feature a {
	display: block;
}
.m-feature2 #featureCarouse2 .feature a .name {
	background: url("../images/role_name.png") no-repeat; transition:0.3s; left: 50px; width: 40px; height: 146px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-feature2 #featureCarouse2 .feature.active a .name {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-feature2 #featureCarouse2 .feature .border {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 10px; top: 10px; right: 10px; bottom: 10px; position: absolute;
}
.m-feature2 #featureCarouse2 .blipsContainer {
	left: 50%; top: 800px; width: 1300px; height: 40px; color: rgb(255, 255, 255); margin-left: -650px; position: absolute;
}
.m-feature2 #featureCarouse2 .blipsContainer .blip {
	border: 1px solid rgb(161, 161, 161); transition:background 0.4s; border-image: none; width: 128px; height: 38px; text-align: center; color: rgb(161, 161, 161); line-height: 34px; margin-left: -2px; position: relative; box-sizing: border-box;
}
.m-feature2 #featureCarouse2 .blipsContainer .blip:hover {
	color: rgb(255, 255, 255); background-color: rgb(169, 19, 3);
}
.m-feature2 #featureCarouse2 .blipsContainer .blip .border {
	border: 2px solid rgb(216, 108, 3); border-image: none; left: -2px; top: -2px; width: 128px; height: 38px; display: none; position: absolute; z-index: 1; box-sizing: border-box;
}
.m-feature2 #featureCarouse2 .blipsContainer .blipSelected {
	border: 4px solid rgb(216, 108, 3); border-image: none; color: rgb(255, 255, 255); line-height: 30px; background-color: rgb(216, 108, 3);
}
.m-feature2 #featureCarouse2 .blipsContainer .blipSelected .border {
	left: -4px; top: -4px; display: block;
}
.m-feature3 {
	margin: 0px auto; width: 1200px; position: relative;
}
.m-feature3 h3 {
	background: url("../images/icon_feature.png") no-repeat; left: 7px; top: 20px; height: 38px; color: rgb(0, 0, 0); line-height: 38px; padding-left: 62px; font-size: 24px; position: absolute;
}
.m-feature3 #featureCarouse3 {
	height: 770px; position: relative;
}
.m-feature3 #featureCarouse3 img {
	border: 0px currentColor; border-image: none;
}
.m-feature3 #featureCarouse3 .feature {
	transition:opacity 0.1s; top: 1000px; position: absolute; cursor: pointer; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s;
}
.m-feature3 #featureCarouse3 .feature a {
	display: block;
}
.m-feature3 #featureCarouse3 .feature a .name {
	background: url("../images/role_name.png") no-repeat; transition:0.3s; left: 50px; width: 40px; height: 146px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-feature3 #featureCarouse3 .feature.active a .name {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-feature3 #featureCarouse3 .feature .border {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 10px; top: 10px; right: 10px; bottom: 10px; position: absolute;
}
.m-feature3 #featureCarouse3 .blipsContainer {
	left: 50%; top: 800px; width: 1000px; height: 40px; color: rgb(255, 255, 255); margin-left: -300px; position: absolute;
}
.m-feature3 #featureCarouse3 .blipsContainer .blip {
	border: 1px solid rgb(161, 161, 161); transition:background 0.4s; border-image: none; width: 128px; height: 38px; text-align: center; color: rgb(161, 161, 161); line-height: 34px; margin-left: -2px; position: relative; box-sizing: border-box;
}
.m-feature3 #featureCarouse3 .blipsContainer .blip:hover {
	color: rgb(255, 255, 255); background-color: rgb(169, 19, 3);
}
.m-feature3 #featureCarouse3 .blipsContainer .blip .border {
	border: 2px solid rgb(216, 108, 3); border-image: none; left: -2px; top: -2px; width: 128px; height: 38px; display: none; position: absolute; z-index: 1; box-sizing: border-box;
}
.m-feature3 #featureCarouse3 .blipsContainer .blipSelected {
	border: 4px solid rgb(216, 108, 3); border-image: none; color: rgb(255, 255, 255); line-height: 30px; background-color: rgb(216, 108, 3);
}
.m-feature3 #featureCarouse3 .blipsContainer .blipSelected .border {
	left: -4px; top: -4px; display: block;
}
.m-feature4 {
	margin: 0px auto; width: 1200px; position: relative;
}
.m-feature4 h3 {
	background: url("../images/icon_feature.png") no-repeat; left: 7px; top: 20px; height: 38px; color: rgb(0, 0, 0); line-height: 38px; padding-left: 62px; font-size: 24px; position: absolute;
}
.m-feature4 #featureCarouse4 {
	height: 770px; position: relative;
}
.m-feature4 #featureCarouse4 img {
	border: 0px currentColor; border-image: none;
}
.m-feature4 #featureCarouse4 .feature {
	transition:opacity 0.1s; top: 1000px; position: absolute; cursor: pointer; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s;
}
.m-feature4 #featureCarouse4 .feature a {
	display: block;
}
.m-feature4 #featureCarouse4 .feature a .name {
	background: url("../images/role_name.png") no-repeat; transition:0.3s; left: 50px; width: 40px; height: 146px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-feature4 #featureCarouse4 .feature.active a .name {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-feature4 #featureCarouse4 .feature .border {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 10px; top: 10px; right: 10px; bottom: 10px; position: absolute;
}
.m-feature4 #featureCarouse4 .blipsContainer {
	left: 50%; top: 800px; width: 1300px; height: 40px; color: rgb(255, 255, 255); margin-left: -650px; position: absolute;
}
.m-feature4 #featureCarouse4 .blipsContainer .blip {
	border: 1px solid rgb(161, 161, 161); transition:background 0.4s; border-image: none; width: 128px; height: 38px; text-align: center; color: rgb(161, 161, 161); line-height: 34px; margin-left: -2px; position: relative; box-sizing: border-box;
}
.m-feature4 #featureCarouse4 .blipsContainer .blip:hover {
	color: rgb(255, 255, 255); background-color: rgb(169, 19, 3);
}
.m-feature4 #featureCarouse4 .blipsContainer .blip .border {
	border: 2px solid rgb(216, 108, 3); border-image: none; left: -2px; top: -2px; width: 128px; height: 38px; display: none; position: absolute; z-index: 1; box-sizing: border-box;
}
.m-feature4 #featureCarouse4 .blipsContainer .blipSelected {
	border: 4px solid rgb(216, 108, 3); border-image: none; color: rgb(255, 255, 255); line-height: 30px; background-color: rgb(216, 108, 3);
}
.m-feature4 #featureCarouse4 .blipsContainer .blipSelected .border {
	left: -4px; top: -4px; display: block;
}
.m-bottom {
	height: 880px; position: relative;
}
.m-bottom .t {
	transition:0.8s; top: 150px; width: 100%; text-align: center; color: rgb(88, 88, 88); letter-spacing: 40px; font-size: 24px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s;
}
.m-bottom .moon {
	background: url("../images/moon.png") no-repeat; transition:0.8s 0.1s; left: 50%; top: 100px; width: 180px; height: 180px; margin-top: 80px; margin-bottom: 80px; margin-left: -95px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .1s; -moz-transition: all .8s .1s; -o-transition: all .8s .1s;
}
.m-bottom .line {
	transition:0.8s 0.2s; left: 50%; top: 137px; width: 1px; height: 60px; margin-top: 80px; border-left-color: rgb(47, 193, 198); border-left-width: 1px; border-left-style: solid; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .2s; -moz-transition: all .8s .2s; -o-transition: all .8s .2s;
}
.m-bottom .left {
	background: url("../images/moon_left.png") no-repeat; transition:0.8s 0.3s; left: 50%; top: 250px; width: 293px; height: 72px; margin-top: 80px; margin-left: -462px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .3s; -moz-transition: all .8s .3s; -o-transition: all .8s .3s;
}
.m-bottom .right {
	background: url("../images/moon_right.png") no-repeat; transition:0.8s 0.3s; top: 250px; width: 293px; height: 72px; right: 50%; margin-top: 80px; margin-right: -462px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .3s; -moz-transition: all .8s .3s; -o-transition: all .8s .3s;
}
.m-bottom .qr {
	background: url("../images/weixin_qr.jpg") no-repeat; transition:0.8s 0.4s; left: 50%; top: 223px; width: 145px; height: 145px; margin-top: 80px; margin-left: -72px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .4s; -moz-transition: all .8s .4s; -o-transition: all .8s .4s;
}
.m-bottom .p {
	transition:0.8s 0.5s; top: 395px; width: 100%; text-align: center; color: rgb(88, 88, 88); line-height: 29px; font-size: 18px; margin-top: 80px; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .5s; -moz-transition: all .8s .5s; -o-transition: all .8s .5s;
}
.m-bottom .topBtn {
	border: 1px solid rgb(43, 51, 70); transition:opacity 0.8s 0.6s; border-image: none; left: 50%; top: 250px; width: 178px; height: 40px; text-align: center; color: rgb(43, 51, 70); line-height: 40px; margin-left: -89px; display: block; position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: opacity .8s .6s; -moz-transition: opacity .8s .6s; -o-transition: opacity .8s .6s;
}
.m-bottom .topBtn:hover {
	background: rgb(43, 51, 70); color: rgb(255, 255, 255);
}
.m-bottom #NIE-copyRight {
	left: 50%; bottom: 20px; color: rgb(0, 0, 0); margin-left: -420px; position: absolute;
}
.m-bottom #NIE-copyRight a {
	color: rgb(0, 0, 0) !important;
}
.m-bottom.active .t {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-bottom.active .moon {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-bottom.active .line {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-bottom.active .left {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-bottom.active .right {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-bottom.active .qr {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-bottom.active .p {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-bottom.active .topBtn {
	margin-top: 0px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.taohua-1 {
	background: url("../images/taohua.png") no-repeat; left: 0px; top: -238px; width: 432px; height: 633px; position: absolute;
}
.taohua-2 {
	background: url("../images/taohua-2.png") no-repeat; top: 193px; width: 257px; height: 291px; right: 10px; position: absolute;
}
.m-giftPopup {
	background: rgba(0, 0, 0, 0.9); left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 999;
}
.m-giftPopup .giftPopup {
	background: url("../images/gift_pop.png") no-repeat; left: 50%; top: 50%; width: 1096px; height: 540px; color: rgb(0, 0, 0); margin-top: -270px; margin-left: -660px; position: absolute;
}
.m-giftPopup .giftPopup .cnt {
	width: 530px; padding-top: 78px; margin-left: 468px;
}
.m-giftPopup .giftPopup .cnt .t {
	font-size: 28px; font-weight: 700;
}
.m-giftPopup .giftPopup .cnt .p1 {
	line-height: 24px; font-size: 16px; margin-top: 28px;
}
.m-giftPopup .giftPopup .cnt .p2 {
	color: rgb(241, 75, 77); font-size: 24px; margin-top: 28px;
}
.m-giftPopup .giftPopup .cnt .p2 .code {
	font-weight: 700;
}
.m-giftPopup .giftPopup .cnt .p3 {
	font-size: 16px; font-weight: 700; margin-top: 12px;
}
.m-giftPopup .giftPopup .cnt .p4 {
	line-height: 24px; font-size: 14px; margin-top: 14px;
}
.m-giftPopup .giftPopup .cnt img {
	margin-top: 20px;
}
.m-giftPopup .closeBtn {
	background: url("../images/gift_close.png") no-repeat; transition:0.3s; top: 35px; width: 95px; height: 261px; right: 4px; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-giftPopup .closeBtn:hover {
	background: url("../images/gift_close_hover.png") no-repeat;
}
.m-orderBtn {
	background: url("../images/r_tips_btn.png") no-repeat; transition:0.3s; width: 317px; height: 102px; right: 10px; bottom: -160px; position: fixed; z-index: 999999; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-orderBtn.active {
	bottom: 10px;
}
.m-orderBtn .hand {
	background: url("../images/r_tips_hand.png") no-repeat; transform-origin: 50% 100%; animation:hand 1s ease-in-out infinite; top: -54px; width: 47px; height: 62px; right: 20px; position: absolute;
}
.m-orderBtn:hover .hand {
	animation:none;
}
.m-order-content {
	background: url("../images/order_content.png") no-repeat; transition:0.3s; left: 50%; width: 1228px; height: 192px; bottom: -230px; color: rgb(189, 167, 101); margin-left: -614px; position: fixed; z-index: 99999; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
}
.m-order-content.active {
	bottom: 10px;
}
.m-order-content .joinCnt {
	width: 344px; text-align: center; color: rgb(88, 88, 88);
}
.m-order-content .joinCnt .t {
	color: rgb(241, 75, 77); padding-top: 32px; font-size: 24px; margin-bottom: 17px;
}
.m-order-content .joinCnt .t .b {
	font-weight: 700;
}
.m-order-content .joinCnt .joinBtn {
	background: rgb(241, 75, 77); margin: 0px auto 16px; border-radius: 5px; width: 191px; height: 41px; color: rgb(255, 255, 255); line-height: 41px; font-size: 16px; display: block;
}
.m-order-content .joinCnt .joinBtn:hover {
	background: rgb(239, 87, 89);
}
.m-order-content .gap {
	width: 4px; height: 124px; margin-top: 35px; border-right-color: rgb(172, 227, 225); border-left-color: rgb(172, 227, 225); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.m-order-content .awardCnt {
	width: 800px; margin-left: 75px;
}
.m-order-content .awardCnt .item {
	width: 105px; text-align: center; margin-top: 34px;
}
.m-order-content .awardCnt .item .award {
	background: url("../images/award_bg.png") no-repeat; margin: 0px auto; width: 75px; height: 75px; display: block; position: relative; opacity: 0.5; -webkit-opacity: .5; -moz-opacity: .5;
}
.m-order-content .awardCnt .item .award .tag {
	background: url("../images/complete_tag.png") no-repeat; left: -30px; top: -13px; width: 82px; height: 64px; display: none; position: absolute;
}
.m-order-content .awardCnt .item .award .img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.m-order-content .awardCnt .item .award .img.img-1 {
	background: url("../images/1_0e5d7c8.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img.img-2 {
	background: url("../images/2_5F5F7cbb938.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img.img-3 {
	background: url("../images/3_8fb5308.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img.img-4 {
	background: url("../images/4_777900e.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img.img-5 {
	background: url("../images/5_a5429aa.png") no-repeat;
}
.m-order-content .awardCnt .item .name {
	margin-top: 12px; display: block;
}
.m-order-content .awardCnt .item .num {
	margin-top: 6px; display: block;
}
.m-order-content .awardCnt .item.active .award {
	opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-order-content .awardCnt .item.active .tag {
	display: block;
}
.m-order-content .awardCnt .dashed {
	background: url("../images/dashed_line.png") no-repeat; width: 45px; height: 5px; margin-top: 67px; display: block;
}
.m-order-content .awardCnt .dashed.active {
	background: url("../images/dashed_line_active.png") no-repeat;
}
.m-order-content .closeBtn {
	background: url("../images/order_content_close.png") no-repeat center rgb(47, 193, 198); top: -32px; width: 56px; height: 32px; right: 16px; display: block; position: absolute;
}
.m-flotage-left {
	background: url("../images/flotage_left.png") no-repeat; left: 0px; width: 198px; height: 248px; bottom: 100px; display: block; position: fixed; z-index: 999999;
}
.m-flotage-left .p1 {
	text-align: center; color: rgb(241, 75, 77); padding-top: 140px; font-weight: 700;
}
.m-flotage-left .p2 {
	width: 140px; color: rgb(51, 51, 51); font-size: 14px; margin-top: 10px; margin-left: 25px;
}
.m-slogan {
	background: url("../images/slogan_dc.png") no-repeat; left: 57px; top: 63px; width: 498px; height: 280px; position: absolute;
}
.m-share {
	top: 50%; width: 50px; right: 0px; margin-top: -100px; position: fixed; z-index: 9999999;
}
.m-share .item {
	height: 50px; display: block;
}
.m-share .item .icon {
	width: 100%; height: 100%; display: block;
}
.m-share .item .icon.icon-1 {
	background: url("../images/icon_weixin.png") no-repeat center rgb(242, 120, 1);
}
.m-share .item .icon.icon-2 {
	background: url("../images/qq.png") no-repeat center rgb(242, 120, 1);
}
.m-share .item .icon.icon-3 {
	background: url("../images/weibo.png") no-repeat center rgb(242, 120, 1);
}
.m-share .item .icon.icon-4 {
	background: url("../images/top.png") no-repeat center rgb(242, 120, 1);
}
.m-share .item:hover .icon.icon-1 {
	background: url("../images/icon_weixin_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .item:hover .icon.icon-2 {
	background: url("../images/qq_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .item:hover .icon.icon-3 {
	background: url("../images/weibo_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .item:hover .icon.icon-4 {
	background: url("../images/top_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .item.weixin {
	position: relative;
}
.m-share .item.weixin .qrCnt {
	background: rgb(234, 234, 234); top: 0px; width: 145px; height: 200px; right: 50px; display: none; position: absolute;
}
.m-share .item.weixin .qrCnt img {
	margin: 13px auto 0px; width: 120px; height: 120px; display: block;
}
.m-share .item.weixin .qrCnt p {
	text-align: center; color: rgb(51, 51, 51); font-size: 14px; margin-top: 12px;
}
.m-share .item.weixin:hover .qrCnt {
	display: block;
}
.m-share .item.qq {
	position: relative; cursor: pointer;
}
.m-share .item.qq .qqCnt {
	background: rgb(234, 234, 234); top: 0px; width: 145px; height: 276px; right: 50px; display: none; position: absolute;
}
.m-share .item.qq .qqCnt a {
	margin: 17px auto 0px; width: 126px; height: 56px; text-align: center; color: rgb(51, 51, 51); display: block;
}
.m-share .item.qq .qqCnt a:nth-child(1) {
	border-bottom-color: rgb(187, 187, 187); border-bottom-width: 1px; border-bottom-style: dashed;
}
.m-share .item.qq .qqCnt a:nth-child(2) {
	margin-top: 10px; border-bottom-color: rgb(187, 187, 187); border-bottom-width: 1px; border-bottom-style: dashed;
}
.m-share .item.qq .qqCnt a:nth-child(3) {
	margin-top: 10px; border-bottom-color: rgb(187, 187, 187); border-bottom-width: 1px; border-bottom-style: dashed;
}
.m-share .item.qq .qqCnt a:nth-child(4) {
	margin-top: 10px;
}
.m-share .item.qq .qqCnt a .num {
	color: rgb(231, 132, 3); font-size: 18px; font-weight: 700;
}
.m-share .item.qq:hover .qqCnt {
	display: block;
}
.m-lantern {
	left: -210px; top: 437px; width: 10px; height: 10px; position: absolute;
}
.m-lantern .lantern {
	background: url("../images/lantern.png") no-repeat; transform-origin: 25% 0%; animation:lantern_keyframes 8s infinite; left: -20px; top: -5px; width: 131px; height: 172px; position: absolute; -webkit-animation: lantern_keyframes 8s infinite; -moz-animation: lantern_keyframes 8s infinite; -o-animation: lantern_keyframes 8s infinite; -webkit-transform-origin: 25% 0; -moz-transform-origin: 25% 0; -o-transform-origin: 25% 0;
}
.m-lantern .lantern .tail {
	background: url("../images/tail.png") no-repeat; transform-origin: 10% 0%; animation:tail_keyframes 8s infinite; left: 90px; top: 152px; width: 98px; height: 75px; position: absolute; -webkit-animation: tail_keyframes 8s infinite; -moz-animation: tail_keyframes 8s infinite; -o-animation: tail_keyframes 8s infinite; -webkit-transform-origin: 10% 0; -moz-transform-origin: 10% 0; -o-transform-origin: 10% 0;
}
.red {
	color: rgb(241, 75, 77);
}
.m-petal .parent {
	left: -20px; top: 0px; height: 700px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; perspective: 1000px;
}
.m-petal .petal {
	background: rgb(254, 133, 192); margin: 1px; border-radius: 15px 5px 15px 0px; animation:fall1 10s linear infinite; left: 0px; top: 0px; width: 10px; height: 10px; position: absolute; box-shadow: inset 3px 3px 5px -3px #fff; transform-style: preserve-3d; backface-visibility: hidden;
}
.m-petal .petal::after {
	background: rgb(254, 133, 192); border-radius: 15px 5px 15px 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; transform: rotateY(180deg); transform-style: preserve-3d; backface-visibility: hidden;
}
.m-petal :nth-child(2).petal {
	top: 10%; animation-name: fall2; animation-delay: 1.25s;
}
.m-petal :nth-child(3).petal {
	top: 25%; animation-name: fall3; animation-delay: 4.65s;
}
.m-petal :nth-child(4).petal {
	top: 30%; animation-name: fall4; animation-delay: 1.15s;
}
.m-petal :nth-child(5).petal {
	top: 50%; animation-name: fall5; animation-delay: 1.35s;
}
.m-petal :nth-child(6).petal {
	top: 75%; animation-name: fall6; animation-delay: 3.25s;
}
.m-petal :nth-child(7).petal {
	top: 10%; animation-name: fall2; animation-delay: 2.25s;
}
.m-petal :nth-child(8).petal {
	top: 25%; animation-name: fall3; animation-delay: 3.65s;
}
.m-petal :nth-child(9).petal {
	top: 30%; animation-name: fall4; animation-delay: 0.15s;
}
.m-petal :nth-child(10).petal {
	top: 50%; animation-name: fall5; animation-delay: 1.25s;
}
.m-petal :nth-child(11).petal {
	top: 75%; animation-name: fall6; animation-delay: 0.25s;
}
.m-petal :nth-child(12).petal {
	top: 85%; animation-name: fall6; animation-delay: 1.75s;
}
.m-giftTips {
	background: rgb(253, 254, 237); border: 1px solid rgb(233, 200, 142); border-image: none; left: 100px; top: 100px; width: 480px; height: 210px; color: rgb(89, 89, 88); margin-top: -230px; margin-left: -240px; display: none; position: absolute; z-index: 9;
}
.m-giftTips .triangle {
	background: url("../images/tips_triangle.png") no-repeat; left: 50%; width: 35px; height: 19px; bottom: -19px; margin-left: -14px; position: absolute;
}
.m-giftTips .t {
	padding-top: 21px; font-size: 24px; margin-bottom: 11px; margin-left: 31px;
}
.m-giftTips .p1 {
	margin-left: 31px;
}
.m-giftTips .item {
	width: 75px; margin-top: 20px; margin-left: 31px;
}
.m-giftTips .item .imgCnt {
	background: url("../images/award_bg.png") no-repeat; width: 75px; height: 75px;
}
.m-giftTips .item .name {
	width: 120px; text-align: center; color: rgb(189, 167, 101); font-size: 14px; margin-top: 5px; margin-left: -22px;
}
.u-sanshi .category {
	background: url("../images/sanshi.png") no-repeat; width: 41px; height: 20px; color: rgb(255, 255, 255); line-height: 20px; text-indent: 5px; margin-right: 10px; margin-left: 8px; display: inline-block;
}
.u-sanshi .newtitle {
	font-weight: 700;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clearfix {
	
}
.section1 {
	transition:0.2s; width: 100%; height: 900px; position: absolute; opacity: 1; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.section1 .slogan {
	animation:Larger 0.3s linear 0.6s both; opacity: 1; -webkit-animation: Larger .3s linear .6s both; -moz-animation: Larger .3s linear .6s both;
}
.section1 .logo {
	animation:MoveDown 0.3s linear 1.2s both; opacity: 0; -webkit-animation: MoveDown .3s linear 1.2s both; -moz-animation: MoveDown .3s linear 1.2s both;
}
.section1 .downloadBox {
	animation:MoveUp 0.3s linear 1.2s both; opacity: 0; -webkit-animation: MoveUp .3s linear 1.2s both; -moz-animation: MoveUp .3s linear 1.2s both;
}
.section1 .doc {
	animation:MoveUp 0.3s linear 1.2s both; opacity: 0; -webkit-animation: MoveUp .3s linear 1.2s both; -moz-animation: MoveUp .3s linear 1.2s both;
}
.section1 .orderBtn {
	animation:MoveUp 0.3s linear 1.2s both; opacity: 0; -webkit-animation: MoveUp .3s linear 1.2s both; -moz-animation: MoveUp .3s linear 1.2s both;
}
.section1 .musicbox {
	animation:Moveright 0.3s linear 1.4s both; opacity: 0; -webkit-animation: Moveright .3s 1.4s linear both; -moz-animation: Moveright .3s 1.4s linear both;
}
.section1 .shareBox {
	animation:MoveLeft 0.3s linear 1.4s both; opacity: 1; -webkit-animation: MoveLeft .3s 1.4s linear both; -moz-animation: MoveLeft .3s 1.4s linear both;
}
.section1 .shareBox {
	top: 21px; width: 265px; height: 32px; right: 186px; position: absolute; z-index: 1;
}
.section1 .attention {
	width: 168px; height: 32px; color: rgb(249, 236, 200); line-height: 32px; font-size: 14px; float: left; display: block; z-index: 2; background-repeat: no-repeat;
}
.section1 .attention .ewm {
	background: rgb(255, 255, 255); border-radius: 5px; left: -57px; top: 36px; width: 138px; height: 178px; display: none; position: absolute; -webkit-border-radius: 3px;
}
.section1 .attention .ewm .txt {
	background: rgb(239, 239, 239); border-radius: 0px 0px 5px 5px; height: 44px; text-align: center; color: rgb(69, 69, 69); font-size: 12px;
}
.section1 .attention .ewm .txt p {
	height: 26px; line-height: 26px;
}
.section1 .attention .ewm .txt b {
	height: 20px; color: rgb(49, 49, 49); line-height: 20px; margin-top: -6px; display: block;
}
.section1 .attention .ewm::after {
	border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); left: 50%; top: -14px; margin-left: -10px; position: absolute; content: "";
}
.section1 .attention .ewm img {
	margin: 4px auto 0px; width: 130px; padding-bottom: 4px; display: block;
}
.section1 .attention span {
	margin-left: 18px; float: left; display: block;
}
.section1 .attention a {
	margin: 2px 4px 0px 0px; top: 4px; width: 18px; height: 18px; float: left; display: block; position: relative;
}
.section1 .attention .weixin {
	background-repeat: no-repeat;
}
.section1 .attention .weixin.on {
	background-repeat: no-repeat;
}
.section1 .attention .weixin.on .ewm {
	display: block;
}
.section1 .attention .weibo {
	background-repeat: no-repeat;
}
.section1 .attention .weibo.on {
	background-repeat: no-repeat;
}
.section1 .attention .weibo.on .ewm {
	display: block;
}
.section1 .attention .qq {
	background-repeat: no-repeat;
}
.section1 .attention .qq.on {
	background-repeat: no-repeat;
}
.section1 .attention .qq.on .ewm {
	display: block;
}
.section1 .slogan {
	background: url("../images/slogan.png") no-repeat; left: 50%; top: 270px; width: 730px; height: 331px; text-indent: -1000em; overflow: hidden; margin-left: -365px; display: block; position: absolute; z-index: 2;
}
.section1 .downloadBox {
	background: url("../images/01_dl_bg_a43a6e6.png") no-repeat top; left: 50%; top: 730px; width: 1221px; height: 131px; margin-left: -610.5px; position: absolute; z-index: 2;
}
.section1 .downloadBox .tip {
	background: url("../images/01_dl_arror_be773ac.png") no-repeat left; left: 234px; top: -74px; color: rgb(255, 255, 255); padding-left: 24px; font-size: 14px; position: absolute;
}
.section1 .downloadBox .ewmBox {
	background: rgba(255, 255, 255, 0.45); padding: 6px; left: 221px; top: -50px; width: 135px; height: 135px; position: absolute;
}
.section1 .downloadBox .weiduan {
	background: url("../images/weiduan_a.png") no-repeat; transition:0.2s; left: 60px; top: 22px; width: 352px; height: 80px; text-indent: -1000em; overflow: hidden; display: block; position: absolute; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.section1 .downloadBox .weiduan:hover {
	background: url("../images/weiduan_b.png") no-repeat;
}
.section1 .downloadBox .orderBtnAll {
	background: url("../images/down_a.png") no-repeat; transition:0.2s; left: 425px; top: 22px; width: 352px; height: 80px; text-indent: -1000em; overflow: hidden; display: block; position: absolute; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.section1 .downloadBox .orderBtnAll:hover {
	background: url("../images/down_b.png") no-repeat;
}
.section1 .downloadBox .paybtn {
	background: url("../images/pay_a.png") no-repeat; transition:0.2s; left: 785px; top: 22px; width: 352px; height: 80px; text-indent: -1000em; overflow: hidden; display: block; position: absolute; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.section1 .downloadBox .paybtn:hover {
	background: url("../images/pay_b.png") no-repeat;
}
.section1 .downloadBox .nie-download {
	left: 145px; top: -50px; position: absolute; z-index: 3;
}
.section1 .downloadBox .nie-download .NIE-qrcode {
	border: 6px solid rgba(255, 255, 255, 0.45); border-image: none; width: 135px; height: 135px;
}
.section1 .downloadBox .nie-download .NIE-qrcode img {
	width: 135px; height: 135px;
}
.section1 .downloadBox .nie-download .buttons {
	left: 162px; top: 86px; width: 412px; height: 59px; overflow: hidden; position: absolute;
}
.section1 .downloadBox .nie-download .buttons a {
	transition:0.2s; width: 198px; height: 59px; text-indent: -1000px; overflow: hidden; float: left; display: block; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.section1 .downloadBox .nie-download .buttons .link-apple {
	background: url("../images/01_dl_ios_f8f438c.png") no-repeat; margin-right: 16px; opacity: 0;
}
.section1 .downloadBox .nie-download .buttons .link-apple:hover {
	background: url("../images/01_dl_ios_on_df0a910.png") no-repeat;
}
.section1 .downloadBox .nie-download .buttons .link-android {
	background: url("../images/01_dl_ad_f0bf1a4.png") no-repeat;
}
.section1 .downloadBox .nie-download .buttons .link-android:hover {
	background: url("../images/01_dl_ad_on_b683155.png") no-repeat;
}
.section1 .downloadBox .gift {
	transition:0.2s; left: 700px; width: 170px; height: 174px; text-align: center; bottom: 30px; overflow: hidden; display: block; position: absolute; z-index: 2; cursor: pointer; transform: translate(0px, 0px); -webkit-transition: all .2s; -moz-transition: all .2s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);
}
.section1 .downloadBox .gift i {
	background: url("../images/01_dl_gift_cc6583c.png") no-repeat; transition:0.2s; width: 170px; height: 170px; display: block; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.section1 .downloadBox .gift span {
	left: 22px; width: 148px; height: 30px; bottom: 0px; color: rgb(233, 183, 47); line-height: 30px; font-size: 18px; font-weight: 700; display: block; position: absolute;
}
.section1 .downloadBox .gift:hover {
	transform: translate(0px, -8px); -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px);
}
.section1 .downloadBox .videoWrap {
	width: 223px; height: 133px; right: 152px; bottom: 35px; display: block; position: absolute;
}
.section1 .downloadBox .videoWrap:hover i {
	animation:rotate360 linear infinite; -webkit-animation: rotate360 0s infinite linear; -moz-animation: rotate360 0s infinite linear;
}
.section1 .downloadBox .videoWrap i {
	display: block; position: absolute;
}
.section1 .downloadBox .videoWrap .k {
	background: url("../images/01_dl_k_71e54ea.png") no-repeat; left: 0px; top: 0px; width: 223px; height: 133px; z-index: 1;
}
.section1 .downloadBox .videoWrap .y {
	background: url("../images/01_dl_y_527160d.png") no-repeat; margin: -27px 0px 0px -27.5px; animation:rotate360 2.5s linear infinite; left: 50%; top: 50%; width: 55px; height: 54px; z-index: 2; -webkit-animation: rotate360 2.5s infinite linear; -moz-animation: rotate360 2.5s infinite linear;
}
.section1 .downloadBox .videoWrap .arror {
	background: url("../images/01_dl_arr_cc77a37.png") no-repeat; margin: -10px 0px 0px -5px; left: 50%; top: 50%; width: 14px; height: 20px; z-index: 3;
}
.section1 .doc {
	background: rgba(0, 0, 0, 0.56); padding: 0px 34px 0px 38px; top: 844px; width: 1300px; height: 340px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
.header-nav {
	background: url("../images/nav_bg.png") no-repeat top; width: 100%; height: 70px; position: relative; z-index: 1000;
}
.header-nav-main {
	margin: 0px auto; width: 1199px; height: 61px; text-align: center; padding-top: 8px;
}
.header-nav-main a {
	transition:color 0.2s ease-in-out; width: 100px; height: 52px; color: rgb(255, 255, 255); line-height: 52px; font-size: 14px; vertical-align: top; display: inline-block; position: relative; -webkit-transition: color ease-in-out .2s; -moz-transition: color ease-in-out .2s;
}
.header-nav-main a.header-logo-a {
	background: url("../images/toplogo.png") no-repeat 0px 0px; margin: -5px 20px 0px; width: 300px; height: 55px;
}
.header-nav-main a:hover {
	color: rgb(252, 195, 29); text-decoration: none;
}
.header-nav-main a.current {
	color: rgb(252, 195, 29); text-decoration: none;
}
.header-nav-main a .arrow {
	transition:0.3s; left: 50%; width: 0px; height: 0px; bottom: 0px; margin-left: -5px; border-right-color: transparent; border-bottom-color: rgb(0, 0, 0); border-left-color: transparent; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s;
}
.header-nav-main a .arrow.on {
	opacity: 0.8;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.mt10 {
	margin-left: 12px;
}
.ml50 {
	margin-left: 50px;
}
.clearfix {
	-ms-zoom: 1;
}
.warp {
	width: 1280px; margin-right: auto; margin-left: auto;
}
.microHei {
	font-family: "Microsoft YaHei";
}
#Version {
	width: 100%; height: 970px; overflow: hidden; position: relative;
}
#Flash {
	margin: 0px auto -272px -960px; left: 50%; width: 1920px; height: 970px; position: absolute; z-index: 1;
}
#Header {
	margin: 0px auto -290px -960px; left: 50%; width: 1920px; height: 900px; position: absolute;
}
#Flash2 {
	margin: 0px auto -272px -960px; left: 50%; width: 1920px; height: 880px; position: absolute;
}
.hao123 {
	left: 50%; top: 0px; width: 260px; height: 20px; margin-left: 360px; position: absolute; z-index: 55; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3;
}
.kv-music {
	left: 30%; top: 0px; width: 80px; height: 100px; margin-left: -360px; position: absolute; z-index: 1000;
}
.logo2 {
	left: 50%; top: 0px; width: 98px; height: 228px; margin-left: -700px; position: fixed; z-index: 999999; cursor: pointer; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.logo2 img {
	width: 100%; height: 100%;
}
.logo1 {
	left: 50%; top: 10px; width: 50px; height: 50px; margin-left: 600px; position: absolute; z-index: 999999; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
.logo1 img {
	width: 100%; height: 100%;
}
.cloud-l {
	background: url("../images/cloud-left.png") no-repeat; top: 520px; width: 428px; height: 90px; position: absolute; z-index: 99;
}
.cloud-r {
	background: url("../images/cloud-right.png") no-repeat; top: 550px; width: 403px; height: 159px; position: absolute; z-index: 99;
}
.cloud-b {
	background: url("../images/cloud-bottom.png") no-repeat; top: 590px; width: 580px; height: 201px; position: absolute; z-index: 99;
}
.slogen {
	background: url("../images/slogen.png") no-repeat; left: 50%; top: 680px; width: 700px; height: 60px; margin-left: -320px; position: absolute; z-index: 99;
}
.topnav {
	background: url("../images/nav.jpg") repeat-x top; width: 100%; height: 82px; overflow: hidden; position: relative; z-index: 9;
}
.topnav-ul {
	margin: 1px auto 0px; width: 1200px; height: 82px;
}
.topnav-ul li {
	width: 126px; height: 80px; float: left;
}
.topnav-ul li a {
	background: url("../images/nav-a.jpg") no-repeat; width: 126px; height: 80px; text-align: center; display: block;
}
.topnav-ul li a.hame {
	background-position: -1px 0px;
}
.topnav-ul li a.newszh {
	background-position: -127px 0px;
}
.topnav-ul li a.gameinfo {
	background-position: -253px 0px;
}
.topnav-ul li a.raiders {
	background-position: -379px 0px;
}
.topnav-ul li a.recharge {
	background-position: -697px 0px;
}
.topnav-ul li a.download {
	background-position: -823px 0px;
}
.topnav-ul li a.service {
	background-position: -949px 0px;
}
.topnav-ul li a.bbs {
	background-position: -1075px 0px;
}
.topnav-ul li a.hame:hover {
	background-position: -1px -83px;
}
.topnav-ul li a.newszh:hover {
	background-position: -127px -83px;
}
.topnav-ul li a.gameinfo:hover {
	background-position: -253px -83px;
}
.topnav-ul li a.raiders:hover {
	background-position: -379px -83px;
}
.topnav-ul li a.recharge:hover {
	background-position: -697px -83px;
}
.topnav-ul li a.download:hover {
	background-position: -823px -83px;
}
.topnav-ul li a.service:hover {
	background-position: -949px -83px;
}
.topnav-ul li a.bbs:hover {
	background-position: -1075px -83px;
}
.topnav-ul li.logo {
	width: 192px;
}
.topnav-ul li.logo a {
	background: none; margin: -5px auto 0px; width: 162px; height: 100px;
}
.topnav-ul li.logo a:hover {
	background: 0px 0px;
}
.musicbox {
	left: 50%; width: 200px; height: 200px; margin-top: -10px; margin-left: -250px; position: absolute; z-index: 99999; cursor: pointer;
}
.musicplay {
	background: url("../images/yinyue1.png") no-repeat left top;
}
.musicstop {
	background: url("../images/yinyue2.png") no-repeat left top;
}
#Floatingbar {
	background: url("../images/floatingbg.png") no-repeat left top; top: 50%; width: 110px; height: 650px; right: 0px; padding-top: 30px; padding-right: 18px; padding-left: 62px; margin-top: -340px; position: fixed; z-index: 2500;
}
#Floatingbar .erweima {
	margin: 0px auto 10px; width: 109px; text-align: center; line-height: 20px;
}
#Floatingbar .erweima:hover {
	
}
#Floatingbar .erweima:hover img {
	transform: scale(1.3);
}
#Floatingbar .erweima img {
	background: rgb(255, 255, 255); transition:0.3s ease-in; width: 109px; height: 109px; margin-bottom: 3px; display: block;
}
#Floatingbar .erweima span {
	color: rgb(231, 219, 192); font-size: 13px;
}
#Floatingbar ul {
	margin-bottom: 7px;
}
#Floatingbar ul li {
	text-align: center; color: rgb(231, 219, 192); line-height: 26px; margin-bottom: 3px;
}
#Floatingbar ul li a {
	display: block;
}
#Floatingbar ul li a img {
	margin: 0px auto; display: block;
}
#Floatingbar .downlist {
	line-height: 2.14; font-size: 14px;
}
#Floatingbar .downlist li a {
	color: rgb(218, 185, 116);
}
#Floatingbar .downlist li a:hover {
	color: rgb(231, 219, 192); text-decoration: none;
}
.downloadBox {
	background: url("../images/01_dl_bg_a43a6e6.png") no-repeat top; left: 50%; width: 1221px; height: 131px; margin-top: 107px; margin-left: -610.5px; position: absolute; z-index: 2;opacity:0;
}
.downloadBox .tip {
	background: url("../images/01_dl_arror_be773ac.png") no-repeat left; left: 234px; top: -74px; color: rgb(255, 255, 255); padding-left: 24px; font-size: 14px; position: absolute;
}
.downloadBox .ewmBox {
	background: rgba(255, 255, 255, 0.45); padding: 6px; left: 221px; top: -50px; width: 135px; height: 135px; position: absolute;
}
.downloadBox .weiduan {
	background: url("../images/weiduan_a.png") no-repeat; transition:0.2s; left: 60px; top: -280px; width: 352px; height: 100px; text-indent: -1000em; overflow: hidden; display: block; position: absolute; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.downloadBox .weiduan:hover {
	background: url("../images/weiduan_b.png") no-repeat;
}
.downloadBox .orderBtnAll {
	background: url("../images/down_a.png") no-repeat; transition:0.2s; left: 445px; top: -280px; width: 352px; height: 100px; text-indent: -1000em; overflow: hidden; display: block; position: absolute; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.downloadBox .orderBtnAll:hover {
	background: url("../images/down_b.png") no-repeat;
}
.downloadBox .paybtn {
	background: url("../images/pay_a.png") no-repeat; transition:0.2s; left: 795px; top: -280px; width: 352px; height:100px; text-indent: -1000em; overflow: hidden; display: block; position: absolute; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.downloadBox .paybtn:hover {
	background: url("../images/pay_b.png") no-repeat;
}
.downloadBox .nie-download {
	left: 145px; top: -50px; position: absolute; z-index: 3;
}
.downloadBox .nie-download .NIE-qrcode {
	border: 6px solid rgba(255, 255, 255, 0.45); border-image: none; width: 135px; height: 135px;
}
.downloadBox .nie-download .NIE-qrcode img {
	width: 135px; height: 135px;
}
.downloadBox .nie-download .buttons {
	left: 162px; top: 86px; width: 412px; height: 59px; overflow: hidden; position: absolute;
}
.downloadBox .nie-download .buttons a {
	transition:0.2s; width: 198px; height: 59px; text-indent: -1000px; overflow: hidden; float: left; display: block; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.downloadBox .nie-download .buttons .link-apple {
	background: url("../images/01_dl_ios_f8f438c.png") no-repeat; margin-right: 16px; opacity: 0;
}
.downloadBox .nie-download .buttons .link-apple:hover {
	background: url("../images/01_dl_ios_on_df0a910.png") no-repeat;
}
.downloadBox .nie-download .buttons .link-android {
	background: url("../images/01_dl_ad_f0bf1a4.png") no-repeat;
}
.downloadBox .nie-download .buttons .link-android:hover {
	background: url("../images/01_dl_ad_on_b683155.png") no-repeat;
}
.downloadBox .gift {
	transition:0.2s; left: 700px; width: 170px; height: 174px; text-align: center; bottom: 30px; overflow: hidden; display: block; position: absolute; z-index: 2; cursor: pointer; transform: translate(0px, 0px); -webkit-transition: all .2s; -moz-transition: all .2s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);
}
.downloadBox .gift i {
	background: url("../images/01_dl_gift_cc6583c.png") no-repeat; transition:0.2s; width: 170px; height: 170px; display: block; -webkit-transition: all .2s; -moz-transition: all .2s;
}
.downloadBox .gift span {
	left: 22px; width: 148px; height: 30px; bottom: 0px; color: rgb(233, 183, 47); line-height: 30px; font-size: 18px; font-weight: 700; display: block; position: absolute;
}
.downloadBox .gift:hover {
	transform: translate(0px, -8px); -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px);
}
.downloadBox .videoWrap {
	width: 223px; height: 133px; right: 152px; bottom: 35px; display: block; position: absolute;
}
.downloadBox .videoWrap:hover i {
	animation:rotate360 linear infinite; -webkit-animation: rotate360 0s infinite linear; -moz-animation: rotate360 0s infinite linear;
}
.downloadBox .videoWrap i {
	display: block; position: absolute;
}
.downloadBox .videoWrap .k {
	background: url("../images/01_dl_k_71e54ea.png") no-repeat; left: 0px; top: 0px; width: 223px; height: 133px; z-index: 1;
}
.downloadBox .videoWrap .y {
	background: url("../images/01_dl_y_527160d.png") no-repeat; margin: -27px 0px 0px -27.5px; animation:rotate360 2.5s linear infinite; left: 50%; top: 50%; width: 55px; height: 54px; z-index: 2; -webkit-animation: rotate360 2.5s infinite linear; -moz-animation: rotate360 2.5s infinite linear;
}
.downloadBox .videoWrap .arror {
	background: url("../images/01_dl_arr_cc77a37.png") no-repeat; margin: -10px 0px 0px -5px; left: 50%; top: 50%; width: 14px; height: 20px; z-index: 3;
}



	
.musicbox{width:65px;height:100px;position:fixed;z-index:500;top:12px;left:50%;cursor:pointer;margin-left:823px}

.musicplay{background:url(images/musicplay.png) no-repeat}

.musicstop{background:url(images/musicstop.png) no-repeat}


.box{
	width: 65px;
	height: 100px;
position:fixed;
z-index:500;
top:12px;
left:50%;
cursor:pointer;
margin-left:823px
}

.tubioa{
	width: 43px;
	height: 43px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
}
.tubiao1,.tubiao2{
	width: 43px;
	height: 43px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.tubiao1{
	background: url(images/22.png) 0px 0px no-repeat;
	background-size:43px;
}
.tubiao2{
	background: url(images/11.png) 0px 0px no-repeat;
	background-size:43px;
	animation: TuBiao 3s linear infinite;}
	
@keyframes TuBiao{
	0%{transform: rotate(0deg);}
	50%{transform: rotate(180deg);}
	100%{transform: rotate(360deg);}
}
	
	

.NewsList li{height:53px;line-height:53px;font-size:19px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);background-color:#000000;}
.NewsList li a{float: left;overflow:hidden;color:#000000;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
.NewsList li time{float:right;color:#aaabaf;}
.NewsList li .lx{float:left;}
.NewsList li:hover a{color:#fff;}
.context-b {
	height:1080px;
	width:767px;
	margin:0 auto;
	position:relative;left:-64px;
}
.NewsList {
    margin-top:242px;
    background-color: rgb(255 255 255 / 40%);
}
		.NewsList li{height:44px;line-height:55px;overflow:hidden;color:#a7b4d3  ;  font-size: large;border-bottom:1px dotted;padding-left:0px;text-align:left;}
	.NewsList li time{float:right;color:#ffe8b0;}
	.NewsList li span{float:left;color:#806100;font-weight:bold}
	.NewsList li a{color:#806100;font-weight:600;}





.PartTitle2{padding:14px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#ab8324;background:url(../images/icon_.png) no-repeat left center;border-bottom:1px solid #5e5f64;}

	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#8a8b8f;text-transform:uppercase;}

	.PartTitle2 .more{position:absolute;font-size:12px;color:#fff;right:5px;padding-right:27px;background:url(../images/icon_more.png) no-repeat right center;}

	.PartTitle2 .more:hover{color:#ab882a;}



.ml10{margin-left:10px;}

.m5{width:100%;height:auto;overflow:hidden;padding-bottom:10px;background: url(../images/footb1g.png) bottom no-repeat; z-index:999999; }

.zb{width:1281px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}



.zb_3bg{padding:10px 10px 10px;width:400px;height:auto;overflow:hidden;float:left;background-color:#FFF;position:relative}

.zb_3{padding:10px 10px 10px 10px;width:380px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#FFF;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}

.zb_3_t{width:380px;height:41px;float:left;background:#FFF;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}

.zb_3_d{width:380px;height:0px;float:left;background:#FFF;position:relative}

.zb_3 .role-itemst{width:370px;height:auto;float:left;position:relative;}

.zb_3 .role-itemst img{margin:0 auto;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}





.zb_2bg{padding:10px 10px 10px;width:615px;height:auto;overflow:hidden;float:left;background-color:#FFF;position:relative}

.zb_2{padding:10px 10px 10px 10px;width:595px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#FFF;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}

.zb_2_t{width:595px;height:41px;float:left;background:#FFF;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}

.zb_2_d{width:595px;height:0px;float:left;background:#FFF;position:relative}

.zb_2 .role-itemst{width:585px;height:auto;float:left;position:relative;}

.zb_2 .role-itemst img{margin:0 auto;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}



.zb_1bg{padding:10px 10px 10px;width:1260px;height:auto;overflow:hidden;float:left;background-color:#FFF;position:relative}

.zb_1{padding:10px 10px 10px 10px;width:1240px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#FFF;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}

.zb_1_t{width:1240px;height:41px;float:left;background:#FFF;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}

.zb_1_d{width:1240px;height:0px;float:left;background:#FFF;position:relative}

.zb_1 .role-itemst{width:1230px;height:auto;float:left;position:relative;}

.zb_1 .role-itemst img{margin:0 auto;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}