* {

	margin: 0;

	padding: 0;

}

a {

	text-decoration:none;

}

li {

	list-style:none;

}

h1,h2,h3 {

	font-weight: 100;

}

.clear {

	clear: both;

}

.bg-green {

	background-color: #9ecb45;

}

.bg-blue {

	background-color: #5f94ff;

}

.bg-red {

	background-color: #ff4b64;

}

.bg-yellow {

	background-color: #ffca2a;

}

.bg-other {

	background-color: #3eb8b4;

}

body {

	font-family: "Open Sans",arial,"Microsoft Yahei",sans-serif;

	background:#fff;

}



#section1 {

	width:100%;

	min-width: 1280px;

	min-height:986px;

	background:url(../images59/section1_bg.png) center 0 no-repeat;

}

#section2 {

	width:100%;

	min-width: 1280px;

	min-height:764px;

	background:url(../images59/section2_bg_top.png) center top no-repeat,url(../images59/section2_bg_bottom.png) center bottom no-repeat;

}

#section3 {

	width:100%;

	min-width: 1280px;

	min-height:696px;

	background:url(../images59/section3_bg.png) center 0 no-repeat;

}

#section4 {

	width:100%;

	min-width: 1680px;

	min-height:550px;

	background:url(../images59/section4_bg_top.png) center top no-repeat,url(../images59/section4_bg_bottom.png) center bottom no-repeat;

}

#section5 {

	width:100%;

	min-width: 1680px;

	min-height:1139px;

	background:url(../images59/section5_bg.png) center 0 no-repeat;

}

#section6 {

	width:100%;

	min-width: 1680px;

	min-height:405px;

	background:url(../images59/section6_bg.png) center 0 no-repeat;

}

.content {

	display:block;

	width:1280px;

	margin:0 auto;

}

#section1 .menu {

	padding-top:50px;

}

#section1 .menu li {

	float:right;

}

#section1 .menu li a {

	display:block;

	color:#fff;

	padding: 6px 25px;

	font-size:21px;

	font-weight:100;

}

#section1 .menu li.reg a {

	padding: 6px 45px;

	background-color:#fff;

	color:#ff4b64;

	border-radius:50px;

}

#section1 .menu li.reg a:hover {

	background-color:#9ecb45;

	color:#fff;

}

#section1 .menu li.account a {

	display:block;

	padding:0;

	width:42px;

	height:42px;

	background:url(../images59/login.png) 0 0 no-repeat;

	text-indent:-9999px;

	margin-right:50px;

	margin-left:25px;

}

#section1 .download {

	display:block;

	float:right;

	clear:both;

	margin-top:487px;

	margin-right:170px;

	font-size:20px;

}

#section1 .download a {

	padding: 18px 60px;

	background-color:#fff;

	color:#ff4b64;

	border-radius:50px;

}

#section1 .download a:hover {

	background-color:#9ecb45;

	color:#fff;

}

#section2 .content {

	padding-top: 460px;

	padding-bottom: 104px;

	overflow: hidden;

}

#section2 .content .courses {

	width: 1240px;

    margin: 0 auto;

    margin-top: 50px;

}

#section2 .content .courses li {

	float:left;

	margin-right: 90px;

}

#section2 .content .courses li a {

	display: block;

	line-height: 28px;

	font-size: 26px;

	color: #000;

	padding-left: 20px;

	background:url(../images59/text_title.png) left 0 no-repeat;

}

#section2 .content .courses li a:hover {

	background:url(../images59/text_title.png) left -28px no-repeat;

}

#section2 .content .index-news {

	margin: 0 auto;

    margin-top: 100px;

    padding-top: 31px;

    background: url(../images59/index_news_bg.png) left top no-repeat;

    width: 1000px;

}

#section2 .content .index-news .more {

	width:100%;

	margin-bottom: 50px;

}

#section2 .content .index-news .more a {

	display: block;

	float:right;

	color: #000;

	font-size: 18px;

	padding-left:28px;

	line-height: 19px;

	background:url(../images59/more.png) 0 0 no-repeat;

}

