@charset "utf-8";


h3{font-weight: normal;}
.classes-wrap{overflow: hidden;}
.content{width:69%; height:auto; overflow:hidden; margin: 0 auto;position: relative;}
.content:after{content: '';clear: both;height: 0;display: block;}

.clearfix:after{content: " ";display: table;clear: both;width: 100%;}
.classes-wrap .classes-item{ width:14%; float:left; cursor:pointer; padding:20px 0 20px; position:relative; z-index:1; overflow:hidden;}
.classes-wrap .classes-item.active:after{ display: block;}
.classes-wrap .classes-item:after{ content: " "; position:absolute; z-index:2; width:36px; height:18px; bottom:0; left:50%; margin-left:-18px; display:none;}
.classes-wrap .classes-item .icon{ width:71px; height:55px; display:block; margin:0 auto;}
.classes-wrap .classes-item.active .text{ color:#000; font-weight:700;}
.classes-wrap .classes-item .text{ font-size:16px; color:#535353; display:block; text-align:center; font-weight:400; margin-top:15px;}

.classes-wrap .classes-item .icon.icon-list1{background-position: -286px -160px;}
.classes-wrap .classes-item:hover .icon.icon-list1,
.classes-wrap .classes-item.active .icon.icon-list1{background-position: -286px -10px;}

.classes-wrap .classes-item .icon.icon-list2{background-position: -10px -85px;}
.classes-wrap .classes-item:hover .icon.icon-list2,
.classes-wrap .classes-item.active .icon.icon-list2{background-position: -102px -85px;}

.classes-wrap .classes-item .icon.icon-list3{background-position: -286px -85px;}
.classes-wrap .classes-item:hover .icon.list3,
.classes-wrap .classes-item.active .icon.icon-list3{background-position: -195px -84px;}

.classes-wrap .classes-item .icon.icon-list4{background-position: -10px -10px;}
.classes-wrap .classes-item:hover .icon.icon-list4,
.classes-wrap .classes-item.active .icon.icon-list4{background-position: -102px -160px;}

.classes-wrap .classes-item .icon.icon-list5{background-position: -194px -160px;}
.classes-wrap .classes-item:hover .icon.icon-list5,
.classes-wrap .classes-item.active .icon.icon-list5{background-position: -10px -160px;}

.classes-wrap .classes-item .icon.icon-list6{background-position: -194px -10px;}
.classes-wrap .classes-item:hover .icon.icon-list6,
.classes-wrap .classes-item.active .icon.icon-list6{background-position: -102px -10px;}

.classes-wrap .classes-item .icon.icon-list7{background-position: -286px -237px;}
.classes-wrap .classes-item:hover .icon.icon-list7,
.classes-wrap .classes-item.active .icon.icon-list7{background-position: -194px -236px;}

/*内容*/
.list-wrap{ background: #fff; padding:50px 50px 0 50px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);margin-bottom:10px; box-sizing: border-box;display: none;}
.list-wrap.active{display: block;}
.list-wrap .list-title{font-size: 22px;color: #000;margin-bottom: 20px;}

.list-wrap-content { height:auto; margin-top:30px; overflow:hidden;}
.list-wrap .list-title .icon-question{width: 26px;height: 29px;display: inline-block;vertical-align: -8px;margin-right: 10px;background: url(../imgs/xxk_list_bg.png) no-repeat -10px -235px;}
.list-wrap .list-content .list-item{ margin-left:-10px; display:block; position:relative; z-index: 1; font-size:16px; }
.list-wrap .list-content .list-item li { height:auto; float:left; margin-left:6px; margin-right:30px; margin-bottom:25px; list-style-type: none;}
.list-wrap .list-content .list-item li .list-item_img { width:100%;}
.list-wrap .list-content .list-item li .list-item_tit { width:100%; height:45px; line-height:45px; text-align:center;}
.list-wrap .list-content .list-item li .list-item_tit a:hover { color: #ffb300; font-weight: bold;}

.list-wrap .list-content .list-item a{text-decoration: none;color: #535353;}
.list-wrap .list-content .list-item a:hover{color: #4381fd;}
.list-wrap .list-content .list-item a:before{content: " ";background: #b2b2b2;width: 4px;height: 4px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;position: absolute;z-index: 1;top: 42px;left: 0;}