@charset"utf-8";

body,ul,p,h1,h2,h3,h4,form,input,textarea,select{ padding:0; margin:0; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; }

li { list-style:none; }

img { border:none; }

a { text-decoration:none; }

a:hover { text-decoration:none; }

h1{ font-size:1px;  color:#212735;}
h1 a{ font-size:1px;  color:#212735;}

body{
	background-color:#212735;
}

.nav{
	width:1300px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
}

.nav_logo{
	width:300px;
	height:80px;
	background-image:url('../images/logo.png');
	margin-top:15px;
	margin-left:24px;
	float:left;
}

.nav ul{
	width:730px;
	height:74px;
	margin-top:15px;
	float:right;
}


.nav ul li{
	width:94px;
	height:70px;
	margin-left:10px;
	float:left;

}

.nav ul .now{
	border-bottom:4px solid #f18e2d;
}

.nav ul li:hover{
	border-bottom:4px solid #f18e2d;
}

.nav ul li a{
	font-size:30px;
	margin-top:12px;
	text-align: center;
	color: #fff;
	display: block;
	font-weight:200;
	
}

.nav_line{
	width:auto;
	height:1px;
	background-color:#3e455f;
}

.banner{
	width:1300px;
	height:640px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../images/banner.png');
}

.banner_left{
	float:left;
	width:600px;
	height:640px;
	color:#fff;
}

.banner_left_title{
	width:370px;
	height:74px;
	font-size:70px;
	font-weight:bolder;
	margin-top:120px;
	margin-left:24px;
}

.banner_left_title img{
	width:70px;
	height:58px;
}

.banner_left_stitle{
	width:500px;
	height:32px;
	font-size:28px;
	font-weight:500;
	margin-top:20px;
	margin-left:24px;
	margin-bottom:44px;
}

.banner_left_info{
	width:360px;
	height:28px;
	font-size:28px;
	font-weight:500;
	margin-top:8px;
	margin-left:24px;

}

.banner_left_function{
	width:496px;
	height:62px;
	margin-left:24px;
	margin-top:50px;

}

.banner_download{
	width:230px;
	height:60px;
	float:left;
	background-image:url('../images/banner_function.png');
	background-position:0px 0px;
}

.banner_buy{
	width:230px;
	height:60px;
	float:right;
	background-image:url('../images/banner_function.png');
	background-position:230px 0px;
}

.banner_download:hover{
	background-position:0px 60px;
}

.banner_buy:hover{
	background-position:230px 60px;
}


.banner_right{
	width:650px;
	height:450px;
	background-color:#000;
	float:right;
	margin-top:90px;
	margin-right:24px;
}


.title_frame{
	width:800px;
	height:112px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
}

.title_big{
	font-size:55px;
	font-weight:bolder;
	text-align: center;
}

.title_small{
	font-size:30px;
	font-weight:300;
	text-align: center;
}

.price_top{
	width:1300px;
	height:238px;
	margin-top:48px;
	margin-left:auto;
	margin-right:auto;
}

.price_top_img{
	width:800px;
	height:238px;
	float:left;
	background-image:url('../images/price_top.png');
}

.price_top_price{
	width:228px;
	height:238px;
	float:left;
	background-image:url('../images/price.png');
	margin-left:20px;
}

.time{
	width:30px;
	height:30px;
	margin-top:22px;
	margin-left:155px;
	font-size:24px;
	color:#d8822c;
	font-weight:600;
	text-align: center;
}

.money{
	width:42px;
	height:34px;
	margin-left:86px;
	margin-top:22px;
	font-size:36px;
	color:#fff;
	font-weight:600;
	text-align: center;

}

.money_365{
	width:42px;
	height:34px;
	margin-left:78px;
	margin-top:22px;
	font-size:36px;
	color:#fff;
	font-weight:600;
	text-align: center;

}

.click{
	width:70px;
	height:22px;
	margin-left:56px;
	margin-top:46px;
	font-size:16px;
	color:#fff;
	font-weight:100;
	text-align: center;
}

.price_bottom{
	width:1300px;
	height:238px;
	margin-top:38px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:48px;
}

.price_bottom_price{
	width:228px;
	height:238px;
	float:left;
	background-image:url('../images/price_365.png');
	margin-left:20px;
}

.price_bottom_img{
	width:800px;
	height:238px;
	float:left;
	background-image:url('../images/price_bottom.png');
}


.function{
	width:1300px;
	height:492px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

.function_six{
	width:650px;
	height:492px;
	float:left;
}

.funcation_six_lattice_left{
	width:150px;
	height:240px;
	float:left;
	background-image:url('../images/funcation_six_lattice.png');
	background-repeat: no-repeat;
}

.funcation_six_lattice{
	width:150px;
	height:240px;
	float:left;
	background-image:url('../images/funcation_six_lattice.png');
	background-repeat: no-repeat;
	margin-left:100px;
}

.funcation_six_image{
	width:106px;
	height:72px;
	margin-left:22px;
	margin-top:16px;
}

.funcation_six_title{
	width:100px;
	height:30px;
	text-align: center;
	font-size:24px;
	color:#fff;
	font-weight:900;
	margin-left:22px;
	margin-top:36px;
}

.funcation_six_info{
	width:142px;
	height:50px;
	margin-left:4px;
	margin-top:8px;
	font-size:12px;
	color:#fff;
	text-align: center;
}

.function_comic{
	width:239px;
	height:492px;
	float:left;
	margin-left:30px;
	background-image:url('../images/function_comic.png');
}

.function_feedback{
	width:350px;
	height:492px;
	float:right;
}

.course{
	width:1300px;
	height:237px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 48px;
}

.course_lattice_left{
	width:308px;
	height:237px;
	float:left;
	background-color:#d8822c;
}

.course_lattice{
	width:308px;
	height:237px;
	margin-left:22px;
	float:left;
	background-color:#d8822c;
}

.course_lattice_right{
	width:308px;
	height:237px;
	float:right;
	background-color:#d8822c;
}

.course_image{
	width:300px;
	height:186px;
	margin-left:4px;
	margin-top:4px;
}

.course_image img{
	max-width: 300px;
}

.course_title{
	width:280px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	text-align: center;
	font-size:18px;
	color:#fff;
	font-weight:500;
}


.function_feedback_title{
	width:100px;
	height:24px;
	color:#d8822c;
	font-size:18px;
}

.feedback_content{
	width:342px;
	height:192px;
	background-color:#383d4a;
	border: 4px solid #f18e2d;
	margin-top:4px;
	margin-bottom:4px;
}

.feedback_content textarea{
	width:342px;
	height:185px;
	background-color:#383d4a;
	font-size:16px;
	color:#757575;
	text-indent:8px;
	margin-top:6px;
	border: none;
}

.feedback_div{
	width:350px;
	height:180px;
	margin-top:6px;
	
}
.feedback_left{
	width:230px;
	height:184px;
	float:left;
}

.feedback_category{
	width:210px;
	height:40px;
	margin-bottom:4px;
}

.feedback_category select{
	width:210px;
	height:40px;
	background-color:#383d4a;
	cursor:pointer;/*鼠标经过变小手指针*/
	font-size:16px;
	color:#757575;
	border: 4px solid #f18e2d;
	text-indent: 3px;
}

.feedback_name{
	width:210px;
	height:40px;
	margin-top:4px;
	margin-bottom:4px;
}

.feedback_name input{
	width:210px;
	height:40px;
	background-color:#383d4a;
	font-size:16px;
	color:#757575;
	border: 4px solid #f18e2d;
	text-indent: 8px;
}

.feedback_number{
	width:210px;
	height:40px;
	margin-top:4px;
	margin-bottom:4px;
}

.feedback_number input{
	width:210px;
	height:40px;
	background-color:#383d4a;
	font-size:16px;
	color:#757575;
	border: 4px solid #f18e2d;
	text-indent: 8px;
}

.feedback_button{
	width:120px;
	height:184px;
	float:left;
	background-color:#d8822c;
}

.feedback_button button{
	width:120px;
	height:184px;
	font-size:40px;
	background-color:#d8822c;
	border: none;
	color: #fff;
	cursor:pointer;/*鼠标经过变小手指针*/
	line-height: 45px;
	font-weight:400;
}

.news{
	width:1300px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

.news_left{
	width:639px;
	height:400px;
	float:left;
	background-color:#293041;
}

.news_right{
	width:639px;
	height:400px;
	float:right;
	background-color:#293041;
}

.news li{
	width:610px;
	height:24px;
	font-size:18px;
	margin-top:4px;
	margin-left:14px;
	background-image:url('../images/news_li.png');
	background-repeat:no-repeat;
}
.news li:hover{
	background-image:url('../images/news_li_hover.png');
}


.news li a{
	color:#acafb8;
}


.news li .news_title{
	padding-left:24px;
}

.news li .news_title:hover{
	padding-left:24px;
	color:#d8822c;
}

.news li .news_time{
	float:right;
}


.footer_background{
	width:auto;
	height:250px;
	margin-top:40px;
	background-color:#293041;

}

.footer_left{
	width:650px;
	height:250px;
	float:left;
}

.footer{
	width:1300px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
}

.footer_title{
	width:210px;
	height:50px;
	padding-top:10px;
	font-size:48px;
	color:#fff;
	font-weight:900;
}

.footer_nav{
	width:650px;
	height:28px;
	font-size:20px;
	color:#fff;
	margin-top:16px;
}

.footer_nav a{
	float:left;
	color:#fff;
}

.footer_nav a:hover{
	float:left;
	color:#fff;
	font-size:22px;
}

.footer_nav li{
	width:25px;
	height:28px;
	float:left;
}

.footer_info{
	width:650px;
	height:auto;
	margin-top:24px;
	color:#fff;
	font-size:20px;
	font-weight:100;
}



.footer_logo{
	width:420px;
	height:140px;
	margin-top:55px;
	float:right;
	background-image:url('../images/footer_logo.png');
}

.zwz{
	height:500px;
}

.suspend{
	width:58px;
	height:60px;
	position:fixed;
	top:700px;
	right:0;
	background-image:url('../images/button_service.png');
	background-position: -0px -0px;
}

.suspend:hover{
	width:140px;
	background-image:url('../images/button_service.png');
	background-position: -58px -0px;
}

/*以下为帮助(Help)页面样式表*/

.help_box{
	width:1200px;
	height:620px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	
}

.help_left{
	width:360px;
	height:620px;
	background-color:#31394c;
	float:left;
	border-radius: 3px;
}

.help_left_title{
	width:130px;
	height:30px;
	margin-top:50px;
	margin-left:40px;
	margin-bottom:26px;
	color:#FFF;
	font-size:30px;
	font-weight:500;
}

.help_left li{
	width:320px;
	height:48px;
	margin-left:40px;
}

.help_left li a{
	font-size:14px;
	color:#acafb8;
	font-weight:500;
	margin-top:10px;
	line-height: 46px;
}

.help_left li a:hover{
	color:#fff;
}

.help_left .help_now{
	width:320px;
	height:48px;
	margin-left:40px;
	background-color:#f18e2d;
	text-indent:14px;
}

.help_left .help_now a{
	font-size:14px;
	color:#fff;
	font-weight:500;
	margin-top:10px;
	line-height: 46px;

}


.help_right{
	width:820px;
	height:620px;
	background-color:#31394c;
	float:right;
	border-radius: 3px;
}

.help_right_title{
	/*width:250px;*/
	height:30px;
	margin-top:36px;
	margin-left:40px;
	margin-bottom:44px;
	color:#FFF;
	font-size:30px;
	font-weight:500;
}

.help_txt_box{
	width:820px;
	height:511px;
	background-color:#293041;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.help_zwz{
	height:30px;
}

.help_txt{
	width:750px;
	height:450px;
	margin-left:auto;
	margin-right:auto;
}

.help_txt p{
	color:#acafb8;
	font-size:18px;
}

.help_txt h3{
	color:#acafb8;
	font-size:14px;
	font-weight:500;
}

.help_txt h4{
	color:#ff737d;
	font-size:16px;
	font-weight:500;
}

.help_txt a{
	color:#acafb8;
	font-size:18px;
}

.help_txt a:hover{
	color:#fff;
	font-size:18px;
}

/*以下为新闻资讯栏目样式*/
.list_box{
	width:1200px;
	height:auto;
	margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
	background-color: #31394c;
	border-radius: 3px;
}

.list_title{
	width:1200px;
	height:30px;
    padding-top: 36px;
    padding-left: 40px;
    padding-bottom: 44px;
    color: #FFF;
    font-size: 30px;
    font-weight: 500;
}


.list_link{
	width:1200px;
	height:auto;
	background-color: #293041;
}

.list_link li{
	padding-left:120px;
	padding-top:4px;
}

.list_link li a{
	color: #acafb8;
    font-size: 20px;
}

.list_link li a:hover{
	color: #f18e2d;
    font-size: 22px;
}

.article_box{
	width:1200px;
	height:auto;
	margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
	background-color: #31394c;
	border-radius: 3px;
}

.article_title{
	width:1200px;
	height: 44px;
    padding-top: 36px;
    padding-left: 40px;
    padding-bottom: 44px;
    color: #FFF;
	text-align:center;
    font-size: 30px;
    font-weight: 500;
}

.article_title li{
	width:1052px;
	text-align:right;
	padding-top:10px;
	font-size:16px;
	color: #999;
}

.article_content{
	width:1200px;
	height:auto;
	background-color: #293041;
}

.article_content li{
	width:1000px;
	margin-left:100px;
	margin-right:100px;
	font-size:18px;
	color:#acafb8;
}

/*以下为用户协议独立页面(contract)样式*/
.contract_box{
	width:1300px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	background-color: #293041;
	border-radius: 3px;
}

.contract_box h1{
	width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	font-size:30px;
	color:#fff;
}

.contract_box p{
	width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	font-size:18px;
	color:#acafb8;
}

.contract_box li{
	height:40px;
}

.contract_box a{
	font-size:18px;
	color:#acafb8;
}

.contract_box a:hover{
	font-size:18px;
	color:#fff;
}

/*以下为帮助页面中代理细则独立页面(agent)样式*/
.agent_box{
	width:1200px;
	height:800px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	background-color:#31394c;
	border-radius: 3px;
}
.agent_title{
	width:550px;
	height:30px;
	padding-top:36px;
	margin-left:40px;
	color: #FFF;
    font-size: 30px;
    font-weight: 500;
}

.agent_txt{
	width:1120px;
	padding-top:20px;
	margin-left:40px;
	color: #acafb8;
    font-size: 18px;
    font-weight: 500;
}

.agent_txt a{
	color: #ff737d;
}

.sort_box{
	width:1000px;
	height:480px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

.sort_left{
	width:350px;
	height:440px;
	float:left;
	background-color:#293041;
	border-radius: 3px;
}

.sort_wx{
	width:220px;
	height:220px;
	margin-left:40px;
	margin-top:220px;
	float:left;
	background-image:url('../images/wx.png');
	background-repeat:no-repeat;
}

.sort_right{
	width:350px;
	height:440px;
	float:right;
	background-color:#293041;
	border-radius: 3px;
}

.sort_title{
	width:190px;
	height:58px;
	margin-top:20px;
	margin-left:110px;
	font-size:30px;
	color:#fff;
	font-weight: 600;
}

.sort_txt{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	color:#acafb8;
	font-size:18px;
	line-height:36px;
	text-align:center;
}

.sorf_line{
	width:300px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	border-top:solid 1px #fff;
}

.sorf_button{
	width:280px;
	height:50px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f18e2d;
	color:#fff;
	font-size:24px;
	line-height:46px;
	text-align:center;
}