body{margin: 0px;padding: 0px;background: #f3f3f3;}
p{margin: 0px;padding: 0px;}
a{text-decoration: none;color: #333;}
a:hover{color: #777;}
hr{height: 0;line-height: 0;margin: 10px 0;padding: 0;border: none!important;border-bottom: 1px solid #eee!important;clear: both;background: 0 0;overflow: hidden;}
ul{list-style-type:none;margin: 0px;padding: 0px;}
.containers{width: 1200px;position: relative;margin: 0 auto;box-sizing: border-box;}
.hide{display: none;}

.header{background:#00C29A;display: flex;align-items: center;}
.header .containers{display: flex;justify-content: space-between;align-items: center;padding: 10px 0px;}
.header .site-name{font-size: 22px;color: #fff;font-weight: bold;font-style: italic;}
.header .navs{display: flex;justify-content: space-between;color: #fff;height: 40px;line-height: 40px;}
.header .navs a{color: #fff;font-size: 16px;margin: 0px 15px;}
.header .navs .more{position: relative;}
.header .navs .more span{padding-right: 50px;}
.header .navs .menu-more{position: absolute;top:35px;left: 0;width:100px;background: #407aff;z-index: 1;padding: 10px 0px;display: none;}
.header .navs .more:hover .menu-more{display: block;}
.header .navs .menu-more a{color: #fff;display: block;}

.header .searchs{background: #fff;border-radius: 4px;padding:0px 5px;display: flex;align-items: center;}
.header .searchs .icon-sousuo{font-size: 16px;color: #666;}
.header .searchs input{border: none;outline: none;height: 24px;padding: 5px 10px;}
.header .searchs button{border: none;outline: none;height: 24px;padding: 0px 10px;background: #f1f1f1;}

.banner{padding:30px;background: #fff;margin-top: 20px;border-radius: 10px;display: flex;justify-content: space-between;}
.banner img{max-width: 800px;border-radius: 8px;}
.banner .tt-list{flex-grow: 1;margin-left:20px;}
.banner .tt-list .title{font-weight: bold;color: #333;padding-bottom: 10px;border-bottom: 1px solid #f1f1f1;}
.banner .tt-list .art{padding:15px 0px;color: #666;position: relative;padding-left: 20px;}
.banner .tt-list .art:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8px; height: 8px;background-color:gray;border-radius: 50%;}

.main{background: #fff;margin-top: 30px;padding: 30px;border-radius: 10px;}
.main .navs{display: flex;align-items: center;padding:15px 0px;border-bottom: 1px solid #f1f1f1;}
.main .navs .item{font-size: 18px;font-weight: bold;color: #666;margin-right: 15px;padding:5px 0px;}
.main .navs .item:last-child{margin-right: 0px;}
.main .navs .active{color: #333;border-bottom: 3px solid #00C29A;}
.main .navs .more{margin-left: auto;background:#EDF7F4;color:#00C29A;padding: 5px 10px;border-radius: 6px;}
.main .art-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main .art-list .item{background: #fff;padding:15px;box-sizing: border-box;border-radius: 6px;display: flex;justify-content: space-between;max-width: 48%;margin:10px 0px;}
.main .art-list .item img{width:260px;margin-right: 15px;border-radius: 4px;}
.main .art-list .item .txt{color: #333;display: flex;flex-direction: column;justify-content: space-between;font-size: 16px}
.main .art-list .item .txt .date{color: #666;font-size: 14px;}
.friend-link{margin: 30px auto;background: #fff;padding:30px;}
.friend-link .lists{display: flex;align-items: center;margin: 20px 0px;font-size: 16px;}
.friend-link .title:before{content: '';border-left: 5px solid #00C29A;border-radius: 3px; margin-right: 10px;}
.friend-link a{margin-right: 15px;}
.friend-link a:last-child{margin-right: 0px;}
.footers{background: #2a2a32;padding:15px 0px;color: #fff;display: flex;align-items: center;justify-content: center;}
.footers a{color: #f1f1f1;padding:10px 15px;}

.main-list{margin-bottom: 30px;}
.main-list .card:first-child{background: #fff;border-radius: 6px;}
.main-list .banners{padding: 20px 0px;}
.main-list .banners span{color: gray;}
.main-list .navs{padding: 20px 0px;font-weight: bold;color: #333;background: #fff;padding:20px;}
.main-list .navs a{margin-right: 20px;}
.main-list .card-list{display: flex;justify-content: space-between;background: #fff;}
.main-list .card-list .card{border-radius: 4px;min-width: 350px}
.main-list .card-list .card:first-child{background: #fff;flex-grow: 1;margin-right: 20px;}
.main-list .card-list .card .item{padding:15px;box-sizing: border-box;display: flex;}
.main-list .card-list .card .item img{width:260px;margin-right: 15px;border-radius: 4px;}
.main-list .card-list .card .item .txt{color: #333;display: flex;flex-direction: column;justify-content: space-between;font-size: 16px;}
.main-list .card-list .card .item .txt .date{color: #666;font-size: 14px;}
.main-list .card-list .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;margin-right: 0px!important;}
.main-list .card-list .wrap .item{width: 50%;}
.main-list .bggray{background: unset;}

.main-list .card-list .hots{max-width: 350px;padding: 20px;background: #fff;}
.main-list .card-list .hots .title{font-weight: bold;color: #333;}
.main-list .card-list .hots .title:before{content: '';border-left: 3px solid #407aff;border-radius: 8px;margin-right: 10px;}
.main-list .card-list .hots .item{padding:15px 0px;box-sizing: border-box;display: flex;justify-content: space-between;}
.main-list .card-list .hots .item img{width:150px;margin-right: 15px;border-radius: 4px;}
.main-list .card-list .hots .item .title{font-weight: normal;}
.main-list .card-list .hots .item .title:before{display: none;}

.main-list .card-list article{background: #fff;padding: 20px;flex-grow: 1;margin-right: 20px;}
.main-list .card-list article .title{font-size: 18px;font-weight: bold;color: #333;}
.main-list .card-list article .date{margin: 10px 0px;padding-bottom: 20px;color: gray;border-bottom: 1px solid #f1f1f1;}
.main-list .card-list article .detail p{word-spacing: 8px;font-size: 16px;color: rgb(51, 51, 51);text-align: justify;line-height: 31px;font-family: 微软雅黑;letter-spacing: 1px;margin-bottom: 20px;}
table{width: 100%;border-collapse: collapse;border-spacing: 0;display: table;background-color: #fff;color: #666;}
table thead tr,table tr:hover{background-color: #f2f2f2;}
table th,table td{padding: 5px 10px;border: 1px solid #ddd;font-size: 14px;}
table th{text-align: left;font-weight: 400;}
table tbody tr:nth-child(even){background-color: #fafafa;}

.main-list .card-list .article .card{background: #fff;margin-top: 30px;margin-right: 20px;}
.main-list .card-list .article .card .title{padding: 15px;border-bottom: 1px solid #f1f1f1;}
.main-list .card-list .article .card .title:before{content: '';border-left: 3px solid #407aff;border-radius: 8px;margin-right: 10px;}
.main-list .card-list .article .zui-xin .txt .title{border-bottom: none;padding:0px;}
.main-list .card-list .article .zui-xin .txt .title:before{display: none;}