#section2 .content .index-news .more a:hover {

	background:url(../images59/more.png) 0 -19px no-repeat;

}

#section2 .content .index-news span{
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

#section2 .content .index-news h1 {

	display: block;

	padding-left: 36px;

	font-weight: 100;

	margin-bottom: 15px;

	line-height: 26px;

	font-size: 26px;

	background:url(../images59/new.png) 0 0 no-repeat;

}

#section2 .content .index-news .date {

	padding-left: 36px;

	color: #918f89;

	margin-bottom: 15px;

}

#section2 .content .index-news .text {

	padding-left: 36px;

	line-height: 30px;

}

#section2 .content .faq {

	width: 100%;

	margin-top: 190px;

	margin-bottom: 20px;

	text-align: center;

}

#section2 .content .faq a {

	padding: 14px 80px;

	background-color:#5f94ff;

	color:#fff;

	border-radius:100px;

	font-size: 26px;

	font-weight: 100;

}

#section2 .content .faq a:hover {

	background-color:#9ecb45;

}

#section3 .content {

	padding-top: 450px;

}

#section3 .content .livechat a {

	padding: 14px 40px;

	background-color:#fff;

	color:#9ecb45;

	border-radius:100px;

	font-size: 26px;

	font-weight: 100;

}

#section3 .content .livechat a:hover {

	background-color:#5f94ff;

	color: #fff;

}

#section4 .content {

	width: 1597px;

	padding-top: 320px;

	padding-bottom: 115px;

}

#section4 .content ul.banner {

	margin-bottom: 100px;

}

#section4 .content ul.banner li {

	display: block;

	float: left;

	padding: 15px;

	position: relative;

	margin-right: -1px;

	margin-bottom: -1px;

	text-transform:uppercase;

}

#section4 .content ul.banner li a {

	display: block;

	position: absolute;

	top:0;

	left:0;

	width: 320px;

	height: 230px;

	background:url(../images59/banner_bg.png) 0 0 no-repeat;

}

#section4 .content ul.banner li a:hover {

	background:url(../images59/banner_bg.png) 0 -230px no-repeat;

	z-index: 99;

}

#section4 .content ul.banner li a h1 {

	font-size:24px;

	line-height: 50px;

}

#section4 .content ul.banner li a span {

	color: #918f89;

}

#section4 .content ul.banner li a .buygame {

	display: none;

	padding:30px;

	color: #000;

	width: 260px;

	height: 170px;

}

#section4 .content ul.banner li a:hover .buygame {

	display: block;

}

#section4 .content .taobao {

	width: 100%;

	text-align: center;

}

#section4 .content .taobao a {

	padding: 18px 60px;

	background-color:#ff4b64;

	color:#fff;

	border-radius:100px;

	font-size: 22px;

	font-weight: 100;

}

#section4 .content .taobao a:hover {

	background-color: #ffca2a;

}

#section5 .content {

	width: 1680px;

	padding-top: 175px;

}

#section5 .mr_frUl ul li {

	float:left;

	width:200px;

	height: 300px;

	padding: 20px;

	overflow:hidden;

	position:relative;

}

#section5 .nextdiv {

	width:100%;

	text-align: center;

	margin-top: 20px;

}

#section5 .nextdiv img {

	cursor:pointer;

	margin: 0 20px;

}

#section5 .mr_frUl ul li a {

	display:block;

	position: absolute;

	top: 0;

	left: 0;

	width: 240px;

	height: 340px;

	background:url(../images59/zhubo_bg.png) 0 0 no-repeat;

}

#section5 .mr_frUl ul li a:hover {

	background:url(../images59/zhubo_bg.png) 0 -340px no-repeat;

}

#section5 .mr_frUl ul li font {

	display:block;

	position: absolute;

	background-color:rgba(0,0,0,0.5);

	color: #fff;

	width: 180px;

	height: 80px;

	padding: 10px;

	margin: 20px;

	bottom:0;

	left:0;

	font-size: 12px;

}

#section5 .mr_frUl ul li font h1 {

	font-size: 18px;

	font-weight: 900;

}

