/* CSS Document */
@charset "utf-8";
/* CSS Document */
html{
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
body,ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0 auto;padding:0;border:0;}
body{background:url(../img/mbbg1.jpg) repeat-x ;
background-size:100% ; font-size: 10px; color:#535353; margin-top:0px;font-family:"microsoft Yahei","Arial Narrow"; }

a{text-decoration: none;color: initial;}

a:visited{text-decoration: none;color: initial;} 

a:hover {text-decoration: none;color: initial;}
a:active{text-decoration:none;color: initial;}

/*.slideBox img{
	height: 45vw;
}*/
.hd{
	display: none;
}


.header{
	width: 100%;
	margin-top: 2%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.header_img{
	width: 7%;
	margin-left: 6%;
}
.header_img img{
	width: 100%;
}
.header_titile{
	font-size: 4vw;
	margin-left: 2%;
	color: white;
	width: 85%;
}



.title{
	height: 16px;
	position:relative;	
}
.title_name{
	margin-left: 1%;
	font-size: 13px;
	font-weight: 900;
    float: left;
}
.title_pic{
	width: 16px;
    float: left;
}
.title_pic_01{
	width: 100%;
}
.readers{
	margin-top: 3%;
	width: 90%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	border-radius: 10px;
	box-shadow: #e7e7e7 2px 2px 6px 2px ; 	
}

.item,.item_button{
	margin-top: 3%;
	width: 24%;
    text-align: center;
}
.item_icon{
	width: 80%;
	margin-bottom: 0;
}
.item_name{
	margin-bottom: 2vw;	
}
.electronic{
	width: 90%;
	margin-top: 5%;
}
.electronic_main{
	width: 100%;
	height: 50%;
    display: -webkit-flex;
    display: flex;
}
.electronic_pic{
	width: 25%;
}
.electronic_pic_01{
	width: 100%;
}
.electronic_right{
	width: 74%;
}
.electronic_cont{
	 width: 100%; 
	 height: 70px; 
	 margin-top: -70px; 
	 background-color: rgb(89,181,233,0.3);
	 border-radius:5px ;
     display: -webkit-flex;
     display: flex;
}
.electronic_cont_left{
	width: 60%;
	margin-left: 27%;		
}
.electronic_cont_title{
	font-size:13px ;
	font-weight: 900;
}
.electronic_cont_detl{
	font-size:8px ;
}
.electronic_cont_right{
	width: 30%;
	display:flex;
	justify-content:center;
	align-items:center;		
}
.electronic_cont_buttom{
	width: 60%;
	text-align: center;
	font-size:6px ;
	line-height: 18px;
	background-color: #ffb67f;
	border-radius:5px ;	
	font-weight: 900;
}
.recommend{
	margin-top: 10%;
	width: 90%;
}
.concent {width:100%; max-width:750px; min-width:320px;	margin-top: 3%; }
.box { white-space:nowrap; overflow-x:auto; }		/*注释1*/					
.box::-webkit-scrollbar { width:0; height:0; display: none; }     /*注释2*/
.box div {list-style:none; display:inline-block; width:145px;margin-right:5px;}	/*注释3*/
.box_pic { width:100%; height:100px; background:pink;border-radius:5px ; }
.box div:last-child { margin:0; }
.box p{
	text-align: center;
	font-size: 3vw;
	font-weight: 900;
}

.policy{
	width: 90%;
	margin-left: 5%;
	margin-top: 12%;
}

.policy_cont{
	width: 100%;
	margin-top: 3%;
	height: 50vw;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.policy_left{
	width: 39%;
	height: 50vw;
}
.policy_right{
	width: 59%;
	height: 50vw;
	margin-left: 2%;
}
.policy_img{
	width: 100%;
}
.policy_img_b{
	margin-top: 3vw;
}
.policy_img_a img,.policy_img_b img{
	width: 100%;
	height:23vw ;
	border-radius: 5px;
	box-shadow: #e7e7e7 2px 2px 6px 2px ;
	border: solid 0px #e4e1e1; 	
}

.policy_img img{
	width: 100%;
	height: 50vw;
	border-radius: 5px;
	box-shadow: #e7e7e7 2px 2px 6px 2px ;
	border: solid 0px #e4e1e1; 
}

.books{
	margin-top: 7%;
	width: 90%;
	margin-left: 5%;
}
.books_item{
	margin-top: 3%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.books_pic{
	width: 25%;
	border-radius:50% ;
	height: 20vw;
}
.books_pic img{
	width: 100%;
	border-radius:50% ;
	height: 20vw;
}
.books_cont{
	width: 70%;
}
.books_cont_title{
	font-size: 3.5vw;	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.books_cont_info,.books_cont_writer{
	font-size: 1.5vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
        color:#a1a1a1;
}
.books_cont_writer{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;	
}
.books_cont_writer_01{width: 20%;}
.books_cont_writer_02{width: 80%;}



.border{
	width: 90%;
	margin-left: 7%;
	border: solid 0.1vw #eee;
	margin-top: 5%;
}