*{
	padding: 0;
	margin: 0;
	border: 0;
}
body{
	text-align: center;
	font-size: 14px;
	font-family: "微软雅黑";
}
li{
	list-style: none;
}
i,em{
	font-style: normal;
}
input{
	vertical-align: middle;
	outline: none;
}
img{
	vertical-align: middle;
	border: 0;
	max-width: 100%;
}
a{
	text-decoration: none;
}
.l{
	float: left;
}
.r{
	float: right;
}
.clearfix{
	clear: both;
}
.show{
	display: block;
}
/*****************************通用头部导航栏****************************/
.h_top{
	width: 100%;
	height: 30px;
	background: #EFF2F7;
	color: #666;
}
.h_top .h_t_contetn{
	width: 1100px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
}
.h_top .h_t_contetn .h_t_right a{
	color: #666666;
	margin:  0 5px;
}
.h_top .h_t_contetn .h_t_right a:last-child{
	color: #ff8d63;
	padding: 0 10px;
	border-left: 1px solid #aaa;
}
header{
	width: 1100px;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	/*background: palegoldenrod;*/
}
header .h_logo{
	display: inline-block;
}
header ul.h_h_list li{
	float: left;
	margin: 0 20px;
}
header ul.h_h_list li a{
	color: #333;
	font-size: 16px;
}
header ul.h_h_list li a.on{
	color: #2a90fd;
}
header ul.h_h_list li a:hover{
	color: #2a90fd;
}
/*****************************通用底部*******************************/
footer{
	width: 100%;
	height: 160px;
	background: #2b3045;
	color: #cccccc;
	overflow: hidden;
}
footer p{
	height: 30px;
	line-height: 30px;
}
footer p:first-child{
	margin-top: 50px;
}
footer p span{
	margin: 0 20px;
}
footer a {
	color: #cccccc;
}


/*********************************************登录----注册**********************************/
header.header{
	background: #FFFFFF;
}
footer.footer{
	background: #FFFFFF;
	color: #666;
}
#enter{
	width: 100%;
	margin: 0 auto;
}
#enter section{
	width: 100%;
	height: 593px;
	background: url(../img/loding.png) no-repeat;
	overflow: hidden;
	text-align:center;
}
.e_content{
	width: 400px;
	height: 440px;
	background: url(../img/loding2.png) no-repeat;
	margin: 60px auto 0px;
	text-align: center;
}
.e_content h5{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #666666;
}
.e_content h5 span,.e_content h4 span{
	display: inline-block;
	height: 60px;
	padding: 0 10px;
	line-height: 60px;
	margin: 0 65px;
	cursor: pointer;
}

.e_content h5 span a{
	color: #666666;
}

