body {
    font-family:"microsoft yahei",simhei,'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center;
	height: 100%;
	overflow-y: visible;
	overflow-x: hidden;
	background-color: #fff;
}
.bg1{
	background-color: #f8f8f8;
	background: url(../img/bg.jpg)no-repeat;
	width: 100%;
	/*height:667px;*/
	background-position: center top;
	/*background-size: 100% 100%;*/
	/*overflow: hidden;*/
	padding-bottom: 20px;
	background-size: cover;
}
/*.bg{*/
	/*background: url(../img/bg-color.jpg) no-repeat;*/
	/*background-size:100% 100%;*/
/*}*/
/*让footer固定到底部*/
#container{
	/*保证footer是相对于container位置绝对定位*/
	position:relative;
	width:100%;
	min-height:100%;
	/*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/
	/*padding-bottom: 100px;*/
	box-sizing: border-box;
}
#footer{
	width: 100%;
	height:100px;   /* footer的高度一定要是固定值*/
	background-color:#42a835;
	/*position:fixed;*/
	/*position:absolute;*/
	/*bottom:0px;*/
	/*left:0px;*/
	position:absolute;
	bottom:0px;
	left:0px;
}
/*公共样式*/
body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0;
}
strong { font-weight: 500; }

a, a:hover, a:focus {
	font-family: "microsoft yahei", Helvetica, Arial, sans-serif;
	color:#42a835;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}
li{list-style-type:none;}

img { max-width: 100%; }
.r{
	text-align: right;
}
.l{
	margin-left: 100px;
}
.m_t{
	margin-top:10px;
}
.round{
	border-radius:20px;
	width:75px;
}

/*用bootstrap做的按钮，点击后，都会出现边框，请问如何去除？*/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	box-shadow:none;
}
.lf{
	float: left;
}
.rt{
	float: right;
}
/*我的课表*/
.tittle h3{
	vertical-align: middle;
	margin-top: 10px;
}

.section{
	margin: 20px;
}
.poison{
	height:660px;
}
.mystudy{
	/*height: 640px;*/
}
.learning{
	margin-left: 5px;
}
.Learningtask{
	/*background-color: #fff;*/
	/*-webkit-box-shadow:0 2px 8px #ccc;*/
	/*box-shadow: 0 2px 8px #ccc;*/
	margin-top: 25px;
	/*margin-bottom: 50px;*/
}
.topten{
	height:520px;
}
/*.Learningtask .task{*/
	/*margin:15px;*/
/*}*/
.study_img{
	display: flex;
	justify-content: space-around; /*上下左右有间隙*/
	/*justify-content: space-between; !*两边没有空隙全部均分布*!*/
}
.Learningtask .task_nav li{
	margin-left:15px;
}
.Learningtask .task_nav li a{
	text-align: left;
	font-size: 14px;
	color: #404040;
	line-height: 56px;
	background-color: transparent;
}

.Learningtask .task_nav li a:hover{
	color:#7cb305;
}





/*资讯内容*/
.zx_body{
	/*border:1px solid red;*/
	text-align: left;
}
.zx_body ul li{
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	padding-top: 20px;
}
.zx_body ul li h3{
	text-align: center;
	margin-bottom:20px;
	font-weight: bold;
}
.zx_body ul li p{
	font-size: 14px;
	color: #999;
}
.zx_body .font_body{
	line-height: 200%;
	color: #4e4e4e;
	font-size: 14px;
	padding: 20px 10px;
	overflow: hidden;
}
.zx_body .font_body p{
	text-indent: 2em;
	line-height:30px;
	font-size: 1.5rem;
}
/*.zx_body .font_footer li{*/
	/*border-bottom: 1px solid #eee;*/
/*}*/
/*.zx_body .font_footer li p span {*/
	/*margin-right:10px;*/
/*}*/
.zx_body .font_fx{
	text-align: center;
}
.zx_body .font_fx a{
	display:inline-block;
	width: 80px;
}
.zx_body .font_fx i{
	font-size: 30px;
}
.zx_body  .font_pic{
	/*width: 698px;*/
	/*height: 270px;*/
	/*border:1px solid red;*/
	margin: 10px 0;
	text-align: center;
}
.zx_body  .font_pic img{
	/*height: 121px!important;*/
}


.zx_body ul li span img{
	width:32px;
	border-radius: 50%;
}
.zx_body ul li span a{
	margin-left: 15px;
	background-color:#e6eefd;
	color: #333333;
	font-size: 14px;
	padding: 5px;
}
.zx_body ul li img{
	width: 170px;
	height:140px;
}


	/*禁毒资讯*/


/*更多*/
.more{
	color:#42a835 ;
	font-size: 14px;
	line-height:56px;
	margin-left: 15px;
}
.more_l{
	color:#ffa500;
}

.tittle_img{
	margin-top: 20px;
	padding-bottom: 20px;
}

.caption{
	/*border:1px solid red;*/
	text-align: left;
}
.caption .caption_name{
	margin-bottom: 10px;
}
.caption .caption_name a{
	font-size: 14px;
	font-weight: bold;
}
.caption span{
	font-size: 12px;
	color: #666;
	margin-top:10px;
	display: inline-block;
}
.caption span i{
	color: #888;
}
.caption_z{
	margin-left: 20px;
}
.thumbnail{
	margin-left: 10px;
	width: 345px;
	box-shadow:0 0 1px #ccc;
	transition:all 1s;
	padding: 0;
}
.thumbnail img{
	width: 345px;
	height: 175px!important;
}
.thumbnail:hover{
	box-shadow:0px 10px 30px #ccc;
}