#section5 .mr_frUl ul li:hover font {

	display:none;

}

#section5 .content .zhubo {

	width: 100%;

	text-align: center;

	margin-top: 480px;

}

#section5 .content .zhubo a {

	padding: 18px 80px;

	background-color:#9ecb45;

	color:#fff;

	border-radius:100px;

	font-size: 22px;

	font-weight: 100;

}

#section5 .content .zhubo a:hover {

	background: #ff4b64;

}

#section6 .content {

	padding-top: 160px;

	text-align: center;

	color: #ffb4bc;

	font-size: 14px;

}

#section6 .content a {

	color:#ffb4bc;

	padding: 5px 15px;

}

#section6 .content a:hover ,#section6 .content a.on {

	color:#fff;

	font-weight:900;

}



.nav{

	position:fixed;

	right:0;

	bottom:100px;

	display:none;

	width: 44px;

	height: 531px;

	background:url(../images59/nav_bg.png) 0 0 no-repeat;

	z-index: 999;

}

.nav .nav-text {

	width:24px;

	margin-top: 40px;

	margin-left: 18px;

	font-size: 16px;

	line-height: 20px;

}

.nav .nav-text a {

	display: block;

	color:#fff;

	margin-bottom: 15px;

}

.nav .nav-text a:hover {

	font-weight:900;

}

.nav .nav-text a.back-top {

	padding-top: 10px;

	margin-top: 37px;

	background:url(../images59/back_top.png) 3px top no-repeat;

}

/*----------------------------------------------------------------------------------------------------------------------------------*/

#top {

	width:100%;

	min-width: 1280px;

	min-height:168px;

	background:url(../images59/top_bg.png) center 0 no-repeat;

}

#top .menu {

	padding-top:30px;

}

#top .menu li {

	float:right;

}

#top .menu li a {

	display:block;

	color:#FFEBED;

	padding: 6px 25px;

	font-size:16px;

	font-weight:100;

}

#top .menu li a:hover , #top .menu li a.on {

	font-weight: 900;

	color: #fff;

}

#zifei {

	width:100%;

	min-width: 1280px;

	min-height:485px;

	background:url(../images59/zifei_title_bg.png) center top no-repeat;

}

#zifei .content {

	padding-top: 220px;

	text-align: center;

}

#zifei .content .reg a {

	padding: 14px 80px;

    background-color: #5f94ff;

    color: #fff;

    border-radius: 100px;

    font-size: 26px;

    font-weight: 100;

}

#zifei .content .reg a:hover {

	background-color:#9ecb45;

}

#zifei .content .super {

	width: 1280px;

	overflow: hidden;

	margin-top: 180px;

	background:url(../images59/super_title.png) left top no-repeat;

	padding-top: 113px;

}

#zifei .content ul {

	width:2000px;

	margin-top: 30px;

}

#zifei .content ul li {

	float:left;

	margin-right: 155px;

}

#zifei .content ul li div {

	margin-bottom:15px;

}

#zifei .content ul li div font {

	margin-right: 80px;

}

#zifei .content .pay-now {

	display:block;

	margin-top: 30px;

}

#zifei .content .pay-now a {

	padding: 10px 40px;

    background-color: #9ecb45;

    color: #fff;

    border-radius: 100px;

    font-size: 16px;

    font-weight: 100;

}

#zifei .content .pay-now a:hover {

	background-color:#ff4b64;

}

#zifei .content .master {

	width: 1280px;

	overflow: hidden;

	margin-top: 100px;

	margin-bottom: 80px;

	background:url(../images59/master_title.png) left top no-repeat;

	padding-top: 113px;

}

#zifei .content .zifei-info {

	text-align: left;

	font-size: 18px;

	line-height: 35px;

	color: #918f89;

	margin-bottom: 100px;

}

#footer {

	width:100%;

	min-width: 1280px;

	min-height:405px;

	background:url(../images59/footer_bg.png) center 0 no-repeat;

}

#footer .content {

	padding-top: 160px;

	text-align: center;

	color: #ffb4bc;

	font-size: 14px;

}