.e_content h5 span:hover{
	color: #3cbcfe;
	border-bottom: 2px solid #3cbcfe;
}
.e_content h5 span.e_on,.e_content h4 span.e_on{
	color: #3cbcfe;
	border-bottom: 2px solid #3cbcfe;
}
.e_content .e_c1{
	width: 400px;
	margin: 70px auto 20px;
}
.e_content .e_c2{
	margin: 30px auto 20px;
	display: none;
}
.e_content .e_c3{
	margin: 30px auto 20px;
}
.e_c p{
	width: 300px;
	height: 40px;
	line-height: 40px;
	margin: 20px auto;
	border: 1px solid #CCCCCC;
	text-align: left;
}
.e_c p.e_p{
	border: 0;
	color: #666;
}
.e_c p em{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/user.png) center center no-repeat;
	float: left;
}
.e_c p em.e_i1{
	background-image: url(../img/user.png);
}
.e_c p em.e_i2{
	background-image: url(../img/Password.png);
}
.e_c p input{
	width: 250px;
	height: 30px;
	line-height: 30px;
	background: transparent;
}
.e_c1 p.e_p input{
	width: 20px;
}
.e_c p.e_p a{
	color: #666;
	float: right;
}
.e_c button{
	width: 300px;
	height: 40px;
	background-image: linear-gradient(90deg,#2aa1fd 0%,#45d2ff 100%);
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 10px;
	margin-top: 10px;
	cursor: pointer;
}
.e_c2 p,.e_c3 p{
	margin: 10px auto;
	text-indent: 20px;
}
.e_c p.e_zc{
	border: 0;
}
.e_c p.e_zc input{
	width: 160px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #CCCCCC;
	position: relative;
	right: 20px;
	text-indent: 20px;
}
.e_c p.e_zc i{
	display: inline-block;
	width: 115px;
	height: 40px;
	line-height: 40px;
	background-image: linear-gradient(90deg,#2aa1fd 0%,#45d2ff 100%);
	color: #FFFFFF;
	float: right;
	cursor: pointer;
}
.e_c p.e_zc i.gray{
	background-image: linear-gradient(90deg,#bbb 0%,#bbb 100%);
}
/*********************************************找回密码**********************************/
.e_content h4{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
}
/*********************************************首页**********************************/
#home{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
}
/***********************轮播************************/
/* 焦点图定义 */
.slideBox { width: 100%; position:relative; z-index: 1; overflow:hidden; margin: 0 auto;}
.slideBox .hd { position:absolute; width: 100%; height: 10px; line-height: 10px; bottom: 10px; left: 0; z-index:10; text-align: center;}
.slideBox .hd li { cursor: pointer; display:inline-block; width: 10px; height: 10px; border-radius:5px; background-color: #ccc; overflow:hidden; margin: 0 10px 0 0; }
.slideBox .hd li.on { background-color: #fff; width: 40px;}
.slideBox .bd { position:relative; z-index:2; }
.slideBox .bd li { position:relative;}
.slideBox .bd li img { width:100%;}

/************************列表种类**********************/
section{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	/*background: peachpuff;*/
}
.h_list{
	margin: 20px auto;
	overflow: hidden;
}
.h_list ul.h_l_ul{
	margin: 20px auto;
	display: flex;
}
.h_list ul.h_l_ul li{
	flex: 1;
	cursor: pointer;
}
.h_list ul.h_l_ul li a img{
	transition: all 0.5s;
}
.h_list ul.h_l_ul li a img:hover{
	transform: scale(1.1); 
}
.h_list ul.h_l_ul li p{
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	color: #666;
}
/************************列表内容**********************/
.h_content{
	margin: 0 auto;
	color: #333333;
	overflow: hidden;
}
.h_content ul.h_c_test{
	width: 370px;
}
.h_content ul.h_c_guide{
	width: 300px;
}
.h_content ul.general{
	text-align: left;
	border: 1px solid #009aea;
	margin: 0 3px;
	border-radius: 10px;
	overflow:hidden;

}
.h_content ul.general h4{
	width: 370px;
	height: 46px;
	line-height: 46px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	text-indent: 5px;
	margin-bottom: 8px;
	background: url(../img/Ranking.png) no-repeat;
}
.h_content ul.general h4 em{
	display: inline-block;
	width: 30px;
	height: 46px;
	background: url(../img/text.png) center center no-repeat;
	margin-left: 10px;
	float: left;
}
.h_content ul.general h4 em.h_c_i1{
	background-image: url(../img/text.png);
}
.h_content ul.general h4 em.h_c_i2{
	background-image: url(../img/Profit.png);
}
.h_content ul.general h4 em.h_c_i3{
	background-image: url(../img/guide.png);
}
.h_content ul.general li{
	height: 30px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 8px;
}
.h_content ul.general li.zi{
	color: #333333;
	/*font-weight: bold;*/
}
.h_content ul.general li i{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 12px;
	background: #eaeaea;
	margin:0 10px;
}
.h_content ul.general li i.h_one{
	color: #FFFFFF;
	background: #ff0000;
}
.h_content ul.general li i.h_two{
	color: #FFFFFF;
	background: #ff6005;
}
.h_content ul.general li i.h_three{
	color: #FFFFFF;
	background: #eed906;
}
.h_content ul.general li span{
	float: right;
	margin-right: 10px;
}
.h_content ul.h_c_money{
	margin: 0 20px;
}
.h_content ul.h_c_guide h4{
	width: 300px;
}
.h_content ul.h_c_guide h4 a{
	float: right;
	font-weight:100;
	font-size: 14px;
	color: #FFFFFF;
	position: relative;
	top: 10px;
	right: 10px;
}
.h_content ul.h_c_guide li{
	white-space: nowrap;
	text-overflow: ellipsis;
}
.h_content ul.h_c_guide li a{
	color: #333333;
}
.h_content ul.h_c_guide li i{
   display: inline-block;
   width: 6px;
   height: 6px;
   line-height: 6px;
   border-radius: 3px;
   background: #333333;
}
.bg{
	margin: 25px auto;
}


/************************------------------------------------2次修改添加内容开始---------------------------****************/
/************************公司简介 ---- 新闻列表**********************/
.h_content2{
	width: 1100px;
	margin: 20px auto;
	overflow: hidden;
	text-align: left;
}
.h_content2 ul{
	border: 1px solid #009aea;
	border-radius: 10px;
}
.h_content2 ul h5,.Wonderful_show h5{
	height: 50px;
	line-height: 50px;
	background-image: linear-gradient(90deg,#2a90fd 0%,#45d2ff 100%);
	color: #FFFFFF;
	border-radius: 10px 10px 0 0;
}
.h_content2 ul h5 span,.Wonderful_show h5 span{
	font-size: 20px;
	color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
}
.h_content2 ul h5 a,.Wonderful_show h5 a{
	float: right;
	margin-right: 20px;
	color: #FFFFFF;
	font-size: 16px;
}
.Company h5 em.h_c_i4{
	background-image: url(../img/compile.png);
}
.news h5 em.h_c_i5{
	background-image: url(../img/news.png);
}
ul.Company{
	width: 49%;
	min-height: 440px;
}
.h_content2 li{
	line-height: 200%;
	box-sizing: border-box;
	padding: 10px;
}
.h_content2 li i.tit_on{
	font-size: 20px;
	color: #2a90fd;
	font-weight: bold;
}
.h_content2 li em.c_on{
	font-size: 18px;
	color: #2a90fd;
	font-weight: bold;
}
ul.news{
	width: 49%;
	min-height: 440px;
}
/*****************************精彩展示*******************************/
.Wonderful_show{
	width: 1098px;
	height: 240px;
	margin: 20px auto;
	border: 1px solid #009aea;
	border-radius: 10px;
	text-align: left;
	overflow: hidden;
}
.Wonderful_show .slideBox2{
	width: 1080px;
	height: 160px;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 10px auto;
	overflow: hidden;
	position: relative;
}
.left_sign {
    position: absolute;
    top: 70px;
    left: 10px;
    width: 40px;
    z-index: 10;
    display: none;
}
.slideBox2 ul{
	margin: 0 auto;
}
.slideBox2 ul li {
    float: left;
    margin-right: 20px;
    width: 195px;
}
.right_sign {
    position: absolute;
    top: 70px;
    right: 10px;
    width: 40px;
    display: none;
}
.Wonderful_show .slideBox2 ul li img{
	width: 195px;
	height: 160px;
	cursor: pointer;
}
/************************------------------------------------2次修改添加内容结束---------------------------****************/




/*****************************选择车型*******************************/
#model{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
#model section{
	width: 1100px;
	margin: 40px auto;
}
.m_content{
	width: 100%;
	overflow: hidden;
}
.m_content dl{
	width: 100%;
	height: 200px;
	border: 1px solid #009aea;
	box-sizing: border-box;
	margin-bottom: 10px;
	overflow:hidden;
	text-align: left;
	/*cursor: pointer;*/
}
.m_content dl:hover{
	border: 1px solid #07a7fa;
	box-sizing: border-box;
	/*background: #f0f6f8;*/
}
.m_content dl.on{
	/*background: #cbf0ff;*/
}
.m_content dt {
	width: 180px;
	float: left;
	text-align: center;
}
.m_content dt img{
	width: 100px;
	margin:  10px 0;
}
.m_content dl dt div{
	color: #333;
	font-weight: bold;
	margin-top: 10px;
}
.m_content dl dt p{
	color: #333;
	margin-top: 10px;
}

.m_content dl .lx1 {
	border-left: 1px solid #009aea;
	padding: 8px 0;
	box-sizing: border-box;
	height:  100%;
	width:  630px;
	text-align:left;
	overflow:hidden;
	font-size: 16px;
	float: left;
}

.m_content dl .lx2 {
	border-left: 1px solid #009aea;
	width:  286px;
	box-sizing: border-box;
	height:  100%;
	text-align:left;
	overflow:hidden;
	font-size: 16px;
	float: left;
}
.m_content dl .lx2  p:first-child{
	overflow: hidden;
	text-align: center;
	padding:  20px 0;
	height:  58px;
	border-bottom: 1px solid #009aea;
}

.m_content dl .lx2  p:last-child{
	overflow: hidden;
	text-align: center;
	padding:  20px 0;
	height:  58px;
}

.m_content dl .lx2  p a{
	display: inline-block;
	width: 128px;
	height:  58px;
	line-height:  58px;
	margin-left: 10px;
	font-size: 20px;
	color: #2a90fd;
}


.m_content dl .lx2  li {
	text-align: center;
	width: 100%;
	height:  116px;
	background: #f0f6f8;
}
.m_content dl .lx2  li a{
	display: block;
	width: 100%;
	height:  116px;
	line-height:  116px;
	font-size: 28px;
	color: #2a90fd;
}
.m_content dl:hover .lx1{
	border-left: 1px solid #009aea;
}
.m_content dl:hover .lx2{
	border-left: 1px solid #009aea;
}
.m_content dl .lx1 a i { margin-right:  5px;}
.m_content dl .lx1 a  {
	float:left;
	display: block;
	width: 110px;
	height:  25px;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 8px;
	color:#333;
}

.yuan1 { background: #5ef16f; color: #fff; border-radius: 50%; overflow: hidden; text-align: center; line-height:  25px; width: 25px;}
.yuan2 { background: #43dfec; color: #fff; border-radius: 50%; overflow: hidden; text-align: center; line-height:  25px; width: 25px;}
.yuan3 { background: #ff6986; color: #fff; border-radius: 50%; overflow: hidden; text-align: center; line-height:  25px; width: 25px;}
.yuan4 { background: #f3e312; color: #fff; border-radius: 50%; overflow: hidden; text-align: center; line-height:  25px; width: 25px;}
.yuan5 { background: #24faee; color: #fff; border-radius: 50%; overflow: hidden; text-align: center; line-height:  25px; width: 25px;}


.m_content dl .lx1 a:visited {
	color:#333;
}
.m_content dl .lx1 a:hover, .m_content dl .lx2 a:hover {
	color:#f00;
}
.m_content dl .lx1 i, .m_content dl .lx2 i {
	float:left;
	margin-left: 10px;
	margin-bottom: 8px;
}



/*****************************选择车型*******************************/
#us{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
#us section{
	width: 100%;
	margin: 0 auto;
	background: #EFF2F7;
	overflow: hidden;
}
.u_bg{
	width: 100%;
	height: 240px;
}
.u_content{
	width: 1100px;
	height: 380px;
	background: #FFFFFF;
	margin: 40px auto 50px;
	overflow: hidden;
}
.u_content h5{
	height: 50px;
	line-height: 50px;
	color: #333333;
	border-bottom: 1px solid #ddd;
	margin: 20px auto;
}
.u_content h5 span{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	padding: 0 10px;
	border-bottom: 2px solid #009AEA;
}
.u_content ul.u_ul{
	margin: 20px auto;
}
.u_content ul.u_ul li{
	width: 300px;
	height: 230px;
	color: #333333;
	float: left;
	margin: 20px 33px;
	background: url(../img/dizhi.png) center center no-repeat;
}
.u_content ul.u_ul li.li_1{
	background-image: url(../img/dizhi.png);
}
.u_content ul.u_ul li.li_2{
	background-image: url(../img/Tele.png);
}
.u_content ul.u_ul li.li_3{
	background-image: url(../img/mail.png);
}
.u_content ul.u_ul li h6{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	margin-top: 100px;
}
/*****************************学车指南列表*******************************/
#guide{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#guide section{
	width: 100%;
	margin: 0 auto;
	background: #EFF2F7;
	overflow: hidden;
}
.g_content{
	width: 1100px;
	height: 800px;
	background: #FFFFFF;
	margin: 40px auto 60px;
	overflow: hidden;
}
.g_content h5{
	height:60px;
	line-height: 60px;
	color: #333333;
	border-bottom: 1px solid #ddd;
	margin: 20px auto;
}
.g_content h5 span{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	padding: 0 10px;
	border-bottom: 2px solid #009AEA;
}
.g_content ul.g_ul{
	width: 98%;
	margin: 20px auto;
}
.g_content ul.g_ul li{
	height: 70px;
	line-height: 70px;
	border-bottom: 1px dashed #CCCCCC;
	text-align: left;
	background: url(../img/news-symbol.png) 20px center no-repeat;
	padding-left: 30px;
}
.g_content ul.g_ul li em{
	display: inline-block;
	width: 20px;
	height: 50px;
	float: left;
	margin-left: 50px;
}
.g_content ul.g_ul li a{
	color: #333333;
	font-size: 14px;
	margin-left: 30px;
}
.g_content ul.g_ul li span{
	display: inline-block;
	float: right;
	margin-right: 80px;
}
.g_content .g_pages{
	margin: 40px auto;
}
.g_content .g_pages span{
	display: inline-block;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	margin: 0 5px;
}
.g_content .g_pages span a{
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333333;
}
.g_content .g_pages span a.g_on{
	color: #FFFFFF;
	background: #2a90fd;
}
.g_content .g_pages span a:hover{
	color: #FFFFFF;
	background: #2a90fd;
}
/*****************************学车指南详情*******************************/
#detail{
	width: 100%;
	margin: 0 auto;
}
#detail section{
	width: 100%;
	overflow: hidden;
	background: #EFF2F7;
}
.d_content{
	width: 1100px;
	height: 1550px;
	margin: 30px auto 70px;
	background: #FFFFFF;
	color: #333333;
}
.d_content h5{
	height: 80px;
	line-height: 80px;
	font-size: 20px;
}
.d_content p{
	height: 40px;
	line-height: 40px;
}
.d_content p span{
	display: inline-block;
	margin-left: 60px;
}
.d_content p i{
	display: inline-block;
	margin-right: 60px;
}
.d_c_content{
	width: 1020px;
	height: 1150px;
	margin: 20px auto;
	overflow: hidden;
	text-align: left;
	line-height: 220%;
	font-size: 16px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 50px;
}
.d_c_content h6{
	height: 80px;
	line-height: 80px;
	font-size: 18px;
	text-align: center;
}
.d_c_content img{
	float: right;
	margin-right: 10px;
	position: relative;
	bottom: 100px;
}
.foot{
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
.foot a{
	display: block;
	color: #333333;
	margin: 10px 0;
}
.foot p{
	height: 60px;
	line-height: 30px;
	text-align: center;
}
.foot p a{
	display: inline-block;
	padding: 5px 10px;
	color: #FFFFFF;
	background: #2a90fd;
	margin: 20px auto;
}
/*****************************VIP*******************************/
#vip{
	width: 100%;
	margin: 0 auto;
}
#vip section.v_section{
	width: 100%;
	margin: 0 auto;
	background: #EFF2F7;
	overflow: hidden;
}
.v_content{
	width: 1100px;
	margin: 50px auto 150px;
}
.v_c_left{
	width: 200px;
	color: #333333;
	font-size: 16px;
	border: 1px solid #CCCCCC;
}
.v_c_left .v_ul{
	/*height: 500px;*/
	min-height: 500px;
	background: #FFFFFF;
	text-align: left;
	text-indent: 50px;
}
.v_c_left .v_ul h5{
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	cursor: pointer;
}
.v_c_left .v_ul h5.v_l_two{
	width: 96%;
	margin: 0 auto;
	border-top: 1px solid #CCCCCC;
}
.v_c_left .v_ul h5:hover{
	color: #2a90fd;
}
.v_c_left .v_ul h5.v_on{
	color: #FFFFFF;
	background-image: linear-gradient(90deg,#2a90fd 0%,#45d2ff 100%);
}
.v_c_left .v_ul li{
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}
.v_c_left .v_ul li:hover{
	color: #2a90fd;
}
.v_c_left .v_ul li.v_show{
	color: #2a90fd;
}
.v_c_left .v_ul li a{
	color: #333333;
}
.v_c_left .v_ul li a:hover{
	color: #2a90fd;
}
.v_c_left .v_ul li a.v_show{
	color: #2a90fd;
}
.v_c_right{
	width: 850px;
}
/******************************账户资料*****************************/
.v_c_c1{
	width: 850px;
	overflow: hidden;
} 
.v_c_c1 .v_c1_top{
	/*height: 210px;*/
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.v_c_c1 .v_c1_bottom{
	border: 1px solid #CCCCCC;
	margin-top: 40px;
	background: #fff; 
	overflow:hidden;
}
.v_c_c1 .v_c1_bottom .agent_info {
	background: url(../img/line_dote.jpg) 50% top repeat-y; 
	margin: 10px 0;
	overflow:hidden;
}
.v_c1_bottom .agent_info ul { float:left; width: 50%;}
.v_c1_bottom .agent_info ul:first-child { float:left; width: 50%;}
.v_c1_bottom .agent_info ul:first-child { text-align:left; }
.v_c1_bottom .agent_info ul:first-child span {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
}

.v_c1_bottom .agent_info ul .v_p1 em{
	display: block;
	width: 50px;
	height: 60px;
	float: left;
	background-repeat: no-repeat;
	background-position: 16px 20px;
}
.v_c1_bottom .agent_info ul .v_p1 em.v_i4{
	background-image: url(../img/icon_income.png);
}
.v_c1_bottom .agent_info ul .v_p1 em.v_i3{
	background-image: url(../img/Extension.png);
}

.v_c1_bottom .agent_info ul .v_p2{
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
}
.v_c1_bottom .agent_info ul span i {
	color: #2a90fd;
	font-size: 20px;
	margin-left: 4px;
}



.v_c_c1 .v_c1_top h5,.v_c_c2 h5{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	margin-bottom: 20px;
}
.v_c_c1 .v_all{
	width: 100%;
	padding: 10px;
	overflow: hidden;
}
.v_c_c1 .v_all h5 span,.v_c_c2 h5 span{
	display: inline-block;
	padding: 0 20px;
	border-bottom: 2px solid #2a90fd;
}


.v_all .user_info { overflow:hidden; background: url(../img/line_dote.jpg) 50% top repeat-y; }
.v_all .user_info ul { width: 50%; float:left;}
.v_all .user_info ul:last-child { box-sizing: border-box; overflow:hidden;}

.v_all .user_info ul:first-child { text-align:left; }
.v_all .user_info ul:first-child span {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
}
.v_all .user_info ul:first-child span a{
	color: #900;
	margin-left: 20px;
}
.v_all .user_info ul:first-child span em{
	display: inline-block;
	width: 50px;
	height: 60px;
	background: url(../img/account.png) center center no-repeat;
	float: left;
}
.v_all .user_info ul:first-child p:last-child span em{
	background: url(../img/date.png) center center no-repeat;
}

.v_all .user_info ul:last-child p { width: 50%; float:left;}
.v_all .user_info ul:last-child p:first-child {
	display: inline-block;
	height: 60px;
	line-height: 30px;
	text-align: left;
	font-size: 14px;
} 

.v_all .user_info ul:last-child p:first-child span {
	display: block;
	margin-left: 60px;
	margin-bottom: 15px;
}

.v_all .user_info ul p span i {
	font-size: 20px;
	margin-left: 4px;
	color: #f60;
}

.v_all .user_info ul:last-child p:last-child span {
    background: #fd8c63;
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
	margin-bottom: 15px;
	color: #fff;
	cursor: pointer;
}

.v_all .user_info ul:last-child p:last-child span:first-child {
    background: #fd8c63;
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
}
.v_all .user_info ul:last-child p:last-child span:last-child {
    background: #2a90fd;
}
.v_all .user_info ul:last-child p:last-child span a {
    color: #fff;
	display:block;
	width: 120px;
	height: 36px;
}

/*
.v_c_c1 .v_all p{
	height: 60px;
	line-height: 60px;
	background: palevioletred;
	font-size: 0;
	text-align: left;
	overflow: hidden;
}
.v_c_c1 .v_all p .v_p1{
	display: inline-block;
	width: 350px;
	height: 60px;
	line-height: 60px;
	border-right: 1px solid #CCCCCC;
	font-size: 14px;
}

.v_c_c1 .v_all p .v_p1 a{
	color: #900;
	margin-left: 20px;
}

.v_c_c1 .v_all p .v_p1 em{
	display: inline-block;
	width: 50px;
	height: 60px;
	background: url(../img/account.png) center center no-repeat;
	float: left;
}
.v_c_c1 .v_all p .v_p1 em.v_i1{
	background-image: url(../img/account.png);
}
.v_c_c1 .v_all p .v_p1 em.v_i2{
	background-image: url(../img/phone.png);
}
.v_c_c1 .v_all p .v_p1 em.v_i3{
	background-image: url(../img/Extension.png);
}
.v_c_c1 .v_all p .v_p2{
	display: inline-block;
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	/*background: paleturquoise;
}
.v_c_c1 .v_all p .v_momey{
	color: #2a90fd;
	font-size: 16px;
}
.v_c_c1 .v_all p .v_p3{
	display: inline-block;
	width: 190px;
	height: 60px;
	line-height: 60px;
	/*background: papayawhip;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
}
.v_c_c1 .v_all p .v_p3 i{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
}
.v_c_c1 .v_all p .v_p3 i.pay{
	background: #fd8c63;
}
.v_c_c1 .v_all p .v_p3 i.kiting{
	background: #2a90fd;
}
*/


/******************************修改手机号码***修改密码***************************/
.v_c_c2{
	width: 850px;
	min-height: 500px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #333333;
	overflow: hidden;
}
.v_c_c2 .recharge span {
	display: block;
	height: 50px;
	line-height: 50px;
	width: 300px;
	text-align: center;
	margin: 0px auto 20px;
	background: palegoldenrod;
	background: #319dd6;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
}


.v_c_c2 h5{
	margin-bottom: 80px;
}
.v_c_c2 p{
	height: 50px;
	line-height: 50px;
	margin: 10px auto;
	/*background: palegoldenrod;*/
}
.v_c_c2 p span{
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 20px;
	/*background: paleturquoise;*/
}
.v_c_c2 p input[type="text"]{
	width: 300px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #CCCCCC;
}
.v_c_c2 p input[type="password"]{
	width: 300px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #CCCCCC;
}



.v_c_c2 p .payway { display:inline-block;width: 300px; text-align:left;}
.v_c_c2 p .payway em { margin: 0 15px; display:inline-block;}


.v_c_c2 p input.v_i_two{
	width: 160px;
	height: 36px;
	line-height: 36px;
}
.v_c_c2 p i{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	background-image: linear-gradient(90deg,#2a90fd 0%, #45d2ff 100%);
	margin-left: 20px;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
.v_c_c2 p i.gray {
	background-image: none;
	background-color: #aaa;
}


.v_c_c2 p button{
	width: 300px;
	height: 36px;
	line-height: 36px;
	background-image: linear-gradient(90deg,#2a90fd 0%, #45d2ff 100%);
	margin-left: 170px;
	color: #FFFFFF;
	font-size: 18px;
	cursor: pointer;
}
.v_c_c2 p .labbtn{
	display:inline-block;
	width: 300px;
	height: 36px;
	line-height: 36px;
	background-image: linear-gradient(90deg,#2a90fd 0%, #45d2ff 100%);
	margin-left: 170px;
	color: #FFFFFF;
	font-size: 18px;
	cursor: pointer;
}
.v_c_c2 p label a{
	color: #FFFFFF;
}

/***************************我的考试记录*************************/
.v_t_record{
	width: 850px;
	min-height: 500px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #333333;
	position: relative;
}
.v_t_record h5{
	height: 60px;
	line-height: 60px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    font-size: 18px;
}
.v_t_record h5 span{
	display: inline-block;
	padding: 0 20px;
	border-bottom: 2px solid #2a90fd;
}
table{
	width: 850px;
}
table thead{
	height: 60px;
	background: #eff8ff;
}
table tbody tr{
	height: 50px;
}
table tbody tr td{
	border-bottom: 1px solid #CCCCCC;
}
table tbody tr td.v_good{
	color: #00a700;
}
table tbody tr td.v_bad{
	color: #c70205;
}
.v_foot{
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow:hidden;
	padding-top: 20px;
	/*background: powderblue;*/
}
.v_foot li {
	display: inline-block;
	margin: 0 5px;
	text-align:center;
	padding: 0 5px;
}
.v_foot li a, .v_foot li span {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #333;
	margin: 0 auto;
	height: 20px;
	padding: 0 5px;
	line-height: 20px;
	border: 1px solid #CCCCCC;
}

.v_foot li .current{
	color: #FFFFFF;
	background: #2a90fd;
	border: 1px solid #2a90fd;
}
.v_foot li a:hover{
	color: #FFFFFF;
	background: #2a90fd;
}


/***************************充值消费记录*************************/
.v_t_record h5 a{
	display: inline-block;
	padding: 0 10px;
	color: #666;
}
.v_t_record h5 a.v_a_on{
	color: #333333;
	border-bottom: 2px solid #2a90fd;
}
.v_t_record h5 a:hover{
	color: #333333;
	border-bottom: 2px solid #2a90fd;
}
/***************************我的推广*************************/
.v_t_record h5 i{
	display: inline-block;
	float: right;
	margin-right: 10px;
	color: #666666;
}
.v_t_record h5 i em{
	color: #2a90fd;
}
/***************************科目一考试---登录-考生信息*************************/
#t_message,#t_venue{
	width: 1100px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 10px #666666;
}
header.t_head,header.test_head{
	width: 1100px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	text-indent: 20px;
	color: #333333;
	background: #eff2f7;
}
header.t_head em,header.test_head em{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/Close.png) center center no-repeat;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}
#t_message section,#t_venue section{
	width: 1100px;
	margin: 0 auto;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	margin-top: 40px;
	overflow: hidden;
}
.t_m_content{
	width: 1020px;
	margin: 30px auto;
	overflow: hidden;
}
.t_m_left,.t_m_right{
	width: 490px;
	height: 400px;
	border: 1px solid #CCCCCC;
	border-radius: 20px;
	background: #e2f1ff;
	margin: 30px 10px 30px 0;
}
.t_m_left h5{
	height: 50px;
	line-height: 50px;
	text-align: left;
	text-indent: 50px;
	font-size: 18px;
	color: #333333;
	margin: 30px 0 20px;
}
.t_m_left p{
	width: 355px;
	height: 40px;
	line-height: 40px;
	margin: 10px auto;
}
.t_m_left p span{
	display: inline-block;
	width: 110px;
    text-align: right;
}
.t_m_left p input{
	width: 230px;
	height: 36px;
	line-height: 36px;
	text-indent: 10px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
}
.t_m_left p.t_btn input{
	width: 100px;
	height: 38px;
	line-height: 38px;
	background-image: linear-gradient(0deg,#77d7ff 0%,#ffffff 100%);
	margin-left: 30px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 10px;
	border: 1px solid #CCCCCC;
	float: right;
	cursor: pointer;
}
.t_m_left p em{
	float: right;
	font-size: 16px;
	letter-spacing: 3px;
}
.t_m_left p i{
	color: #507bdc;
	font-size: 15px;
	margin-left:90px;
	letter-spacing: 2px;
}
.t_m_right .t_m_ul{
	width: 360px;
	height: 340px;
	margin: 30px auto;
}
.t_m_right .t_m_ul li{
	width: 74px;
	height: 74px;
	line-height: 74px;
	background: #FFFFFF;
	font-size: 30px;
	float: left;
	margin: 5px 7px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 0px 1px 1px 0px rgba(4, 0, 0, 0.36);
	cursor: pointer;
}
.t_m_right .t_m_ul li.back,.t_m_right .t_m_ul li.reset{
	width: 163px;
	height: 74px;
	letter-spacing: 5px;
}
/***************************科目一考试---考场须知-确认信息*************************/
.t_v_c{
	width: 1000px;
	height: 400px;
	margin: 30px auto;
	border-radius: 20px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
.t_v_left{
	width: 380px;
	height: 400px;
	box-sizing: border-box;
	padding: 30px 30px 45px;
	text-align: left;
	font-size: 16px;
	line-height: 180%;
	border-right: 1px solid #CCCCCC;
}
.t_v_left h5{
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
.t_v_right{
	width: 620px;
}
.t_v_right h5{
	width: 620px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	margin: 20px 0;
}
.t_v_right p{
	width: 65%;
	height: 40px;
	line-height: 40px;
	margin: 20px auto;
	color: #cc0000;
	font-size: 18px;
	letter-spacing: 2px;
	text-align: left;
}
.t_v_right a{
	display: inline-block;
	width: 100px;
	height: 38px;
	line-height: 38px;
	background-image: linear-gradient(0deg,#77d7ff 0%,#ffffff 100%);
	border: 1px solid #CCCCCC;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	cursor: pointer;
	color: #333;
}

.t_v_right span{
	display: block;
	width: 500px;
	line-height: 180%;
	color: #507bdc;
	font-size: 16px;
	text-align: left;
	margin: 0 auto;
}
/********************************考试页面********************************/
#test{
	width: 1100px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 10px #333333;
}
header.test_head{
	color: #FFFFFF;
	background: #1a7ee0;
}
header.test_head em.test_i1{
	background-image: url(../img/Close.png);
}
header.test_head em.test_i2{
	background-image: url(../img/zoom.png);
}
header.test_head em.test_i3{
	background-image: url(../img/Minimize.png);
}
#test section{
	width: 1100px;
}
.test_content{
	width: 1100px;
	margin:  20px auto;
	overflow: hidden;
}
.test_c_top{
	width: 1100px;
	height: 350px;
	margin: 10px;
	overflow: hidden;
}
.test_top_left{
	width: 156px;
	margin: 0 6px 0 12px;
}
fieldset{
	border: 1px solid #CCCCCC;
	margin: 5px 0;
}
fieldset legend{
	color: #b80e01;
}
/***************************考场*************************/
.kaochang{
	width: 156px;
	height: 40px;
}
/***************************个人信息*************************/
.xinxi{
	width: 156px;
	height: 240px;
	margin:  0 auto;
}
.xinxi img{
	width: 120px;
	height: 130px;
	margin: 5px auto;
}
.xinxi p{
	text-align: left;
	text-indent: 20px;
}
/***************************考试时间*************************/
.shijian{
	width: 156px;
	height: 40px;
}
/***************************考试题目*************************/
.test_top_center{
	width: 615px;
	margin: 0 6px;
}
.timu{
	width: 100%;
	height: 287px;
	margin: 5px 0;
	overflow: hidden;
	position: relative;
}
.timu .ti_num{
	margin-top: 20px;
	text-align:left;
	padding: 0 10px;
	box-sizing: border-box;
}
.timu .ti_content{
	padding: 10px 10px 0 40px;
	line-height: 30px;
	box-sizing: border-box;
	text-align:left;
}
.timu .ti_content i{
	margin-right: 10px;
}

.timu .ti_daan{
	position: absolute;
	bottom: 10px;
	margin-left: 10px;
}

.timu .ti_daan .daan{
	display: inline-block;
	width: 80px;
	height: 20px;
	margin-left: 10px;
	text-align:left;
}
.timu .ti_daan i.daan{
}
.timu .ti_daan span.choice{
	display: inline-block;
	margin-left: 50px;
}
.timu .ti_daan .choice i {
	display: inline-block;
	padding: 2px 10px;
	text-align: center;
	line-height: 20px;
	height: 20px;
	margin-right: 15px;
	border: 1px solid #888;
	cursor: pointer;
}
.timu .ti_daan span.choice em{
	display: inline-block;
	width: 40px;
	height: 25px;
	background: url(../img/sure.png) center center no-repeat;
	border: 1px solid #333;
	margin: 0 10px;
	position: relative;
	top: 6px;
	cursor: pointer;
}
.timu .ti_daan span em.ti_sure{
	background-image: url(../img/sure.png);
}
.timu .ti_daan span em.ti_no{
	background-image: url(../img/no.png);
}
.tishi{
	width: 100%;
	height: 40px;
}
.tishi .ts_xinxi{
	color: #210b8a;
}
.tishi p{
	text-align: left;
	text-indent: 20px;
}
.tishi p span{
	display: inline-block;
	width: 80px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #89878b;
	margin:0 10px;
	float: right;
	position: relative;
	bottom: 5px;
	cursor: pointer;
}
/***************************答题信息*************************/
.test_top_right{
	width: 275px;
	margin: 0 12px 0 6px;
}

.dati{
	width: 100%;
	height: 333px;
}
.dati .dati_ul li{
	width: 23px;
	height: 27px;
	border: 1px solid #333;
	margin: 1px;
	float: left;
}
.dati .dati_ul li.dati_on{
	background: #B7F1FC;
}
.dati .dati_ul li span{
	display: block;
	font-size: 12px;
	text-align: left;
	text-indent: 2px;
}
.dati .dati_ul li em{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/wu.png) right bottom no-repeat;
	background-size: 70%;
	float: left;
	margin-left:3px;
	position: relative;
	bottom: 9px;
}
.dati .dati_ul li em.dati_sure{
	background-image: url(../img/sure.png);
}
.dati .dati_ul li em.dati_error{
	background-image: url(../img/error.png);
}
.dati .dati_ul li em.dati_no{
	background-image: url(../img/note.png);
}
/***************************考试图片信息*************************/
.test_c_bottom{
	width: 1100px;
	min-height: 280px;
	margin: 10px;
	overflow: hidden;
}
.tupian{
	width: 1070px;
	min-height: 270px;
	margin: 0 auto;
	overflow: hidden;
}
.tupian img{
	display: block;
	/*width: 622px;*/
	height: 250px;
	margin: 5px auto;
	position: relative;
	padding:  5px 0;
}
/***************************考试确认窗口**********************/
#test_sure_model{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.s_m_content{
	width: 500px;
	height: 460px;
	background: #FFFFFF;
	margin: 90px auto;
	border: 1px solid #61c6f5;
}
.s_m_content h5{
	width: 500px;
	height: 30px;
	line-height: 30px;
	background: url(../img/Popup.png) no-repeat;
	color: #FFFFFF;
	text-align: left;
	text-indent: 20px;
	border-radius: 5px;
}
.s_m_content h5 em{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/Popup-close.png) center center no-repeat;
	float: right;
	cursor: pointer;
}
.s_m_content h4{
	width: 400px;
	height: 80px;
	line-height: 80px;
	background: #006c45;
	margin: 0 auto;
	color: #a11110;
	font-size: 25px;
	letter-spacing: 2px;
}
.s_m_content p{
	width: 400px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	text-indent: 20px;
	background: #00ae8c;
	margin: 0 auto;
	margin-top: 2px;
	font-size: 19px;
}
.s_m_content .cztishi,.jieshu{
	width: 400px;
	height: 160px;
	background: #00ae8c;
	text-align: left;
	box-sizing: border-box;
	padding: 10px 20px;
	margin: 2px auto;
	font-size: 18px;
	line-height: 180%;
}
.s_m_content span{
	display: block;
	width: 400px;
	height: 120px;
	line-height: 120px;
	background: #527bc6;
	margin: 0 auto;
}
.s_m_content span i{
	display: inline-block;
	width: 130px;
	height: 46px;
	line-height: 46px;
	background: #FFFFFF;
	font-size: 18px;
	margin: 0 10px;
	letter-spacing: 2px;
	cursor: pointer;
}

.test2_content{
	width: 400px;
	height: 240px;
	background: #FFFFFF;
	margin: 150px auto;
	border: 1px solid #61c6f5;
}
.test2_content h5{
	height: 30px;
	line-height: 30px;
	background: #ccc;
	color: #FFFFFF;
	text-align: left;
	text-indent: 20px;
	border-radius: 5px;
}
.test2_content h5 em{
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	cursor: pointer;
}
.test2_content h4{
	height: 30px;
	line-height: 30px;
	margin: 10px auto 0;
	color: #a11110;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight:bold;
}

.test2_content .cztishi,.jieshu{
	height: 80px;
	text-align: left;
	box-sizing: border-box;
	padding: 10px 20px;
	margin: 2px auto;
	font-size: 14px;
	line-height: 180%;
}
.test2_content span{
	display: block;
	width: 100%;
	margin: 0 auto 20px;
}
.test2_content span i{
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	background: #999;
	color:#fff;
	font-size: 14px;
	margin: 0 15px;
	letter-spacing: 2px;
	cursor: pointer;
}


/***************************信息提示窗口**********************/
#test_xinxi{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}


.test_xinxi p{
	margin: 2px auto;
}
.test_xinxi .jieshu{
	text-align: center;
	margin-bottom: 0;
}
.test_xinxi .close_time{
	width: 400px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	text-indent: 20px;
	background: #e9daae;
	margin: 0 auto;
	font-size: 16px;
}
.test_xinxi .close_time b{
	font-weight: 100;
	padding: 0 10px;
}
.test_xinxi span{
	height: 80px;
	line-height: 80px;
}


.test2_xinxi p{
	margin: 2px auto;
}
.test2_xinxi .jieshu{
	text-align: center;
	margin-bottom: 0;
	background: none;
}
.test2_xinxi .close_time{
	height: 35px;
	line-height: 35px;
	text-align: left;
	text-indent: 20px;
	background: #e9daae;
	margin: 0 auto;
	font-size: 16px;
	text-align:center;
}
.test2_xinxi .close_time b{
	font-weight: 100;
	padding: 0 10px;
}
.test2_xinxi span{
	height: 80px;
	line-height: 80px;
}

/****************************************移动端---扫码注册***************************/
#saoma{
	width: 100%;
	background: url(../img/mobile_bg.jpg) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
#saoma img{
	width: 50%;
	margin-top: 28%;
}
/****************************************移动端---注册***************************/
#register{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.r_content{
	width: 80%;
	margin: 20px auto;
	font-size: 16px;
}
.r_content p{
	width: 100%;
	height: 40px;
	margin: 10px auto;
	text-align: left;
}
.r_content p input{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #CCCCCC;
	text-indent: 10px;
}
.r_content p.e_zc input{
	width: 55%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #CCCCCC;
	float: left;
	text-indent: 10px;
}
.r_content p.e_zc i{
	display: inline-block;
	width: 40%;
	height: 40px;
	line-height: 40px;
	float: right;
	background-image: linear-gradient(90deg,#2a90fd 0%, #45d2ff 100%);
	color: #FFFFFF;
	text-align: center;
}
.r_content button{
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-image: linear-gradient(90deg,#2a90fd 0%, #45d2ff 100%);
	color: #FFFFFF;
	font-size: 20px;
	margin-top: 20px;
}

/************************------------------------------------2次新增页面---------------------------****************/
/***************************免费体验**********************/
#free_trial{
	width: 100%;
	margin:  0 auto;
	overflow: hidden;
}
#free_trial section{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.free_trial_content{
	width: 1100px;
	margin: 0px auto 20px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}
.free_trial_content h4{
	height: 80px;
	line-height: 80px;
	text-align: left;
	font-size: 20px;
	color: #666666;
	background: url(../img/lists.png) 10px center no-repeat;
	text-indent: 50px;
}
#newcont {
	padding-top: 20px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}

.free_trial_content h4 span{
	font-size: 14px;
	color: #333333;
	margin-left: 50px;
}
ul.topic{
	width: 55%;
	overflow: hidden;
}
.topic h5{
	font-size: 18px;
	color: #000;
	text-align: left;
	margin: 0 0 10px 20px;
	font-weight: normal;
	line-height: 180%;
	min-height: 58px;
}
.topic h5 i {}
.topic h5 em { color:#f70;}
@keyframes shake{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}
.shake{ animation: shake 1s infinite; color:#f00; margin: 0 2px; font-weight: bold; font-size: 20px; }

.topic li{
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 10px 20px;
	text-align: left;
	/*border-bottom: 1px dashed #CCCCCC;*/
	color: #333;
	cursor: pointer;
}
.topic li i.item{
	margin: 0 10px 0 0;
}
.topic li input{
	margin: 0 10px;
}
.topic p{
	height: 30px;
	line-height: 30px;
	margin: 0px 0 10px 0px;
	text-align: left;
	color:#666;
	padding-left: 30px;
	box-sizing: border-box;
}
.topic p a{
	display: inline-block;
	width: 120px;
	height: 42px;
	line-height: 42px;
	color: #FFFFFF;
	font-size: 16px;
	background: #3bb4f2;
	margin: 0 20px;
	text-align: center;
	border-radius: 20px;
}
.topic p a:hover{
	background: #0e90d2;
}
ul.btns{
	width: 45%;
	overflow: hidden;
	min-height: 350px;
}
.btns .answerpic{
	width: 100%;
	height: 260px;	
	overflow: hidden;
}

.btns img{
	/* width: 80%; */
	width: auto;
	max-height: 260px;
}

.btns li{
	height: 40px;
	line-height: 40px;
	margin: 30px 0 20px 0;
}
.btns li span{
	display: inline-block;
	padding: 2px 20px;
	border-radius: 20px;
	margin:  0 0px 0 25px;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
.btns li span.note{
	background: #5eb95e;
}
.btns li span.note:hover{
	background: #4aaa4a;
}
.btns li span.voice{
	background: #F37B1D;
}
.btns li span.voice:hover{
	background: #e0690c;
}
.btns li span.sheet{
	background: #00C5CD;
}
.btns li span.sheet:hover{
	background: #16d2d9;
}

.btns li span.vipvoice{
	background: #fa6806;
}
.btns li span.vipvoice:hover{
	background: #f57f30;
}
#vvoice {
	display: none;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -260px;
	width: 520px;
	height: 460px;
	z-index: 10;	
}
.test2_content h4 #close {
	float: right;
	display: inline;
	width: auto;
	color: #333;
	cursor: pointer;
	margin-right: 10px;
	
}
.pagination { width: 80%; margin: 0 auto; text-align: center;}
.pagination a, .pagination span, .pagination li  { display: inline-block; padding: 2px 3px;}

.note_tishi{
	margin: 20px 0 0px;
	text-align: left;
	margin-left: 40px;
	color: #000;
	/*color: #5eb95e;*/
	/*font-weight: bold;*/
	font-size: 18px;
	line-height: 180%;
}
.note_tishi h5{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #3598dc;
	background: url(../img/light.png) left center no-repeat;
	text-indent: 40px;
	font-weight: 100;
	letter-spacing: 2px;
}
.note_tishi  .note_con{
	display: none;
}


/* 支付页面 */
.ewmpay{
	width: 850px;
	min-height: 580px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #333333;
	overflow: hidden;
}
.ewmpay h5 {
	margin-bottom: 80px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}
.ewmpay h5 span {
    display: inline-block;
    padding: 0 20px;
    border-bottom: 2px solid #2a90fd;
}

/* 扫码支付页面 2018/3/24 星期六 */
.orderpay { margin: 30px 0px 30px 200px; text-align: left;}
.orderpay p { margin: 0 auto 10px;};
.orderpay img.pay_success_pic { width: 200px;}
.orderpay p.osn { font-size: 14px;}
.orderpay p.osn em { margin-left: 20px;}
.orderpay p.osn em i { color: #f00; font-size:20px; margin: 0 2px;}
.orderpay p.wtit { color: #060; font-size: 16px;}
.orderpay p.wtit img { width: 20px; margin-right: 10px;}
.orderpay p.tips { line-height: 200%; color: #666;}

.pay_suc { overflow:hidden; position:relative; z-index: 1;}
.pay_suc .pay_success_pic { position:absolute; left: 0; top: 0; z-index: 10; display:none;}

.process {
	margin: 30px 40px 20px;
	text-align: left;
	padding: 10px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	overflow:hidden;
	display:none;
}
.process .dati_ul li{
	width: 23px;
	height: 27px;
	border: 1px solid #333;
	margin: 1px;
	float: left;
	position: relative;
	z-index: 1;
}

.process .dati_ul li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.process .dati_ul li.dati_on{
	background: #B7F1FC;
}
.process .dati_ul li span{
	display: block;
	font-size: 12px;
	text-align: left;
	text-indent: 2px;
}
.process .dati_ul li em{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/wu.png) right bottom no-repeat;
	background-size: 66%;
	float: left;
	margin-left:0px;
	position: absolute;
	left: 0px;
	bottom: 1px;
	z-index: 5;
}
.process .dati_ul li em.dati_sure{
	background-image: url(../img/sure.png);
}
.process .dati_ul li em.dati_error{
	background-image: url(../img/error.png);
}
.process .dati_ul li em.dati_no{
	background-image: url(../img/note.png);
}
.answerarea { min-height: 180px;}

.opt { overflow:hidden; text-align:left; padding-left: 10px; box-sizing: border-box;}

.opt span {
	display: inline-block;
	width: 100px;
	line-height: 33px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #37B5F8;
	background-color: #37B5F8;
	color: #fff;
	margin-left: 20px;
	cursor: pointer;
}


.opt span.over {
	border: 1px solid #bbb;
	background-color: #aaa;
}
.opt span.restart {
	border: 1px solid #285e7a;
	background-color: #285e7a;
	color: #fff;
}
.topic .rate { line-height: 30px; color: #333; text-align:left; padding-left: 80px; padding-top: 20px; box-sizing: border-box;}

.topic li.right { }
.topic li.wrong { background: #fee8ea; color: #c00; }

.showpic { position: fixed; bottom: 50px; width: 100%; text-align: center; display: none; }
.showpic img { height: 80%;}

.partner { overflow: hidden;}
.partner dd { float: left; margin: 15px 0 0 15px; width: 195px; height: 160px; }
.partner dd  img { width: 195px; height: 160px; cursor: pointer;}