@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:#42b9fd;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 .backhome{position: absolute;right: 10px;top: 0;}


/*下载*/
.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{width:20px;height:20px;margin-right:10px;}

.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%;}
.titleMenu .menulist .listlink i {
    color: #333;
    font-style: normal;
}
.titleMenu h3 {
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
}