/*资讯推荐*/
.recommend{
	text-align: left;
	/*border:1px solid red;*/
}
.recommend .recommend_tittle p{
	background-color: #f2f2f2;
	color: #209afd;
}
.recommend ul li{
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}
.recommend ul li .recommend_body{
	margin-top: 15px;
}
.recommend ul li .recommend_body p:first-child{

	font-weight: bold;
	color: #333;
}

/*关键词-webkit-line-clamp: 2;最多显示2行， text-overflow: ellipsis;超过2行...*/
.recommend ul li .recommend_body .bbbb{
	color: #4e4e4e;
	font-size: 1.4rem;
	white-space:initial;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.recommend ul li .recommend_body h6 span{
	color: #999;
}



/*答题页面*/
/*.bg_img{*/
	/*background: url(../img/bg.jpg)no-repeat;*/
	/*width: 100%;*/
	/*height:667px;*/
	/*background-position: center top;*/
	/*!*background-size: 100% 100%;*!*/
	/*overflow: hidden;*/
	/*padding-bottom: 20px;*/
	/*background-size: cover;*/
/*}*/
.test_paper{
	text-align: center;
	margin-top:10px;

}
.test_paper p{
	color: #333;
	font-size: 16px;
}
.T_tittle{
	background-color: #fff;
	border-radius: 10px;
	padding-top: 10px;
	border-bottom:1px dashed #ccc;
}
.T_tittle .election{
	padding-bottom: 10px;
}
.T_tittle .election span{
	background-color:#209afd;
	color: #fff;
	font-size: 12px;
	padding: 1px 6px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-right: 5px;
}
.test_paper .dan{
	border-radius: 10px;
	background-color: #fff;
	padding-top: 10px;
	/*margin-top: 10px;*/
	padding-bottom:15px;
}




.test_paper .dan .option{
	margin:10px 15px;
	/*width: 230px;*/
	/*height: 40px;*/
	/*line-height: 40px;*/
	background-color: #eeeeee;
	border-radius: 30px;
	color: #333;
	padding: 5px 17px;
}
/*.test_paper .dan .option span{*/
	/*line-height: 20px;*/
/*}*/
.test_paper .dan .act{
	background: linear-gradient(to right, rgba(253, 143, 4, 0.9), rgba(244, 92, 2, 0.9));
	color: #fff;
}
.test_paper .dan .timu{
	margin-top: 20px;
}
.test_paper .dan .timu a{
	color: #209afd;
	font-size: 16px;
	margin-right: 20px;
}
/*.test_paper .dan p.active{*/
	/*background-color: red;*/
	/*color: #fff;*/
/*}*/

/*错题解析*/
.wrong{
	/*border:1px solid red;*/
	text-align: left;
	background-color: #fff;
	margin-top: 20px;
	border-radius: 10px;
}
.wrong .wrong_b{
	margin: 0 15px;
	padding: 20px 0;
}
.wrong .wrong_b .ctjx{
	color: #209afd;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom:5px;
}
.wrong .wrong_b p{
	font-size: 14px;
	color: #333;
	/*font-weight: bold;*/
}



/*收藏功能*/
.collection{
	height: 40px;
	line-height: 40px;
	/*width: 100%;*/
	/*position:fixed;*/
	/*bottom:0px;*/
	/*position: relative;*/
	background-color: #fff;
	text-align: left;
	margin-top: 20px;
}
.collection .collection_t{
	/*position:fixed;*/
	/*bottom:0px;*/
}
.collection .collection_t span{
	margin-left: 15px;
	font-size: 14px;
	color: #999;
}

/*考试结果*/
.result{
	margin-top:40px;
}
.result ul li p{
	font-size: 16px;
	color:#209afd;
	font-weight: bold;
}
.result ul li .z_number{
	text-align: center;
	margin-top: 15px;
	width: 100%;
}
.result ul li .z_number div{
	/*width: 100px;*/
	/*margin-left:7.5%;*/
	font-weight: normal;
	width: 25%;
}
.result ul li .z_number div p{
	font-size: 14px;
	color: #333;
}
.btn-primary {
	color: #fff;
	background-color:#209afd;
	border-color:#209afd;
}
.btn-primary:active{
	background-color:#209afd;
	border-color:#209afd;
}
.btn-primary:hover {
	color: #fff;
	background-color:#209afd;
	border-color:#209afd;
}
.btn-primary:active:hover{
	background-color:#209afd;
	border-color:#209afd;
}
.result ul li .again{
	margin-top:50px;
	text-align: center;
}
.result ul li .again a{
	background-color:#209afd;
	color: #fff;
	width:80%;
	display: block;
	padding: 5px 15px;
	margin: 0 auto;
	border-radius: 20px;
}

.sac {
	width: 88%;
	margin-left: 1px;
	text-align: left;
}

/*qq分享图标*/
.qz_share_btn_blue_1 .bt {
	width: 120px;
	height: 24px;
	background-image: url(../img/qqfx.jpg);
	background-position: -21px 0;
}

/*@media screen and (min-width: 320px) {*/
	/*html {font-size: 14px;}*/
/*}*/

/*@media screen and (min-width: 360px) {*/
	/*html {font-size: 16px;}*/
/*}*/

/*@media screen and (min-width: 400px) {*/
	/*html {font-size: 18px;}*/
/*}*/

/*@media screen and (min-width: 440px) {*/
	/*html {font-size: 20px;}*/
/*}*/

/*@media screen and (min-width: 480px) {*/
	/*html {font-size: 22px;}*/
/*}*/

/*@media screen and (min-width: 640px) {*/
	/*html {font-size: 28px;}*/
/*}*/