#doc{
    margin: 16px 0;
    color: #666;
}
#doc .slider{
    float: left;
    padding: 20px 20px;
    width: 208px;
    background: #fff;
}
#doc .slider ul.list li{
    padding: 16px 12px;
    font-size: 14px;
    cursor: pointer;
    color: #333;
}
#doc .slider ul.list li.active{
    color: #2878FF;
    background: #e8f1ff;
    border-radius: 6px;
}
#doc .main{
    float: right;
    padding: 20px 28px;
    width: 880px;
    background: #fff;
}
#doc .main .hd{
    height: 37px;
    border-bottom: 1px solid #ececec;
}
#doc .main .hd dl{
    float: left;
}
#doc .main .hd dl dd{
    float: left;
    margin: 0 35px 0 0;
    padding: 0 0 17px 0;
    cursor: pointer;
}
#doc .main .hd dl dd.active{
    border-bottom: 1px solid #2878FF;
    color: #2878FF;
}
#doc .main .hd .select{
    position: relative;
    float: right;
    margin: 0 0 0 15px;
    max-width: 150px;
    min-width: 85px;
    border: 0;
    cursor: pointer;
    z-index: 9;
}
#doc .main .bd ul.list {
	/* padding: 0 25px; */
	margin: 0 -12px;
	overflow: hidden;
}
#doc .main .bd ul.list li{
	margin:22px 0 0 0;
	padding: 0 12px;
    height: 395px;
	float: left;
}
#doc .main .bd ul.list li a span.cover{
	position: relative;
	display: block;
	margin: 0 0 14px 0;
    border: 1px solid #ececec;
    border-radius: 7px;
    overflow: hidden;
}
#doc .main .bd ul.list li img{
    display: block;
	width: 200px;
	height: 285px;
    background-color: #000;
}
#doc .main .bd ul.list li a:hover > strong.title{
	color: #2878FF;
	text-decoration: underline;
}
#doc .main .bd ul.list li a strong.title{
	display: block;
	margin: 0 0 15px 0;
	width: 202px;
	height: 60px;
	line-height: 30px;
	font-weight: normal;
    display: -webkit-box;
	*display: block!important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    color: #111;
}
#doc .main .bd ul.list li a span.browse{
	color: #999;
}

ul.paging{
    width: 100%;min-height: 1px;height: auto;overflow: hidden;
    padding: 20px 0;
    text-align: center;
}
ul.paging li{
    display: inline-block;
    *zoom: 1;*display: inline;
    padding: 0 5px;
}
ul.paging li a{
    background-color: #fff;
}
ul.paging li a,
ul.paging li span.disabled{
    display: block;
    padding: 0 12px;
    height: 36px;line-height: 36px;
    border:1px solid #ccc;
    border-radius: 3px;
    color: #030303;
}
ul.paging li a.prev,
ul.paging li a.next{
    color: #458DEC;
}
ul.paging li a:hover,
ul.paging li a.active{
    background-color: #458DEC;
    border:1px solid #458DEC;
    color: #fff;
}
ul.paging li span.disabled{
    background-color: #F7F7F7;
    color: #999;
}
ul.paging li span.ellipsis{
    display: block;
    padding: 0 5px;
    font-size: 20px;
    color: #030303;
}