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; vertical-align: middle;
}
html {
	border: 0px currentColor;
}
body {
	border: 0px currentColor;
}
fieldset {
	border: 0px currentColor;
}
img {
	border: 0px currentColor;
}
iframe {
	border: 0px currentColor;
}
abbr {
	border: 0px currentColor;
}
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 {
	width: 100%; height: auto; font-family: "Microsoft YaHei",Tahoma,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;
}
body {
	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 {
	zoom: 1;
}
.f-cbli li {
	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: -240px auto 0px; width: 100%; overflow: hidden; font-size: 14px; max-width: 1920px;
}
.g-header {
	height: 600px;
}
.g-header-cnt {
	margin: 0px auto; width: 1200px; padding-top: 0px; position: relative; z-index: 99;
}
.g-header-cnt .g-news {
	position: relative;
}
.g-cnt-1 {
	background: url("../images/bg-3.jpg") no-repeat top; height: 800px; position: relative;
}
.g-cnt-2 {
	background: url("../images/bg-2.jpg") no-repeat top; height: 703px;
}
.g-bottom {
	background: url("../images/bg-4.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; left: 50%; width: 173px; height: 141px; margin-left: -86px; filter: alpha(opacity=0); position: absolute; opacity: 0; -ms-transform: scale(1.5); -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);
}
.m-nav .active.logo {
	filter: alpha(opacity=100); opacity: 1; -ms-transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.m-nav .nav {
	margin: 0px auto; width: 1050px; line-height: 80px;
}
.m-nav .nav a {
	margin: 0px 40px; width: 64px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; 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: 99;
}
.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: 0px; width: 456px; position: absolute;
}
.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 .active.c {
	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 {
	display: block;
}
.m-banner .swipe-wrap > a::after {
	border: 1px solid rgb(255, 255, 255); left: 10px; top: 10px; right: 10px; bottom: 10px; display: block; position: absolute; content: "";
}
.m-banner .bannerCnt {
	width: 456px; height: 360px; overflow: hidden; background-color: rgb(71, 209, 214);
}
.m-news {
	background: url("../images/news_bg.jpg") no-repeat; left: 456px; top: 0px; width: 744px; height: 360px; overflow: hidden; position: absolute;
}
.m-news .cnt {
	padding: 20px;
}
.m-news .nav {
	border-bottom-color: rgb(47, 193, 198); border-bottom-width: 1px; border-bottom-style: solid;
}
.m-news .nav li {
	width: 120px; height: 30px; text-align: center; color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; display: block; cursor: pointer;
}
.m-news .nav li.active {
	font-size: 16px; border-bottom-color: rgb(47, 193, 198); border-bottom-width: 2px; border-bottom-style: solid;
}
.m-news .nav .more {
	background: url("../images/more.png") no-repeat; width: 23px; height: 23px; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; 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(43, 51, 70); padding: 0px 10px; border: 1px solid rgb(215, 229, 229); width: 684px; height: 43px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; overflow: hidden; font-size: 16px; font-weight: bold; margin-bottom: 13px; display: block; white-space: nowrap; text-overflow: ellipsis; box-shadow: 1px 2px 2px #e0f1e9; -webkit-box-shadow: 1px 2px 2px #e0f1e9; -moz-box-shadow: 1px 2px 2px #e0f1e9;
}
.m-news .tab li {
	margin-top: 80px; filter: alpha(opacity=0); position: relative; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;
}
.m-news .tab li:nth-child(1) {
	-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}
.m-news .tab li:nth-child(2) {
	-webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;
}
.m-news .tab li:nth-child(3) {
	-webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transition: all .7s;
}
.m-news .tab li:nth-child(4) {
	-webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;
}
.m-news .tab li:nth-child(5) {
	-webkit-transition: all .9s; -moz-transition: all .9s; -ms-transition: all .9s; -o-transition: all .9s; transition: all .9s;
}
.m-news .tab li:nth-child(6) {
	-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;
}
.m-news .tab li:nth-child(7) {
	-webkit-transition: all 1.1s; -moz-transition: all 1.1s; -ms-transition: all 1.1s; -o-transition: all 1.1s; transition: all 1.1s;
}
.m-news .active.tab li {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-news .tab .news_item {
	width: 700px; height: 20px; color: rgb(43, 51, 70); line-height: 20px; overflow: hidden; margin-bottom: 12px; display: block; white-space: nowrap; 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); 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; 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; -ms-transition: all .3s; -o-transition: all .3s; 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; 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; -ms-transition: all .3s; -o-transition: all .3s; 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;
}
.m-roles #roleCarousel .role {
	top: 1000px; position: absolute; cursor: pointer; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -ms-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s;
}
.m-roles #roleCarousel .role a {
	display: block;
}
.m-roles #roleCarousel .role a .name {
	background: url("../images/role_name.png") no-repeat; left: 50px; width: 40px; height: 146px; text-align: center; line-height: 146px; margin-top: 30px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.m-roles #roleCarousel .role a .name .icon {
	margin: 10px auto 0px; display: block;
}
.m-roles #roleCarousel .role a .name .icon-1.icon {
	background: url("../images/1_a2a1dab.png") no-repeat; width: 16px; height: 19px;
}
.m-roles #roleCarousel .role a .name .icon-2.icon {
	background: url("../images/2_2af7edc.png") no-repeat; width: 18px; height: 19px;
}
.m-roles #roleCarousel .role a .name .icon-3.icon {
	background: url("../images/3_5f35086.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 .8s ease-in-out;
}
.m-roles #roleCarousel .active.role a .name {
	filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-roles #roleCarousel .blipsContainer {
	left: 37%; top: 710px; width: 1000px; height: 40px; color: rgb(255, 255, 255); margin-left: -180px; position: absolute;
}
.m-roles #roleCarousel .blipsContainer .blip {
	border: 2px solid rgb(44, 51, 70); width: 128px; height: 38px; text-align: center; color: rgb(0, 0, 0); line-height: 34px; margin-left: -2px; position: relative; box-sizing: border-box; transition: background .4s;
}
.m-roles #roleCarousel .blipsContainer .blip:hover {
	color: rgb(225, 198, 139); background-color: rgb(44, 51, 70);
}
.m-roles #roleCarousel .blipsContainer .blip .border {
	border: 2px solid rgb(44, 51, 70); 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(255, 255, 255); color: rgb(255, 255, 255); line-height: 30px; background-color: rgb(44, 51, 70);
}
.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;
}
.m-feature #featureCarousel .feature {
	top: -1000px; position: absolute; cursor: pointer; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -ms-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s;
}
.m-feature #featureCarousel .feature a {
	display: block;
}
.m-feature #featureCarousel .feature a .name {
	background: url("../images/role_name.png") no-repeat; left: 50px; width: 40px; height: 146px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.m-feature #featureCarousel .active.feature a .name {
	filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-feature #featureCarousel .feature .border {
	border: 1px solid rgb(255, 255, 255); left: 10px; top: 10px; right: 10px; bottom: 10px; position: absolute;
}
.m-feature #featureCarousel .blipsContainer {
	left: 50%; top: 750px; margin-left: -75px; position: absolute;
}
.m-feature #featureCarousel .blipsContainer .blip {
	background: url("../images/c_d8e31c3.png") no-repeat; width: 15px; height: 15px; margin-right: 15px;
}
.m-feature #featureCarousel .blipsContainer .blipSelected {
	background: url("../images/c_active_84b2caa.png") no-repeat;
}
.m-bottom {
	height: 880px; position: relative;
}
.m-bottom .t {
	top: 150px; width: 100%; text-align: center; color: rgb(88, 88, 88); letter-spacing: 40px; font-size: 24px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;
}
.m-bottom .moon {
	background: url("../images/moon.png") no-repeat; left: 50%; top: 100px; width: 180px; height: 180px; margin-top: 80px; margin-bottom: 80px; margin-left: -95px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .1s; -moz-transition: all .8s .1s; -ms-transition: all .8s .1s; -o-transition: all .8s .1s; transition: all .8s .1s;
}
.m-bottom .line {
	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; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .2s; -moz-transition: all .8s .2s; -ms-transition: all .8s .2s; -o-transition: all .8s .2s; transition: all .8s .2s;
}
.m-bottom .left {
	background: url("../images/moon_left.png") no-repeat; left: 50%; top: 250px; width: 293px; height: 72px; margin-top: 80px; margin-left: -462px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .3s; -moz-transition: all .8s .3s; -ms-transition: all .8s .3s; -o-transition: all .8s .3s; transition: all .8s .3s;
}
.m-bottom .right {
	background: url("../images/moon_right.png") no-repeat; top: 250px; width: 293px; height: 72px; right: 50%; margin-top: 80px; margin-right: -462px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .3s; -moz-transition: all .8s .3s; -ms-transition: all .8s .3s; -o-transition: all .8s .3s; transition: all .8s .3s;
}
.m-bottom .qr {
	background: url("../images/weixin_qr.jpg") no-repeat; left: 50%; top: 223px; width: 145px; height: 145px; margin-top: 80px; margin-left: -72px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .4s; -moz-transition: all .8s .4s; -ms-transition: all .8s .4s; -o-transition: all .8s .4s; transition: all .8s .4s;
}
.m-bottom .p {
	top: 395px; width: 100%; text-align: center; color: rgb(88, 88, 88); line-height: 29px; font-size: 18px; margin-top: 80px; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: all .8s .5s; -moz-transition: all .8s .5s; -ms-transition: all .8s .5s; -o-transition: all .8s .5s; transition: all .8s .5s;
}
.m-bottom .topBtn {
	border: 1px solid rgb(43, 51, 70); left: 50%; top: 250px; width: 178px; height: 40px; text-align: center; color: rgb(43, 51, 70); line-height: 40px; margin-left: -89px; display: block; filter: alpha(opacity=0); position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transition: opacity .8s .6s; -moz-transition: opacity .8s .6s; -ms-transition: opacity .8s .6s; -o-transition: opacity .8s .6s; 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;
}
.active.m-bottom .t {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.active.m-bottom .moon {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.active.m-bottom .line {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.active.m-bottom .left {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.active.m-bottom .right {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.active.m-bottom .qr {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.active.m-bottom .p {
	margin-top: 0px; filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.active.m-bottom .topBtn {
	margin-top: 0px; filter: alpha(opacity=100); 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; top: 35px; width: 95px; height: 261px; right: 4px; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; 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; width: 317px; height: 102px; right: 10px; bottom: -160px; position: fixed; z-index: 999999; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.active.m-orderBtn {
	bottom: 10px;
}
.m-orderBtn .hand {
	background: url("../images/r_tips_hand.png") no-repeat; top: -54px; width: 47px; height: 62px; right: 20px; position: absolute; animation: hand 1s ease-in-out infinite; transform-origin: 50% 100%;
}
.m-orderBtn:hover .hand {
	animation: none;
}
.m-order-content {
	background: url("../images/order_content.png") no-repeat; 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; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.active.m-order-content {
	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; filter: alpha(opacity=50); 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-1.img {
	background: url("../images/1_0e5d7c8.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img-2.img {
	background: url("../images/2_7cbb938.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img-3.img {
	background: url("../images/3_8fb5308.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img-4.img {
	background: url("../images/4_777900e.png") no-repeat;
}
.m-order-content .awardCnt .item .award .img-5.img {
	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 .active.item .award {
	filter: alpha(opacity=100); opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;
}
.m-order-content .awardCnt .active.item .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 .active.dashed {
	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-1.icon {
	background: url("../images/icon_weixin.png") no-repeat center rgb(43, 51, 70);
}
.m-share .item .icon-2.icon {
	background: url("../images/qq.png") no-repeat center rgb(43, 51, 70);
}
.m-share .item .icon-3.icon {
	background: url("../images/weibo.png") no-repeat center rgb(43, 51, 70);
}
.m-share .item .icon-4.icon {
	background: url("../images/top.png") no-repeat center rgb(43, 51, 70);
}
.m-share .item:hover .icon-1.icon {
	background: url("../images/icon_weixin_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .item:hover .icon-2.icon {
	background: url("../images/qq_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .item:hover .icon-3.icon {
	background: url("../images/weibo_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .item:hover .icon-4.icon {
	background: url("../images/top_active.png") no-repeat center rgb(244, 249, 250);
}
.m-share .weixin.item {
	position: relative;
}
.m-share .weixin.item .qrCnt {
	background: rgb(234, 234, 234); top: 0px; width: 145px; height: 200px; right: 50px; display: none; position: absolute;
}
.m-share .weixin.item .qrCnt img {
	margin: 13px auto 0px; width: 120px; height: 120px; display: block;
}
.m-share .weixin.item .qrCnt p {
	text-align: center; color: rgb(51, 51, 51); font-size: 14px; margin-top: 12px;
}
.m-share .weixin.item:hover .qrCnt {
	display: block;
}
.m-share .qq.item {
	position: relative; cursor: pointer;
}
.m-share .qq.item .qqCnt {
	background: rgb(234, 234, 234); top: 0px; width: 145px; height: 276px; right: 50px; display: none; position: absolute;
}
.m-share .qq.item .qqCnt a {
	margin: 17px auto 0px; width: 126px; height: 56px; text-align: center; color: rgb(51, 51, 51); display: block;
}
.m-share .qq.item .qqCnt a:nth-child(1) {
	border-bottom-color: rgb(187, 187, 187); border-bottom-width: 1px; border-bottom-style: dashed;
}
.m-share .qq.item .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 .qq.item .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 .qq.item .qqCnt a:nth-child(4) {
	margin-top: 10px;
}
.m-share .qq.item .qqCnt a .num {
	color: rgb(47, 193, 198); font-size: 18px; font-weight: 700;
}
.m-share .qq.item: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; -ms-transform-origin: 25% 0px; 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; -ms-animation: lantern_keyframes 8s infinite; animation: lantern_keyframes 8s infinite; transform-origin: 25% 0; -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; -ms-transform-origin: 10% 0px; 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; -ms-animation: tail_keyframes 8s infinite; animation: tail_keyframes 8s infinite; transform-origin: 10% 0; -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; left: 0px; top: 0px; width: 10px; height: 10px; position: absolute; box-shadow: inset 3px 3px 5px -3px #fff; animation: fall1 10s linear infinite; backface-visibility: hidden; transform-style: preserve-3d;
}
.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); backface-visibility: hidden; transform-style: preserve-3d;
}
.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: .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: .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); 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;
}
#onlineKefu {
	top: 58%; width: 96px; height: 450px; right: 40px; margin-top: 0px; position: fixed; z-index: 6000; _position: absolute; _bottom: auto; _margin-bottom: 40%;
}
#onlineKefu a {
	text-indent: -99em; overflow: hidden;
}
#onlineKefu a.btn_kefu {
	background: url("../images/a_bg.jpg") no-repeat left top; width: 130px; height: 62px; display: block;
}
#onlineKefu a.btn_kefu:hover {
	background-position: -130px top;
}
#onlineKefu a.btn_top {
	background: url("../images/a_bg.jpg") no-repeat left -61px; width: 130px; height: 62px; display: block;
}
#onlineKefu a.btn_top:hover {
	background-position: -130px -61px;
}
#onlineKefu .erweima {
	width: 130px; height: 148px; padding-top: 16px; background-color: rgb(89, 25, 23);
}
#onlineKefu .erweima img {
	margin: 0px auto 3px; width: 118px; height: 117px; display: block;
}
#onlineKefu .erweima span {
	height: 27px; text-align: center; color: rgb(254, 255, 255); line-height: 27px; overflow: hidden; font-family: "΢ÈíÑźÚ"; font-size: 12px; display: block;
}