em{font-style: normal;}
.mui-content{
	background-color: #fff;
	padding:2.5vw;
}
.mui-content h1{
	padding:0;margin:0;
	font-size: 5vw;
	line-height: 8vw;
}
#art_info {
	font-size:3.5vw;
	margin-top:2vw;
	margin-bottom:3vw;
	color:#B4B4B4;
}
#art_info::after{
  content: '';
  clear:both;
  display: block;
}
#art_info i{
	font-weight:normal;
		font-size:3.5vw;
}
.listicon{
	font-style: normal;
	font-size:2vw;
	color:#BFBFBF;
	border:0.2vw solid #BFBFBF;
	border-radius: 15px;
	margin-right:1vw;
	padding: .8vw 1.8vw;
}
#art_set{
        float:right;
        width:10%;
        text-align:right;
        color:#B3B3B3;

}
.t_set{
	float:right;
		font-size:5vw;
}

.page_img {
	height:52vw;
	overflow-y: hidden;
}
.page_img img{
	width:100%;
}
#description{
	margin:10px 0vw;
	background-color: #F2F2F2;
	color:#1A1A1A;
	text-align: justify;
	padding: 4vw;
	line-height: 6.5vw;
	font-size: 3.5vw;
	font-style: normal;
	font-weight: bold;
}
#cmain {
	margin:2vw 0;
}
#cmain strong {
	color: #000;
}
#cmain p strong {
	color: #000;
}
#cmain p{
	line-height: 7vw;
	text-align: justify;
	color: #333333;
	font-size: 4vw;
	margin-bottom: 5vw;
}



#cmain img {
    width: 100% !important;
    height: auto !important;
    max-width: 400px;
}

#aut_info{
	font-size:3vw;
	margin:2vw;
}
#aut_info li {
	display: inline-block;
}
#aut_info span{
	margin-right: 5vw;
}
#aut_info2{
	padding:1px 20px;
	margin:5vw auto;
	clear: both;

	 -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 2px;
	 -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 2px;
	 box-shadow: rgba(0,0,0,0.2) 0px 2px 5px;
}
#next_article {
	margin:4vw 2vw;
	color:#808080;
	clear:both;
	display: block;

}
#next_article h2 {
	font-size:3.3vw;
	padding-bottom:2vw;
}
#next_article h3,#next_article h4,#next_article h5{
		padding:0;
		margin:0;
    font-weight:normal;
    border-left:3px solid #ddd;
    padding-left:10px;
    margin-left:5px;
    color:#aaa;
}
#next_article h3 {
  color:#555;
  font-size:4vw;
	font-weight:bold;
  line-height: 6vw;
	padding-bottom:1vw;
}

#next_article h4 {
  text-align: justify;
  line-height: 6vw;
	font-size:3.5vw;

}
#art_next{
	margin-bottom:1vw;
}
#quick_nav{

    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 13vw;
		line-height: 11.5vw;
    background:#DBDDE6;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
    z-index:999;
}

.nowtime {
    float:left;
}
#backto{
	width: 10vw;
	line-height: 5vw;
	margin: 1.3vw 0 0 5vw;
}
#backto span{
	width: 7vw;
	line-height: 4.6vw;
	font-size: 3vw;
	text-align: center;
	color: #454545;
}
.backicon{
	font-size:7vw;
	color:#808080;
	margin-left:4vw;
}
.nowtime button{
    background:#fff;
    border:1px solid #e5e5e5;
    font-family: "Hiragino Sans GB","Microsoft YaHei","PingHei","Lucida Grande", "Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif";
    font-size:3vw;
    color:#B3B3B3;
    padding:0 10px;
    width: 90%;
	text-align:left;
	border-radius: 2px;
	height:8vw;
	line-height:7vw;
	overflow-y:hidden;
	margin:1.5vw;
	width:65vw;
}
.nowtime button em{
    float:left;
    padding-left:5px;
    font-size: 3.5vw;
	margin-top:3.8vw;
}
.nowtime button em span{
	font-size:8px;
	position: relative;
	top: -10px;
	left: 0px;
	color:#ccc;
	overflow:hidden;
}

.nowbtn {
    float:right;
    width: 40%;
}
.nowbtn li{
    width: 32%;
    float: left;
    text-align:center;
}
.nowbtn em{
	font-size:8px;
	position: relative;
	top: -15px;
	left: -5px;
	color: #fff;
	border-radius: 50%;
	color:#999;
	width:20px;
	height:20px;
	overflow:hidden;
}
.foot_icon{
	font-size:5vw;
	color:#808080;
	font-weight: bold;
}
.foot_right{
	float:right;
	margin-right:7vw;
}
.timeline_new{
	padding-right:2vw;
}


#article_topic {
		padding:3vw 1vw;
		color:#999;
		clear:both;
}
#article_topic h2{
	padding:5px 0;
	font-size:3.5vw;
}
#answer_list{
		font-weight:normal;
		border-left:3px solid #ddd;
		padding-left:5px;
		margin-left:0px;
		color:#000;
		margin-bottom:10px;
}
#answer_list h3,#answer_list h5{
		font-weight:normal;
}
#answer_list h3{
		margin-bottom:5px;
		font-size:3.5vw;
		line-height: 5vw;
}
#answer_list h4 {
		position: relative;
		left: 10px;
		top: -11px;
		float:left;
		color:#f5f5f5;
		width:0px;
}
#answer_list h5{
		background:#f5f5f5;
		padding:5px 10px;
		color:#999;
		font-size:3.5vw;
		line-height:5vw;
}
#answer_list h5 div{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#answer_list h5 span{
		color:#000;
}

#asw_main {
	padding:0px;
	padding-top:20px;
	text-align: justify;
	font-family: "Hiragino Sans GB","Microsoft YaHei","PingHei","Lucida Grande", "Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif";

	background:#fff;
}

.nowtime em{
	font-size:8px;
	position: relative;
	top: -15px;
	left: -5px;
	color: #fff;
	border-radius: 50%;
	color:#999;
	width:20px;
	height:20px;
	overflow:hidden;
}

.shake{
	color:#ff9933 !important;
	animation: myfirst 1s;
}
.fontsize{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.fontsize em{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: #000;
	z-index: 99;
}
.fontsize div{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 80px;
	height: 120px;
	z-index: 10000;
}
.fontsize li{
	display: inline-block;
	background: #ccc;
	width: 80px;
	height: 30px;
	line-height:30px;
	color: #333;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 10px;
}
@keyframes myfirst{
	0%{transform:translateX(0px);}
	12.5%{transform:translateX(-1px);}
	25%{transform:translateX(1px);}
	37.5%{transform:translateX(-1px);}
	50%{transform:translateX(1px);}
	62.5%{transform:translateX(-1px);}
	75%{transform:translateX(1px);}
	87.5%{transform:translateX(0px);}
}

#code{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    height: 256px;
    width: 256px;
}