@charset "utf-8";
/* CSS Document */

* {
	font-size:14px;
	padding: 0;
	margin: 0;
	outline: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-weight:normal;
}
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	width:100%;
	height: 100%;
	font-family: '微软雅黑' !important;
	font-size: 14px;
	display: -webkit-box;
	-webkit-touch-callout: none;
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
	margin: 0 auto;
	background:#fff;
	position:relative;
}
a {
	color: #000;
	text-decoration: none
}
img {
	border: 0px;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
.clear {
	height: 0;
	font-size: 1px;
	line-height: 0px;
	clear: both
}
ul, ol, dl {
	list-style-type: none;
}


/*公用头部样式*/
.header {background:#fff;width: 100%;margin: 0 auto;overflow: hidden;border-bottom: 1px solid #dedede;}
.header .loginImg{position:absolute;top:5px;right:10px;display:inline-block;width:40px;height:40px;background:url(../../image/qrcode/user.png) no-repeat;background-size:100% 100%;}
.header .loginImg.active{position:absolute;top:5px;right:10px;display:inline-block;width:40px;height:40px;background:url(../../image/qrcode/user-login.png) no-repeat;background-size:100% 100%;}
.header .logo {width: 100%;}
.header .logo .logoimg{margin:10px;margin-right:5px;}
.header .logo img {width:123px;margin:10px 0;}
.header .logo .logopic{margin-right:20px;}
.header.blue{background:#e86340;color:#fff;border-bottom: 0;}
.header.blue .titlebar{height:47px;line-height:47px;text-align:center;font-size: 16px;}
.header.blue .titlebar .back{padding-left:10px;font-size:14px; position: absolute; left: 0;top:0;}
.header.blue .titlebar .back img {width: 20px;height: 20px}
.header.blue .titlebar .backhome{position: absolute;right: 10px;top: 0;}
.header.blue .titlebar .backhome img {width: 25px;height: 25px;}

/*下载*/
.download{ width:100%; background:#000; background:rgba(0,0,0,0.7); filter:alpha(opacity=70); position:fixed; bottom:0;z-index:10;}
.downloadMain{ width:100%; margin:0 auto;overflow: hidden;}
.downloadMain img{ float:left;}
.download .close{width:20px;height:20px;margin:20px 2.5%;}
.download .orangeLogo{width:40px;height:40px;margin:10px 2.5%;}
.download .txtbar{float:left;width:35%;padding-top:12px;}
.download .text1{width: 39%;width:100%}
.download .text2{width:100%;margin-top:5px;}
.download .loadBtn{width:82px;position: absolute;top:10px;right:10px;}

.btnBackhome {position:fixed;right:10px;bottom:60px;}
.btnBackhome img{width:50px;}

/*视频页面样式*/
.subjectTitle{
	width:92%;
	margin:0 auto;
	padding:10px;
	line-height:150%;
	overflow: hidden;
	margin-top:51px;
}
.subjectTitle h1{
	font-size:18px;
}
.subjectTitle .load{float:right;}
.relevant{
	width:100%;
	padding:10px;
	line-height:150%;
	overflow: hidden;
}
.relevant h1{
	font-size:1.0rem;
	font-weight:bold;
}
.content{
	width:100%;
	line-height: 22px;
	margin:0 auto;
	overflow: hidden;
	border-top:1px dashed #dedede;
}
.content img{
	float:left;
    width: 30%;
	margin: 10px 2.5%;
}
.content li.star img{
	float:left;
    width: 7%;
	margin: 3% 1%;
}
.content ul{
	width:65%;
	float:left;
	margin:10px 0 0 0;
}
.contentTitle{
	font-size:14px;
	overflow:hidden;
	color:#333;
}
.xz{	
    font-size:14px;
	color:#999;
	margin: 0 0 3% 0;
}
.jf{
	display:inline-block;
	margin-left:10%;
}

.ts img{
	width:30%;
	position:absolute;
	top:35%;
	left:35%;
}


.header{position:fixed;top:0;left:0;z-index:1;box-shadow: 0 1px 1px 1px #f1f1f1;}
.section{width:100%;position:absolute;top:47px;bottom:0;left:0;overflow-x:hidden;}
.titleMenu{background:#fff;border-top:1px solid #dedede;}
.titleMenu .menulist .listDd{border-bottom:1px solid #f1f1f1;padding:15px 10px;font-size: 1.4em;}
.titleMenu .menulist .listDd a{color:#333;}
.titleMenu .menulist .listDd .icon img{margin-right:5px;margin-top:3px;width:20px;height:20px;}

.titleMenu .menulist .listlink{border-bottom:1px solid #f1f1f1;padding:15px 10px;width:100%;display: block;}
.titleMenu .menulist .listlink .openBtn{float:right;display:inline-block;background:url(../../image/qrcode/blue.png) no-repeat;width:20px;height:20px;background-size:100%;margin-right: 20px;}
.titleMenu .menulist .listlink .closeBtn{float:right;display:inline-block;background:url(../../image/qrcode/gray.png) no-repeat;width:20px;height:20px;background-size:100%;margin-right: 20px;}
.titleMenu .menulist .listlink .icon img{width:20px;height:20px;margin-right:10px;}

.pageindex{background:#f1f1f1;color:#333;}
.pageindex .bookPic{background:#fff;border-bottom:1px solid #dedede;margin-bottom: 10px;}
.pageindex .bookPic img{width:40%; margin:15px 30%;}
.pageindex .header{position:absolute;top:0;left:0;box-shadow: 0 1px 1px 1px #f1f1f1;}
.pageindex .section{position:absolute;top:45px;bottom:0;left:0;overflow-x:hidden;}

/*首页弹框*/
.tc {width: 80%;background: #fff;border-radius: 3px;position: fixed;z-index: 999;top:30%;left:8%;padding:10px;}
.tc .top {width: 100%;padding:10px 0;}
.tc .top p{font-size:15px;text-align: center;}
.tc .bottom {width: 100%;color:#666;}
.tc .bottom p{text-align:center;color:#42b9fd;padding:10px;background: #42b9fd;color: #fff;border-radius:5px;border:0;}
/*.mask{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,.6);z-index:10;display:none;}
.warning{width: 80%;background: #fff;border-radius: 3px;position: fixed;z-index: 999;top: 25%;left: 10%;padding:15px 0;}*/
.mask{}
.warning{width: 80%;background: #fff;border-radius: 3px;z-index: 999;padding:15px 0;margin:0 auto;z-index:9999;}
.warning .top {width: 100%;padding:10px 0;}
.warning .top p{font-size:15px;text-align: center;padding:0 8px;}
.warning .bottom {width: 100%;color:#666;}
.warning .bottom p{text-align:center;color:#42b9fd;padding:10px;background: #42b9fd;color: #fff;border-radius:5px;border:0;width:80%;margin: 0 auto;}


/*文档页面*/
.course {width: 92%;margin: 0 auto;overflow: hidden;}
.course img {width: 50%;box-shadow: -5px -5px 5px #999 inset;margin: 3% 30% 5% 25%}
.list {width: 100%;margin: 0 auto;overflow: hidden;background: #F00;}
.sub{width:92%;min-height:70%;margin:10px auto;background:#fff;border:1px solid #f1f1f1;border-radius:4px;overflow:hidden; 
-moz-box-shadow:0px 0px 5px 3px #f1f1f1;/*firefox*/
-webkit-box-shadow: 0px 0px 5px 3px #f1f1f1;/*safari或chrome*/box-shadow: 0px 0px 5px 3px #f1f1f1;}
.sub ul{width:96%;margin:3% 0% 5% 3%;}
.sub ul li{font-size:14px;margin:0 1% 0 2%;}
.sub li p{float:right;margin:2% 2% 4% 0;color:#eb4f38;}
.b_l{background:url(../../image/qrcode/b_l.png) no-repeat left; }
.b_c{background:url(../../image/qrcode/b_c.png) repeat-x; }
.b_r{background:url(../../image/qrcode/b_r.png) no-repeat right;}
.b_l,.b_c,.b_r{width:100%; height:29px; float:left;  overflow:hidden;}
.clear{height: 20px;;}
.relevantBox{position:relative;}
.relevant{width:92%;margin:0 auto;line-height:150%;overflow: hidden;}
.relevant h1{margin:0;font-weight:bold;}
.xz{font-size:0.875rem;color:#9e9e9e;margin: 0 0 3% 0;}
.jf{display:inline-block;margin-left:10%;}

.pagepictures .pic{padding:10px;}
.pagepictures .pic img{width:100%;}


/***********新版*********/
.subjectTitle {
	width: 92%;
	margin: 0 auto;
	padding: 10px;
	line-height: 150%;
	overflow: hidden;
	margin-top: 51px;
}
.subjectTitle h1 {
	font-size: 18px;
}
.subjectTitle .load {
	float: right;
}
.relevant {
	width: 100%;
	padding: 10px;
	line-height: 150%;
	overflow: hidden;
}
.relevant h1 {
	font-size: 1.0rem;
	font-weight: bold;
}
.content {
	width: 100%;
	line-height: 22px;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px dashed #dedede;
}
.content img {
	float: left;
	width: 30%;
	margin: 10px 2.5%;
}
.content li.star img {
	float: left;
	width: 7%;
	margin: 3% 1%;
}
.content ul {
	width: 65%;
	float: left;
	margin: 10px 0 0 0;
}
.contentTitle {
	font-size: 14px;
	overflow: hidden;
	color: #333;
}
.xz {
	font-size: 14px;
	color: #999;
	margin: 0 0 3% 0;
}
.jf {
	display: inline-block;
	margin-left: 10%;
}
.ts img {
	width: 30%;
	position: absolute;
	top: 35%;
	left: 35%;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	box-shadow: 0 1px 1px 1px #f1f1f1;
}
.section {
	width: 100%;
	position: absolute;
	top: 47px;
	bottom: 0;
	left: 0;
	overflow-x: hidden;
}
.titleMenu {
	background: #fff;
	border-top: 1px solid #dedede;
}
.titleMenu h3 {
	font-size: 14px;
	color: #333;
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #f1f1f1;
}
.titleMenu h3 span {
	font-size: 14px;
	color: #333;
}
.titleMenu .menulist .listDd {
	width:100%;
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 10px;
	font-size: 1.4em;
	float:left;
}
.titleMenu .menulist .listDd a {
	width:85%;
	color: #333;
	float:left;
}
.titleMenu .menulist .listDd i {
	color: #333;
	font-style: normal;
}
.titleMenu .menulist .listDd .icon img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	float:left;
	margin-top:3px;
}
.titleMenu .menulist .listlink {
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 10px;
	width: 100%;
	display: block;
}
.titleMenu .menulist .listlink i {
	color: #333;
	font-style: normal;
}
.titleMenu .menulist .listlink .openBtn {
	float: right;
	display: inline-block;
	background: url(../image/blue.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size: 100%;
	margin-right: 20px;
}
.titleMenu .menulist .listlink .closeBtn {
	float: right;
	display: inline-block;
	background: url(../image/gray.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size: 100%;
	margin-right: 20px;
}
.titleMenu .menulist .listlink .icon img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.pageindex {
	background: #f1f1f1;
	color: #333;
}
.pageindex .bookPic {
	background: #fff;
	border-bottom: 1px solid #dedede;
	margin-bottom: 10px;
}
.pageindex .bookPic img {
	width: 40%;
	margin: 15px 30%;
}
.pageindex .header {
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 1px 1px 1px #f1f1f1;
}
.pageindex .section {
	position: absolute;
	top: 45px;
	bottom: 0;
	left: 0;
	overflow-x: hidden;
}
/*首页弹框*/

.tc {
	width: 80%;
	background: #fff;
	border-radius: 3px;
	position: fixed;
	z-index: 999;
	top: 30%;
	left: 8%;
	padding: 10px;
}
.tc .top {
	width: 100%;
	padding: 10px 0;
}
.tc .top p {
	font-size: 15px;
	text-align: center;
}
.tc .bottom {
	width: 100%;
	color: #666;
}
.tc .bottom p {
	text-align: center;
	color: #42b9fd;
	padding: 10px;
	background: #42b9fd;
	color: #fff;
	border-radius: 5px;
	border: 0;
}
/*.mask{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,.6);z-index:10;display:none;}
.warning{width: 80%;background: #fff;border-radius: 3px;position: fixed;z-index: 999;top: 25%;left: 10%;padding:15px 0;}*/

.mask {
}
.warning {
	width: 80%;
	background: #fff;
	border-radius: 3px;
	z-index: 999;
	padding: 15px 0;
	margin: 0 auto;
	z-index: 9999;
}
.warning .top {
	width: 100%;
	padding: 10px 0;
}
.warning .top p {
	font-size: 15px;
	text-align: center;
	padding: 0 8px;
}
.warning .bottom {
	width: 100%;
	color: #666;
}
.warning .bottom p {
	text-align: center;
	color: #42b9fd;
	padding: 10px;
	background: #42b9fd;
	color: #fff;
	border-radius: 5px;
	border: 0;
	width: 80%;
	margin: 0 auto;
}
/*文档页面*/

.course {
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
}
.course img {
	width: 50%;
	box-shadow: -5px -5px 5px #999 inset;
	margin: 3% 30% 5% 25%
}
.list {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #F00;
}
.sub {
	width: 92%;
	min-height: 70%;
	margin: 10px auto;
	background: #fff;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 5px 3px #f1f1f1;
	/*firefox*/
	-webkit-box-shadow: 0px 0px 5px 3px #f1f1f1;
	/*safari或chrome*/
	box-shadow: 0px 0px 5px 3px #f1f1f1;
}
.sub ul {
	width: 96%;
	margin: 3% 0% 5% 3%;
}
.sub ul li {
	font-size: 14px;
	margin: 0 1% 0 2%;
}
.sub li p {
	float: right;
	margin: 2% 2% 4% 0;
	color: #eb4f38;
}
.b_l {
	background: url(../image/b_l.png) no-repeat left;
}
.b_c {
	background: url(../image/b_c.png) repeat-x;
}
.b_r {
	background: url(../image/b_r.png) no-repeat right;
}
.b_l, .b_c, .b_r {
	width: 100%;
	height: 29px;
	float: left;
	overflow: hidden;
}
.clear {
	height: 20px;
	;
}
.relevantBox {
	position: relative;
}
.relevant {
	width: 92%;
	margin: 0 auto;
	line-height: 150%;
	overflow: hidden;
}
.relevant h1 {
	margin: 0;
	font-weight: bold;
}
.xz {
	font-size: 0.875rem;
	color: #9e9e9e;
	margin: 0 0 3% 0;
}
.jf {
	display: inline-block;
	margin-left: 10%;
}
.pagepictures .pic {
	padding: 10px;
}
.pagepictures .pic img {
	width: 100%;
}
* {
	font-size: 14px;
	padding: 0;
	margin: 0;
	outline: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-weight: normal;
}

html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	width: 100%;
	height: 100%;
	font-family: '微软雅黑' !important;
	font-size: 14px;
	display: -webkit-box;
	-webkit-touch-callout: none;
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

a {
	color: #000;
	text-decoration: none
}

img {
	border: 0px;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

.clear {
	height: 0;
	font-size: 1px;
	line-height: 0px;
	clear: both
}

ul,
ol,
dl {
	list-style-type: none;
}


/*公用头部样式*/

.header {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}

.header .loginImg {
	position: absolute;
	top: 5px;
	right: 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../image/user.png) no-repeat;
	background-size: 100% 100%;
}

.header .loginImg.active {
	position: absolute;
	top: 5px;
	right: 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../image/user-login.png) no-repeat;
	background-size: 100% 100%;
}

.header .logo {
	width: 100%;
}

.header .logo .logoimg {
	margin: 10px;
	margin-right: 5px;
}

.header .logo img {
	width: 123px;
	margin: 10px 0;
}

.header .logo .logopic {
	margin-right: 20px;
}

.header.blue {
	background: #e86340;
	color: #fff;
	border-bottom: 0;
}

.header.blue .titlebar {
	height: 47px;
	line-height: 47px;
	text-align: center;
	font-size: 16px;
}

.header.blue .titlebar .back {
	padding-left: 10px;
	font-size: 14px;
	position: absolute;
	left: 0;
}

.header.blue .titlebar .backhome {
	position: absolute;
	right: 10px;
}

.header.blue .titlebar .backhome img {
	width: 25px;
	height: 25px;
}

.header.blue .titlebar .back img {
	width: 20px;
	height: 20px;
}


/*下载*/

.download {
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	filter: alpha(opacity=70);
	position: fixed;
	bottom: 0;
	z-index: 10;
}

.downloadMain {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.downloadMain img {
	float: left;
}

.download .close {
	width: 20px;
	height: 20px;
	margin: 20px 2.5%;
}

.download .orangeLogo {
	width: 40px;
	height: 40px;
	margin: 10px 2.5%;
}

.download .txtbar {
	float: left;
	width: 35%;
	padding-top: 12px;
}

.download .text1 {
	width: 39%;
	width: 100%
}

.download .text2 {
	width: 100%;
	margin-top: 5px;
}

.download .loadBtn {
	width: 82px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.btnBackhome {
	position: fixed;
	right: 10px;
	bottom: 60px;
}

.btnBackhome img {
	width: 50px;
}
.titlebar font{
	display:block;
	max-width:70%;
	margin:0 auto;
	font-size:16px;
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}