#footer .content a {

	color:#ffb4bc;

	padding: 5px 15px;

}

#footer .content a:hover ,#footer .content a.on {

	color:#fff;

	font-weight:900;

}

#download {

	width:100%;

	min-width: 1280px;

	min-height:485px;

	background:url(../images59/download_top.png) center top no-repeat;

}

#download .content {

	padding-top: 280px;

	text-align: center;

}

#download .content .download-top {

	display: block;

	margin-top: 180px;

}

#download .content .download-top a {

	padding: 20px 60px;

    background-color: #ff4b64;

    color: #fff;

    border-radius: 100px;

    font-size: 24px;

    font-weight: 100;

}

#download .content .dlbtn a {

	padding: 20px 60px;

	margin: 0 20px;

    color: #5f94ff;

    border-radius: 100px;

	border: 1px #5f94ff solid;

    font-size: 18px;

    font-weight: 100;

}

#download .content .download-top a:hover {

	background-color: #ffca2a;

}

#download .content .dlbtn a:hover {

	background-color: #5f94ff;

	color: #fff;

}

#download .content .green {

	width: 1280px;

	overflow: hidden;

	margin-top: 50px;

	background:url(../images59/download_green.png) left top no-repeat;

	padding-top: 113px;

}

#download .content .green li {

	display:block;

	float:left;

	line-height: 40px;

	margin-right: 70px;

	margin-top: 40px;

}

#download .content .green a {

	padding: 10px 60px;

    background-color: #9ecb45;

    color: #fff;

    border-radius: 100px;

    font-size: 18px;

    font-weight: 100;

}

#download .content .green a:hover {

	background-color:#ff4b64;

}

#download .content .setup {

	width: 1280px;

	overflow: hidden;

	margin-top: 80px;

	background:url(../images59/download_setup.png) left top no-repeat;

	padding-top: 113px;

}

#download .content .setup li {

	display:block;

	float:left;

	line-height: 40px;

	margin-right: 70px;

	margin-top: 40px;

}

#download .content .setup a {

	padding: 10px 60px;

    background-color: #9ecb45;

    color: #fff;

    border-radius: 100px;

    font-size: 18px;

    font-weight: 100;

}

#download .content .setup a:hover {

	background-color:#ff4b64;

}

#step {

	width:100%;

	min-width: 1280px;

	min-height:1017px;

	background:url(../images59/step_top_bg.png) center top no-repeat;

}

#step .content .step-top {

	width:100%;

	text-align: center;

	padding-top: 185px;

}

#step .content .step-top a {

    padding: 14px 80px;

    background-color: #5f94ff;

    color: #fff;

    border-radius: 100px;

    font-size: 26px;

    font-weight: 100;

}

#step .content .step-top a:hover {

	background-color: #ffca2a;

}

#step .content .step1 {

	width:1280px;

	height: 480px;

	margin: 0 auto;

	margin-top: 900px;

	background:url(../images59/step1.png) center top no-repeat;

}

#step .content .step2 {

	width:1280px;

	height: 480px;

	margin: 0 auto;

	margin-top: 130px;

	background:url(../images59/step2.png) center top no-repeat;

}

#step .content .step3 {

	width:1280px;

	height: 480px;

	margin: 0 auto;

	margin-top: 130px;

	background:url(../images59/step3.png) center top no-repeat;

}

#step .content .connect {

	width:100%;

	text-align: center;

	font-size: 20px;

	color: #918f89;

	line-height: 32px;

	margin-top: 80px;

	margin-bottom: 80px;

}

#step .content .connect a {

    padding: 14px 80px;

    background-color: #9ecb45;

	line-height: 160px;

    color: #fff;

    border-radius: 100px;

    font-size: 26px;

    font-weight: 100;

}

#step .content .connect a:hover {

	background-color: #ffca2a;

}

#faq {

	width:100%;

	min-width: 1280px;

	min-height:437px;

	margin-top: 50px;

	background:url(../images59/faq_top_bg.png) center top no-repeat;

}

