/*全局样式*/
body,td{font-size:16px;color:#000000;font-family:Arial,微软雅黑;line-height:150%}
body,div,form,img,ul,ol,li,dl,dt,dd,hr{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
hr{height:1px;font-size:0px;border-bottom:solid 1px #000000;}
a{text-decoration:none;cursor:pointer;outline:none;}
a:hover{text-decoration:none;}
ul{list-style:none;overflow:auto;zoom:1;}
table {border-collapse:collapse;}
select,input,td,li,p{font-size:16px;color:#000000;}
input{padding-top:1px !important;padding-top:3px;}

.mobileSelect{
	font-size:50px;
	height:80px;
}

.tableClass12{
	font-size:50px;
	padding:20px;
}
.checkboxW{
	width:70px;
	height:70px;
}
.bookmenu td{
	font-size:50px;
}
.bookmenu a{color:#00F}
.bookmenu input{
	font-size:60px;
	margin:10px;
	
}
.bookmenu .title{
	font-size:80px;
	text-align:center;
	background:#003;
	color:#FFF;
	padding:30px 0px 30px 0px;
}

.weChatRead{
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	border:none;
	width:95%;
}
.weChatRead .title1{
	margin-top:40px;
	font-size:70px;
	text-align:center;
	line-height:100%;
}
.weChatRead .title2{
	margin-top:20px;
	font-size:60px;
	text-align:center;
	line-height:100%;
}
.weChatRead .title3{
	margin-top:20px;
	font-size:60px;
	text-align:center;
	line-height:100%;
	color:#F0F;
}
.weChatRead .title4{
	margin-top:20px;
	font-size:60px;
	text-align:center;
	line-height:100%;
	color:#0C0;
}
.weChatRead .title5{
	margin-top:20px;
	font-size:60px;
	font-family:"Times New Roman";
	text-align:center;
	line-height:100%;
	color:#30F;
}
.weChatRead .input{
	font-size:60px;
	width:30%;
	margin-top:20px;
}
.weChatRead .input2{
	font-size:60px;
	width:40%;
	margin-top:20px;
}
.weChatRead .inputOK{
	font-size:60px;
	width:30%;
	margin-top:20px;
	background-color:#F90;
	color:#000;
}
.weChatRead .inputNO{
	font-size:60px;
	width:30%;
	margin-top:20px;
	background-color:#CCC;
	color:#333;
}
.weChatRead .inputDisabled{
	font-size:60px;
	width:30%;
	margin-top:20px;
	color:#999;
}
.weChatRead .inputDisabled2{
	font-size:60px;
	width:40%;
	margin-top:20px;
	color:#999;
}
.weChatRead li{
	text-align:center;
}

.weChatRead img{
	width:65%;
}
.weChatFrame .title{
	text-align:center;
	line-height:150%;
	height:110px;
	background-color:#000;
	color:#fff;
	padding-top:30px;
}

.weChatFrame li{
	font-size:40px;
	text-align:right;
	height:100px;
}
.weChatFrame .line1{
	margin-top:30px;
}
.weChatFrame .line2{
	font-size:30px;
	color:#F00;
	line-height:150%;
	margin-right:20px;
}
.weChatFrame .line3{
	font-size:40px;
	color:#F00;
	margin-right:20px;
}
.weChatFrame .input{
	font-size:40px;
	width:500px;
	border:solid 5px #222222;
	margin-right:20px;
}
.weChatFrame .inputButton{
	font-size:40px;
	width:500px;
	border:solid 5px #222222;
	margin-right:20px;
	background-color:#FC0;
}


.weChatFrameKuaidi li{
	text-align:center;
}
.weChatFrameKuaidi .title{
	font-size:80px;
	line-height:150%;
	height:150px;
	background-color:#000;
	color:#fff;
	padding-top:30px;
}
.weChatFrameKuaidi .input1{
	font-size:120px;
	width:90%;
	border:solid 5px #222222;
	color:#F00;
}
.weChatFrameKuaidi .input2{
	font-size:60px;
	width:90%;
	border:solid 5px #222222;
	color:#000;
}
.weChatFrameKuaidi .inputButton{
	font-size:80px;
	width:90%;
	border:solid 5px #222222;
	background-color:#FC0;
}
.weChatFrameKuaidi .line1{
	margin-top:60px;
}
.weChatFrameKuaidi .line2{
	margin-top:100px;
	margin-bottom:100px;
	font-size:60px;
	color:#00F;
}

.weChatFrame3 .title{
	text-align:center;
	line-height:150%;
	height:110px;
	background-color:#000;
	color:#fff;
	padding-top:30px;
	font-size:50px;
	height:100px;
}
.weChatFrame3 li{
	text-align:center;
}
.weChatFrame3 .line1{
	font-size:50px;
	margin-top:30px;
	height:100px;
}
.weChatFrame3 .select{
	font-size:50px;
	height:80px;
}
.weChatFrame3 .inputButton{
	font-size:50px;
	width:300px;
	border:solid 5px #222222;
	background-color:#FC0;
	margin-top:20px;
	margin-bottom:60px;
}
.weChatFrame3 .inputText{
	font-size:50px;
	width:500px;
	border:1px dotted #666;
}
.weChatFrame3 .line2{
	font-size:30px;
	margin-top:30px;
	color:#F00;
	line-height:150%;
}
.weChatFrame3 .line3{
	font-size:50px;
	margin-top:30px;
	color:#F00;
	line-height:150%;
}
.weChatFrame3 .password{
	font-size:50px;
	height:80px;
}

.weChatFrame4 li{
	text-align:left;
	margin-left:50px;
}
.mobileframe{
	margin-left:auto;
	margin-right:auto;
	border:solid 2px #222222;
	width:900px;
}

.learnProgress .title1{
	font-size:80px;
	padding:15px 0px 15px 0px;
}
.learnProgress .title2{
	font-size:80px;
	padding:15px 0px 15px 0px;
}

.weChatFrame2 li{
	text-align:center;
}
.mobileframe2{
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.weChatFrame2 .title{
	text-align:center;
	line-height:150%;
	background-color:#000;
	color:#fff;
	padding:30px;
	font-size:155px;
}
.weChatFrame2 .title2{
	text-align:center;
	line-height:150%;
	background-color:#000;
	color:#fff;
	padding:30px;
	font-size:60px;
}
.weChatFrame2 .title3{
	text-align:left;
	line-height:150%;
	padding:30px;
	font-size:50px;
}
.weChatFrame2 .title4{
	text-align:left;
	line-height:150%;
	padding:30px;
	font-size:60px;
	background-color:#FF0;
}

.weChatFrame2 .title5{
	line-height:150%;
	padding:80px 0px 80px 0px;
	font-size:80px;
	color:#F60;
}

.weChatFrame2 .title6{
	padding:0px 0px 40px 0px;
	font-size:50px;
	color:#000;
	line-height:150%;
	text-align:left;
	padding-left:20px;
}
.weChatFrame2 .title7{
	text-align:left;
	line-height:150%;
	padding:30px;
	font-size:40px;
}

.weChatFrame2 .input{
	font-size:50px;
	height:140px;
	width:800px;
	border:solid 5px #222222;
	margin-top:60px;
	background-color:#FC0;
}

.weChatFrame2 .input2{
	font-size:50px;
	height:140px;
	width:800px;
	border:solid 5px #222222;
	margin-top:60px;
	background-color:#0CF;
}

.weChatFrame2 .input3{
	font-size:50px;
	height:140px;
	width:800px;
	border:solid 5px #222222;
	margin-top:60px;
	background-color:#CCC;
}

.weChatFrame2 .input4{
	font-size:50px;
	height:140px;
	width:300px;
	border:solid 5px #222222;
	margin-top:60px;
	background-color:#FC0;
}

.weChatFrame2 .inputStep{
	font-size:50px;
	height:140px;
	width:800px;
	border:solid 5px #222222;
	margin-top:60px;
	text-align:left;
	padding-left:20px;
	background-color:#FC0;
}
.weChatFrame2 .inputDisabled{
	font-size:50px;
	width:30%;
	margin-top:60px;
	color:#999;
	width:800px;
	height:140px;
	text-align:left;
	border:solid 5px #888;
	padding-left:20px;
}
.weChatFrame2 .inputOk{
	font-size:50px;
	height:140px;
	width:800px;
	border:solid 5px #222222;
	margin-top:60px;
	text-align:left;
	padding-left:20px;
	background-color:#0C0;
}

.weChatFrame2 .payCode{
	background-color:#28B041;
}

.mobileframe3{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
}
.register2Button{
	text-align:center;
	font-size:40px;
	margin:80px 0px 80px 0px;
	border:solid 5px #222222;
	background-color:#3FF;
}
.webFrame{
	width:1020px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border:none;
}
.frame li{
	display:block;
	border:none;
}
.frameLeft{
	width:230px;
	float:left;
	line-height:70px;
}
.frameRight{
	float:left;
	width:790px;
}
.menu li{
	background-color:#006D91;
	text-align:center;
	vertical-align: middle;
	color:#FFFFFF;
	border-top:#B0B0B0 2px solid;
	border-left:#B0B0B0 2px solid;
	border-right:#B0B0B0 2px solid;
	cursor:pointer;
}
.menu li:hover{
    background:#f29901;
}
.menu li a{
	font-size:25px;
	color:#FFFFFF;
	display:block;
}
.menu li a:hover{
	color:#000000;
}
.article li{
	background-color:#ff0000;
	text-align:center;
	vertical-align: middle;
	border-top:#B0B0B0 2px solid;
	border-left:#B0B0B0 2px solid;
	border-right:#B0B0B0 2px solid;
}
.article li:hover{
    background:#f29901;
}
.article li a{
	font-size:25px;
	color:#000000;
	display:block;
}
.article li a:hover{
	color:#000000;
}
.contact{
	border-bottom:#B0B0B0 2px solid;
}
.contact li{
	background-color:#f29901;
	text-align:center;
	vertical-align: middle;
	border-top:#B0B0B0 2px solid;
	border-left:#B0B0B0 2px solid;
	border-right:#B0B0B0 2px solid;
	font-size:20px;
	line-height:30px;
	padding-top:15px;
	padding-bottom:15px;
}
.webFrameTop{
	background-color:#006D91;
	margin-bottom:25px;
}
.docLink{
	font-size:20px;
}
.docLink a{
	color:#0000ff;
}
.articleTitleBig{
	line-height:55px;
}
.articleTitleBig li{
	color:#FFFFFF;
	display:block;
	text-align:center;
	background-color:#000000;
	font-size:20px;
	vertical-align: middle;
}
.articleTitleSmall li{
	font-size:20px;
	padding:15px;
	background-color:#FF0000;
	color:#FFFFFF;
}
.articleContent li{
	font-size:20px;
	padding:15px;
	background-color:#FFFF66;
	line-height:180%;
}
.articleContent a{
	color:#0000ff;
}

.listenBackground{
	position: absolute;
	width:100%;
	height:100%;
	border:none;
	background-color:#666;
	opacity:0.9;
	display:none;
}
.listenRightWrong{
	color:#f00;
	font-size:500px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border:none;
	display:none;
}
.listenResult{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border:none;
	width:900px;
}

.listenResultTitle1{
	color:#000;
	font-size:60px;
	height:150px;
	margin-top:200px;
	margin-left:50px;
}
.listenResultTitle2{
	color:#F00;
	font-size:400px;
	height:400px;
	text-align:center;
	margin-top:100px;
	float:left;
}
.listenResultTitle3{
	color:#F00;
	font-size:200px;
	height:400px;
	text-align:center;
	margin-top:150px;
}