.bg{background:#f4f7ff;height:100vh}
.banner img{max-width:100%;display:block;margin:0 auto;}
.pos .container{border:solid 1px #f7f7fa;padding:10px 15px;border-radius:5px;margin-top:20px;font-size:16px;}
.pos .container img{padding-right:6px;}
.pos .container span{background:url(../images/pos.png) no-repeat left center;padding-left:30px}
.pos .pos-bg{background:#fafcff;}

/*page*/
.page{margin:2rem 0;font-size:14px;height:30px;line-height:30px;text-align:center;overflow:hidden}
.page .pageinfo{margin-right:3px;color:#808080;font-size:14px;padding:4px 8px;border:1px solid #aaa;}
.page .pageinfo strong{font-weight:normal;margin:0 3px}
.page  a{border:1px solid #aaa;border-radius:5px;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
.page  a:hover,#page .curpage{color:#38b549;text-decoration:none;background:#006bc1;color:#fff;border:1px solid #006bc1;}
.page .nopage{cursor:not-allowed;}
.page .nopage:hover{background:#fff;color:#808080;border:1px solid #aaa;}	
.page .homepage,#page .endpage{display:none;}


/*列表页面*/
.article-news{margin:3% 0}
.news-list .media{border-bottom: 1px solid #e8e8e8;}
.news-list .media-body a.media-title{line-height:24px;font-size:20px;color:#000;}
.news-list .media-body a.media-title:hover{color:#006bc1;}
.news-list .media-body p{font-size:14px;padding:8px 0 10px 0;}
.news-list .time{font-size:12px;padding-top:6px;}
.news-list .time span{float:right;background:url(../images/browse.png) no-repeat left center;padding-left:15px;}
.news-list .media-body .tag{display: flex;align-items: center;}
.news-list .media-body .tag a{font-size:12px;color:#13ACEC;background:#EBF9FF;border-radius:6px;margin-right:12px;padding: 0 10px 0 10px;}

.host-list{border:solid 0px red}
.host-list h3{font-size:20px;margin-bottom:15px;background:url(../images/r_host.png) no-repeat left 3.5px;padding-left:25px;}
.host-list .box{box-shadow: 0px 4px 28px rgba(0,0,0,0.12);border-radius: 6px;padding: 24px 20px;}
.host-list .box ul li{margin-bottom:15px;display: flex;align-items: center;}
.host-list .box ul li a{margin: 0 10px 0 10px;}
.host-list .box ul li .num{height:20px;width:20px;text-align:center;background:#FFD31B;line-height:20px;color:#FFF;border-radius:2px;font-weight:bold;font-size:12px;display:inline-block;}
.host-list .box ul li:first-child .num {background: #ff6700;}
.host-list .box ul li:nth-child(2) .num {background: #FE7E33;}
.host-list .box ul li:nth-child(3) .num {background: #FEAF24;}


/*问答页面*/
.qa-con .qa-box ul li{display:flex;border-bottom: 1px dashed #ccc;padding:25px 0}
.qa-con .qa-num{width:55px;height:55px;border:1px solid #e8e8e8;text-align:center;font-size:18px;color:#0052d9;font-weight: bold;margin-right:20px;}
.qa-con .qa-num span{display:block;font-size: 14px;line-height: 14px;color: #666;font-weight: normal;margin-top: 10px; margin-bottom: 5px;}
.qa-con .qa-list{flex: 1;}
.qa-con .qa-list a{font-size:18px;font-weight: bold;}
.qa-con .qa-list p{color:#666;padding:10px 0}
.qa-con .qa-time{color:#999;font-size:12px;}
.qa-con .qa-time span+span{padding-left:10px;}
.qa-con .host-list{margin-top:20px;}
.qa-con .page{margin-top:30px;}

/*内容页面*/
.article{background:#fff;border-radius:10px;padding:30px;box-sizing:border-box;}
.article h1{font-size:24px;text-align:center}
.article .article-time{text-align:center;padding-top:15px;}
.article .article-time span{padding-right:10px;font-size:12px;color:#999}
.article .article-time span>img{margin-right:5px;}
.article .article-box .desc{padding:20px 0}
.article .article-box .desc span{color:#000}
.article .article-box .desc p{color:#999}
.article .article-img img{max-width:100%;}
.article .article-con p{padding-top:15px;font-size:15px;line-height:28px;}
.article .article-con img{max-width:100%;display:block;margin:0 auto;}
.article .tip{padding:15px 30px 15px 35px;background: #f7f8f9;font-size:14px;position:relative;margin:20px 0}
.article .tip img {position: absolute;left:12px;top:18px;}

.article .zixun  .swiper{margin:20px 0}
.article .zixun strong {font-size: 20px;margin-right: 5px;}
.article .zixun .swiper-slide{background:#fff2e0;padding:25px;}
.article .zixun .zx-name{font-size:18px;font-weight:bold;margin-right:10px;}
.article .zixun .zx-text{font-size:12px;color:#727070;}
.article .zixun .zx-fuwu{font-size:12px;}
.article .zixun .zx-fuwu span{color:#ff6700;}
.article .zixun .zx-info{padding-left:30px;}
.article .piece {overflow:hidden;margin-top:25px;}
.article .piece .prev{float:left;}
.article .piece .next{float:right;}

.browse{margin:10px 0;background:#fff;border-radius:10px;padding:20px 30px;box-sizing:border-box;}
.browse h3{font-size:18px;font-weight:bold;}
.browse h3 img{margin-right:5px;}
.browse .browse-con{background: #f7f8f9;padding:10px 30px;margin:15px 0;border-radius:10px;}
.browse .browse-people>img{margin-left:-10px;font-size:0;}
.browse .browse-zx{margin-left:20px;}
.browse .browse-zx span{color:#ff6700}
.browse .browse-btn a{display:block;width:145px;height:45px;line-height:45px;color:#fff;background-color: #f39600;font-size: 20px;border-radius: 22px;text-align: center;}

.article-bot{margin:10px 0;background:#fff;border-radius:10px;padding:20px 30px;box-sizing:border-box;}
.article-bot .wx{margin:3.5% 0}
.article-bot .wx h5{font-size:16px;color:#000;font-weight:bold;}
.article-bot .wx h5>img{margin-right:10px;}
.article-bot .wx p{color:#000;padding:10px 0}
.article-bot .wx-bm{font-size:12px;color:#0052d9;background: rgba(0, 82, 217, .15);text-align:center;box-sizing: border-box;border-radius:15px;}
.article-bot .color{color:#ff6700;background: rgba(255, 103, 0, .15)}

.article-list{margin-top:6%;}
.caption{font-size:18px;color:#000;font-weight:bold;}
.caption:before{content:'';width: 16px;height: 16px;background:#fff;display:inline-block;vertical-align:middle;border: 4px solid #0052d9;border-radius:50%;margin-right:5px}
.article-list ul{padding-top:10px;}
.article-list ul li{line-height:28px;padding-top:10px;}

.article-tg{margin-top:6%;}
.article-tg .article-tg-card{text-align:center;background:#F4F7FF;border-radius: 10px;padding:15px;}
.article-tg h5{font-size:18px;color:#333}
.article-tg p{color:#666666;font-size:14px;}
.article-tg .row{margin-top:30px;}
.rotating-text {font-size: 14px;color:#333;display:inline-block;}
.rotating-text p {display: inline-flex;margin: 0;vertical-align: top;}
.rotating-text p .word {position: absolute;display: flex;opacity: 0;}
.rotating-text p .word .letter {transform-origin: center center 25px;}
.rotating-text p .word .letter.out {transform: rotateX(90deg);transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);}
.rotating-text p .word .letter.in {transition: 0.38s ease;}
.rotating-text p .word .letter.behind {transform: rotateX(-90deg);}

/*team*/
.team{margin-top:20px}
.team p.card-text{font-size:16px;padding-bottom:15px;line-height:28px;}
.team .card{border-radius:25px;box-shadow: 0px 4px 28px rgba(0,0,0,0.12);padding:20px;margin-bottom:30px;border:0}
.team .card-img img{max-width:100%;display:block;}
.allmore{width: 160px;height: 45px;background: transparent;border-radius: 45px;overflow: hidden;float:right;margin-right:10px;}
.allmore a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;position: relative;}
.allmore a span{font-size: 20px;color: #333;display: inline-block;margin-right: 17px;position: relative;z-index: 2;margin-left: 20px;}
.allmore a .bg{position: absolute;width: 40px;height: 40px; border-radius: 100%; background: #fdba95;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);left: 24px;z-index: 1;}
.allmore:hover{background: #fd8d50;}
.allmore:hover a span{color:#fff;margin-left: 9px;}
.allmore:hover a img{filter:brightness(1000%) grayscale(1000%);}
.allmore:hover a .bg{ background:#fc752b;width: 30px;height: 30px;}
.transi {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

 /*tag-list*/
.tag-list{margin-top:20px;}
.tag-list h3{font-size:20px;margin-bottom:15px;background:url(../images/r_list1.png) no-repeat left 3px;padding-left:25px;}
.tag-list .box{box-shadow: 0px 4px 28px rgba(0,0,0,0.12);border-radius: 6px;padding: 24px 20px;}
.tag-list ul{overflow:hidden}
.tag-list ul li a{background:rgba(0, 107, 193,0.5);color:#fff;float:left;padding:5px;margin:5px}
.tag-list ul li a:hover{background:rgba(0, 107, 193,0.8);}

.route{margin:20px 10px}
.route .item{text-align:center;transition:transform 0.8s linear;}
.route .item:hover{transform:translate(5px,0)}
.route img{max-width:100%;}

/*about*/
.pub-tit{text-align:center}
.pub-tit h3{color:#000;font-size:36px;}
.pub-tit p{padding-top:5px}
.about .num{margin:30px 0}
.about .num .col-lg-3{flex: 0 0 20%;max-width:20%;padding-left:0;padding-right:0}
.about .num .item{border-right:solid 1px #d9d9d9;text-align:center}
.about .num .col-lg-3:last-child .item{border-right:none;}
.about .num-tit{position:relative;}
.about .num span{font-size:36px;color:#006bc1}
.about .num em{font-size:12px;color:#666;position:absolute;top:-5px;padding-left:10px}
.about .num p{color:#666;padding-top:10px}
.about .about-text{padding-top:30px;}
.about .about-text p{padding-bottom:10px;line-height:26px;font-size:16px;}
.about .about-img{margin-top:20px;}
.about .about-img .mySwiper{height: 20%;box-sizing: border-box;padding: 10px 0;}
.about .about-img .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.about .about-img .mySwiper .swiper-slide-thumb-active{opacity: 1;}
.about .about-img .swiper-slide img {display: block;max-width:100%;}

.contact .pub-tit{margin:3% 0}
.contact .address h5{color:#006bc1;}
.contact .address h5:before{content:"|";background:#006bc1;margin-right:10px;}
.contact .address p{font-size:16px;}
.contact .ditu img{max-width:100%}


/*join*/

.join .pub-tit{margin:3% 0}
.join-con .card{border:0;border-radius:0px;background:none}
.join-con .card h5{font-size:20px;color:#000;font-weight:bold;}
.join-con .card-body{border-top:solid 1px #eee;padding: 1.25rem 15px;}
.join-con .card-body .d-flex>div{flex:1;}
.d-flex-r{text-align:right;}
.d-flex-m{text-align:center}
.join-con .j-name{font-size:16px;}
.join-con .j-money{color:#f39600;font-size:24px;font-weight:bold}
.join-con .j-address{padding-top:10px;}
.join-con .j-yq{font-size:12px;color:#ccc;padding-top:10px;}
.join-con .j-time{font-size:16px;padding-right:10px;}
.join-con .j-btn{padding:5px 0;width:100px;text-align:center;background:red;color:#fff;margin-top:10px;cursor: pointer;float:right;}
.join-job{display:none;background:#fafafa;padding:15px;}
.join-job h5{font-size:16px;color:#000;padding-bottom:1rem;font-weight:bold;}
.join-job div{margin-bottom:1rem;}
.join-job p{line-height:28px;}

/*search*/
.search-title{border-bottom:solid 1px #e8e8e8;margin-bottom:30px;padding-bottom:10px;}
.search-title h2{font-size:20px;color:#000}
.search-title span{color:red;padding-right:5px;}

 
/*pc*/
@media (min-width: 992px){ 
/*列表页面*/
.toggle-title ul{display:flex;justify-content:space-between;margin-bottom:30px;}
.toggle-title ul li{padding-bottom:10px;font-size:20px;font-weight: bold;color:#333;cursor: pointer;}
.toggle-title ul li.on{border-bottom: 2px solid #0052d9;color:#0052d9;}
.article-news .toggle-title ul{justify-content:flex-start;}
.article-news .toggle-title ul li{margin-right:30px;font-size:18px;}
.news-list .media img{max-width:230px;}
.news-list .media{margin-bottom:30px;padding-bottom:30px}

/*问答页面*/
.qa-con{margin-top:15px;}
.sort{padding: 0 24px 0 24px;border: 1px solid #e8e8e8;}
.sort-con{border-bottom: 1px dashed #ccc;padding:20px 0}
.sort-con:last-child{border-bottom:none;}
.sort .sort-tit{float:left;color:#999;}
.sort .sort-select{float:left;padding-left:11px}
.sort .sort-select a{color:#666;margin:0 11px}
.sort .sort-select a.on{border:1px solid #ff6700;color:#ff6700;border-radius:2px;padding:3px 10px;}
.sort .more{float:right;}
.sort .more img{padding-left:5px}

/*内容页面*/
.article .zixun .zx-people img{max-width:100%;}
.article .zixun .zx-btn a{display:block;width:145px;height:45px;line-height:45px;color:#fff;background-color: #0052d9;font-size: 20px;border-radius: 22px;text-align: center;}
.article-tg .col-lg-3{padding-left:5px;padding-right:5px;}
.article-tg .row div{height:130px;box-sizing: border-box;}

/*team*/
.team .card-title{overflow:hidden;padding:5px 0}
.team .name{font-size:24px;color:#000;float:left;}
.team .zhiwu{font-size:18px;padding-left:10px;float:left;}

.contact .address p{padding-top:2rem;}

}



/*wap*/
@media (max-width: 991.98px){ 
/*列表页面*/
.toggle-title{margin-bottom:20px}
.toggle-title a{font-size:16px;color:#333;}
.toggle-title .swiper-wrapper .on{color:#000;font-weight:bold;}
.toggle-title .swiper-wrapper .on span{border-bottom:solid 3px #0052d9;padding-bottom:8px;}
.toggle-title .swiper-wrapper .swiper-slide{padding-bottom:10px;font-size:16px;color:#333;}
.article-news .toggle-title ul{display:flex;justify-content:flex-start;}
.article-news .toggle-title ul li{margin-right:30px;padding-bottom:10px;}
.article-news .toggle-title ul li.on{border-bottom: 3px solid #0052d9;}
.article-news .toggle-title ul li.on a{color:#000;font-weight: bold;}
.news-list .media{margin-bottom:15px;padding-bottom:15px}
.news-list .media-body a.media-title{font-size:16px;}
.news-list .media img{max-width:125px;max-height: 85px;border-radius:15px;}
.news-list .media-body .tag{margin-top:8px;}
.host-list{margin-top:30px;}
.host-list h3{font-size:16px;margin-bottom:20px;color:#000;font-weight:bold;}
.list-img .card-body{padding:10px;}

/*问答页面*/
.sort a.item{background:#f6f6f7;text-align:center;margin-top:10px;padding:5px 0px;display:block;}
.sort .row{padding:0 10px 20px 10px}
.sort .col-3{padding-left:5px;padding-right:5px;}
.qa-con .qa-tit{text-align:center;font-size:16px;color:#0052d9;border-bottom: 1px solid #e2e2e2;padding:13px 0;}
.qa-con .qa-tit span{border-bottom:2px solid #0052d9;padding-bottom:14px;}

/*内容页面*/
.article{padding:15px;}
.article .piece .next{float:left;margin-top:10px}
.article .zixun{font-size:12px;}
.article .zixun strong{font-size:16px;}
.article .zixun .zx-people img{max-width:50px;}
.article .zixun .zx-btn a{display:block;position:absolute;right:0;}
.article .zixun .zx-info{padding-left:15px;}
.article .zixun .swiper-slide{padding:15px;}
.article .zixun .zx-info .zx-text{display:block;}
.article .zixun .zx-btn a{background:#0052d9;display:block;width:80px;height:28px;line-height:28px;position:absolute;top:10px;right:10px;color:#fff;text-align:center;border-radius:15px;}
.browse .browse-con{padding:10px 10px 0 20px}
.browse .browse-btn a{background:#0052d9;display:block;width:80px;height:28px;line-height:28px;color:#fff;text-align:center;border-radius:15px;font-size:12px;}
.browse .browse-zx{margin-left:5px;}
.browse .browse-people>img{margin-left: -15px;}
.article-bot .wx .row div+div{margin-top:20px;}
.article-list ul{padding-top:0}
.article-tg .row div{margin-bottom:10px;height:130px;box-sizing:border-box;}
.article-tg .article-tg-card p{line-height:16px;padding-top:5px}
.article-tg h5{font-size:16px;}

/*team*/
.team .card-img img{max-width:100%;display:block;margin:0 auto}
.team .name{font-size:24px;color:#000;}
.team .zhiwu{font-size:18px;padding-top:10px;}

/*about*/
.pub-tit{margin-top:20px;}
.pub-tit h3{font-size:28px;}
.about .about-text{padding-top:15px;}
.contact .address p{padding-top:10px;}
.contact .ditu{margin-top:20px;display:}

}


/*ipad*/
@media (min-width: 992px) and (max-width: 1199.98px) {
.host-list .box ul li a{width:80px}
}