#faq .content {

	padding-top: 220px;

}

#faq .content .faq-menu {

	width: 1000px;

	margin: 0 auto;

}

#faq .content .faq-menu li {

	float: left;

	margin: 0 40px;

}

#faq .content .faq-menu li a {

	display: block;

	width: 120px;

	height: 120px;

	border-radius: 50%;

	text-align: center;

	color: #fff;

	line-height: 120px;

	font-size: 26px;

}

#faq .content .faq-menu li a:hover {

	background-color: #660000;

}

#faq .content .info {

	margin-top: 120px;

	min-height: 650px;

}

#faq .content .info ul li ul {

	display: none;

	padding-left: 40px;

	padding-bottom: 10px;

	line-height: 31px;

	font-size: 20px;

	color: #918f89;

	background:url(../images59/a.png) 0 0 no-repeat;

}

#faq .content .info ul li a {

	display: block;

	width: 500px;

	line-height: 31px;

	padding-left: 40px;

	color: #000;

	font-size: 20px;

	margin-top: 10px;

	padding-bottom: 10px;

	background:url(../images59/q.png) 0 0 no-repeat;

}

#faq .content .info ul li .text {

	min-height: 170px;

}

#faq-livechat {

	width:100%;

	min-width: 1280px;

	min-height:1160px;

	background:url(../images59/livechat.png) center top no-repeat;

}

#faq-livechat .content {

	padding-top: 110px;

}

#faq-livechat .content .download {

	width: 100%;

	text-align: center;

}

#faq-livechat .content .download a {

	padding: 14px 70px;

    background-color: #ffca2a;

    color: #fff;

    border-radius: 100px;

    font-size: 20px;

    font-weight: 100;

}

#faq-livechat .content .download a:hover {

	background-color: #5f94ff;

}

#faq-livechat .content .qq {

	margin-top: 430px;

}

#faq-livechat .content .qq a {

	padding: 13px 40px;

    background-color: #fff;

    color: #9ecb45;

	margin-right: 40px;

    border-radius: 100px;

    font-size: 20px;

    font-weight: 100;

}

#faq-livechat .content .qq a:hover {

	background-color: #5f94ff;

	color: #fff;

}

#jc .content {

	margin-top: 50px;

	margin-bottom: 100px;

}

#jc .content ul {

	width: 1150px;

	margin: 0 auto;

}

#jc .content ul li {

	float: left;

	width: 309px;

	height: 84px;

	position: relative;

	line-height: 84px;

	margin-right: -29px;

	margin-bottom: -29px;

}

#jc .content ul li a {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 309px;

	height: 84px;

	line-height: 84px;

	color: #000;

	text-align: center;

	background:url(../images59/jc_bg.png) 0 0 no-repeat;

}

#jc .content ul li a:hover {

	background:url(../images59/jc_bg.png) 0 -84px no-repeat;

	z-index: 99;

}

#jc .content .my-jc {

	width: 100%;

	text-align: center;

	margin-top: 100px;

	font-size: 20px;

	color: #918f89;

}

#jc .content .my-jc span {

	display: block;

	margin-bottom: 40px;

}

#jc .content .my-jc a {

	padding: 14px 70px;

    background-color: #ff4b64;

    color: #fff;

    border-radius: 100px;

    font-size: 20px;

    font-weight: 100;

}

#jc .content .my-jc a:hover {

	background-color: #3eb8b4;

}

#message .content {

	margin-top: 60px;

	padding-top: 140px;

	padding-bottom: 150px;

	background:url(../images59/message_bg.png) 0 0 no-repeat;

}

#message .content li.pad {

	padding-left: 40px;

	color: #717171;

	line-height: 30px;

	font-size: 18px;

}

#message .content h2 {

	padding-left: 40px;

	margin-top: 40px;

	margin-bottom: 10px;

	line-height: 21px;

	font-size: 20px;

	background:url(../images59/message_dot.png) 0 0 no-repeat;

}

#message .content .date {

	display: block;

	font-size: 14px;

	color: #918f89;

}

#message .content a {

	color: #9ecb45;

}





