@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #666;  font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; box-sizing: border-box;}
body{width:100%; background: #fff;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #666; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}


.hover-border{display: inline-block;position: absolute;z-index: 100;}
.left-right-border{height: 0;}
.left-border{ display: none !important;}
.right-border{ right: 0px; top: 0px;}
.left-right-top-bottom-border{width: 0;}
.left-top-border{ left: 0;top: 0px;}
.left-bottom-border{right: 0px;bottom: 0px;}
.right-top-border{right: 0px;top: 0px;}
.right-bottom-border{right: 0;bottom: 0px;}

.wrapper{ width: 900px; margin: 0 auto;}
.history{ position:relative; padding: 50px 10px 0 65px;}
.history h1{ display:block; position: absolute; left: 145px; top: 65px; font-size: 25px; color: #1db702; font-weight: 600; line-height: 25px;}
.history ul{ background: url(../images/img_04.gif) repeat-y 29px 0;min-height: 30px; padding: 1px 0 40px 31px;}
.history ul li{ position: relative; margin-top: 15px;}
.history ul li b{ position:absolute; left: -95px; top: 11px; text-align: right; width: 70px; font-size: 15px;font-weight: 600;  color: #aa9f00;}
.history ul li b i{ display:block; font-size: 16px; color: #1db702;}
.history ul li img{ position: absolute; left: -9px; top: 16px;}
.history ul li a{ display:block; position: absolute; left: 20px; top: 21px;  width: 9px; height: 5px; background-image: url(../images/img_02.gif); transition: all .2s; z-index: 3;}
.history ul li.on a{ transform:rotate(180deg);}
.history .num{ position: relative;}
.history .num div{ padding: 10px 10px 10px 40px;}
.history ul li dl{ display:none;}
.history h4{ display:block; font-size: 17px; font-weight: 400; line-height: 25px; color: #333;}
.history dl{ display:block; font-size: 14px; color: #999; padding-top: 10px; line-height: 25px;}
.history ul #empty_li{ display:block; position: absolute; left: 105px; top: 45px; font-size: 1rem; color: #ccc;}

@media screen and (max-width: 1980px) {
	.wrapper{ width: 100%;}
	.history{ padding: 30px 10px 0 60px;}
	.history h1{ display:block; position: absolute; left: 105px; top: 32px; font-size: 14px;}
	.history .time{ width: 30px;}
	.history ul{ background: url(../images/img_04.gif) repeat-y 14px 0; padding: 1px 0 20px 16px;}
	.history ul li{ margin-top: 20px; }
	.history ul li b{ left: -90px; top: 7px; width: 70px; font-size: 10px;}
	.history ul li b i{ font-size: 14px;}
	.history ul li img{left: -9px; top: 13px;}
	.history ul li a{ left: 16px; top: 17px;  width: 9px; height: 5px;}
	.history .num div{ padding: 7px 7px 7px 32px;}
	.history ul li dl{ display:none;}
	.history h4{ font-size: 15px; line-height: 23px;}
	.history dl{font-size: 12px; line-height: 20px;}
	
}