.section2-pay {

	width: 100%;

	padding-top: 170px;

	padding-bottom: 130px;

	min-width: 1200px;

	max-width: 1920px;

	margin: 0 auto;

}

.section2-pay .paybtn {

	width: 746px;

	height: 123px;

	margin: 0 auto;

	position: relative;

}

.section2-pay .paybtn div {

	width: 353px;

	height: 123px;

	float: left;

	padding-left: 20px;

	background-color: #c9cad8;

	cursor: pointer;

}

.section2-pay .paybtn div span {

	display: block;

	font-size: 32px;

	font-weight: bold;

	line-height: 50px;

	margin-top: 23px;

}

.section2-pay .paybtn div.on {

	color: #0183b1;

	background-color: #1ac2fe;

	padding-top: 22px;

	margin-top: -22px;

}

.section2-pay .paybtn div.off {

	color: #8e90ad;

	background-color: #c9cad8;

}

.section2-pay .paybtn div.off:hover {

	color: #000;

	background-color: #ffff00;

}

.section2-pay .paybtn div.payico {

	width: 69px;

	height: 69px;

	background: url(../images59/payico.png) 0 0 no-repeat;

	position: absolute;

	bottom: 30px;

	left: 280px;

}

.section2-pay .paynow {

	margin: 0 auto;

	margin-top: 75px;

	width: 900px;

	height: 410px;

	position: relative;

	overflow: hidden;

}

.section2-pay .paynow ul {

	width: 2100px;

	position: absolute;

	top: 10px;

	left: 0;

}

.section2-pay .paynow ul li {

	display: block;

	float: left;

	width: 270px;

	height: 368px;

	background-color: #fff;

	box-shadow: 0 0 20px #d4dfe6;

	margin: 0 15px;

	text-align: center;

	position: relative;

	cursor: pointer;

}

.section2-pay .paynow li .name {

	font-size: 38px;

	margin-top: 28px;

}

.section2-pay .paynow li .time {

	font-size: 20px;

	color: #707070;

}

.section2-pay .paynow li .price {

	font-size: 28px;

	margin-top: 40px;

}

.section2-pay .paynow li .price span {

	font-size: 60px;

}

.section2-pay .paynow li .sheng {

	font-size: 16px;

	color: #fff;

	line-height: 28px;

	width: 100px;

	margin: 0 auto;

	background-color: #0183b1;

}

.section2-pay .paynow li .buy {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

	color: #fff;

	background-color: #fbaf5d;

	line-height: 46px;

	font-size: 22px;

}

.section2-pay .paynow li:hover {

	box-shadow: 0 0 10px #ffdab2;

}

.section2-pay .paynow li:hover .buy {

	box-shadow: 0 0 10px #ffdab2;

	background-color: #ffc17e;

}

.section2-pay .payinfo {

	width: 830px;

	margin: 0 auto;

	padding: 10px 20px;

	background-color: #fffbf6;

	border: 1px solid #fbaf5d;

	margin-top: 20px;

	color: #5e3003;

}





.section2-duibi {

	width: 100%;

	height: 1054px;

	background: url(../images59/section2bg.png) 0 0 repeat-x;

	min-width: 1200px;

	max-width: 1920px;

	margin: 0 auto;

}

.section2-duibi .contentdb {

	width: 100%;

	height: 964px;

	padding-top: 90px;

	background: url(../images59/bottom-bg.png) center -913px no-repeat;

}

.section2-duibi .contentdb .duibi {

	width: 1151px;

	height: 726px;

	background: url(../images59/duibi.png) 0 0 no-repeat;

	margin: 0 auto;

}

.section2-duibi .contentdb a {

	display: block;

	text-align: center;

	width: 410px;

	line-height: 88px;

	background-color: #0183b1;

	color: #fff;

	margin: 0 auto;

	font-size: 42px;

	margin-top: 80px;

}

.section2-duibi .contentdb a:hover {

	background-color: #ffff00;

	color: #000;

}



#section2 .content {

	width: 100%;

    margin: 0 auto;

}