@charset "utf-8";





/* 登录 */
.login,.login body {height: 100%;overflow: hidden;}
.cm-login {height: 100%;}
.login-content {width: 90%;margin:30% auto auto auto;}
.cm-login .logo {width:30%;}
.cm-login .welcome {font-size: .5rem;color: #2e2f33;font-weight: bold;}
.cm-login .form {position: relative;overflow: hidden;}
.cm-login .form input {display: block;margin: 0; width: 100%;padding:4% 0; border: none;background: none;outline: none;border-bottom: 1px solid #dcdee6;}
.cm-login .form input::-webkit-input-placeholder {color:#a1a4b2;font-size:.3rem;}
.cm-login .account {padding: 5% 0;}
.cm-login .password {padding-bottom:7%;}
.cm-login .submit input{border-radius: 100px;color: #fff;height:.9rem; background-image:linear-gradient(to right, rgba(35,61,82,0.8) 0%, rgb(35,61,82) 100%);}






/* 首页 */

.index-header {position: relative;}
.index-header .index-banner {position: relative;z-index: 10;}
.index-header .index-banner .img{position: relative;width: 100%;}
.index-header .index-banner .title {position: absolute;left: 5%;bottom: 10%;z-index:40; color: #fff;}
.index-header .search {position: absolute;z-index: 30;left: 5%;top: 0;width: 90%;}
.index-header .search .index-search-input{border: none;background:rgba(255,255,255,.2);width:82%;padding: 5% 5% 5% 13%;border-radius: .1rem;color: #fff;}
.index-header .search .index-search-submit{position: absolute;left:5%;top:55%;width: 0.29rem;height: 0.30rem;border: none;background:url("../upload/search.png") center no-repeat;background-size:auto 100%;}
.index-header .search input.index-search-input::-webkit-input-placeholder {color:#fff;}

.title .place {opacity: .6;padding-bottom: 2%;font-size: 0;}
.title .place i{background: url("../upload/index-2.png");background-size: 100%;width: .18rem;height: .22rem;display: inline-block;vertical-align: middle;margin-right: 3%;}
.title .place span{display: inline-block;vertical-align: middle;font-size: .30rem;}
.title h2{font-size:.44rem;margin: 0;}
.mark-img {width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 30;background:linear-gradient(to bottom,rgba(0,0,0,.5) 80%,#000);opacity: .5;}

.index-module {margin-top: -5%;position: relative;z-index: 20;}
.index-module .module-2 {text-align: center;width:90%;padding: 5% 0;margin: auto; font-size: 0;box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;border-radius: .16rem;overflow: hidden;position: relative;}
.index-module .module-2::before {content: '';width: 2px;height: 80%;display: block;position: absolute;left: 50%;top: 10%;background: #e4e6ed;}
.index-module .module-2 a { display:inline-block;vertical-align: middle;width: 49%;}
.index-module .module-2 .img{width: .90rem;height:.90rem;margin: auto;}
.index-module .module-2 h3{color: #333333;font-size: 0.3rem; margin:5% 0 0 0;}
.index-module .module-3 {text-align: center;width:96%;margin: auto;font-size: 0;position: relative;}
.index-module .module-3 h4{color: #333333;font-size: 0.24rem; margin:10% 0 0 0;}
.index-module .module-3 a {display:inline-block;vertical-align: middle;width:20%;padding: 5%;font-size: 0;box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;border-radius: .16rem;margin: 2% 1%;}
.index-module .module-3 a .img{width: .50rem;height:.42rem;margin: auto;}
.index-module .notice {width:90%;margin:.5% 5%;overflow: hidden; box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;border-radius: .16rem;}
.index-module .notice .notice-top{overflow: hidden;padding: 4% 5%;font-size: 0;}
.index-module .notice .notice-top .notice-img{float: left;width: 15%;padding: 0 3% 0 0;}
.index-module .notice .notice-top .notice-img img {display: block;}
.index-module .notice .notice-top .notice-list{float: left;width: 80%;}
.index-module .notice .notice-top .notice-list a{font-size: .24rem;margin: 1%;display: block;}

.title{position: relative;}
.title h3{margin: 0;font-size: .36rem;}
.viewmore{font-size: 0;display: block;position: absolute;right: 0;top: 50%;margin-top: -8px; width: 30%;text-align: right;}
.viewmore span{font-size: .20rem;color: #a1a4b2;display: inline-block;vertical-align: middle;margin-right: 4%;}
.viewmore i{width: .28rem;height: .28rem;display: inline-block;vertical-align: middle;background: url("../upload/right1.png") center no-repeat #d3d8dc;background-size:30%; border-radius: 100%;}

.index-news {padding: 10% 0 0 0;overflow: hidden;width: 90%;margin: auto;}
.index-news .list {padding: 5% 0 0 0;overflow: hidden;}
.index-news .list .item{position: relative;}
.index-news .list .item .img{width: 40%;float: left;border-radius: .1rem;overflow: hidden;position: relative;}
.index-news .list .text{width: 55%;float: right;height: 100%; position:relative;}
.index-news .list .text h3{font-size: .26rem;line-height: .40rem; margin:0;}
.index-news .list .text span{font-size: .22rem;color: #a1a4b2;padding-top:3%;display: block;}
.index-news .list a {position: relative;display: block;margin-bottom: 5%;overflow: hidden;}
.index-news .list a .left {font-size: .25rem;line-height: .40rem;width:75%;}
.index-news .list a .right {font-size: .22rem;color: #a1a4b2;display: block;width:20%;position: absolute;top: 50%;right: 0;margin-top: -8px; text-align: right;}
.index-news .list .item:last-child a{margin-bottom:0;}

.index .index-architecture {overflow: hidden;}
.index-architecture {padding: 10% 0 0 0;width: 100%;margin: auto;}
.index-architecture .title {width: 90%;margin: auto;}
.index-architecture .architecture-swiper.swiper-container{width: 95%;float: right;}
.index-architecture .list {padding: 5% 0 0 0;}
.architecture-swiper .item{position: relative;border-radius: .2rem;overflow: hidden; box-shadow: 0px 16px 40px 0px rgba(5, 16, 26, 0.2);}
.architecture-swiper .item a{display: block;overflow: hidden;}
.architecture-swiper .item .title {position: absolute;left: 5%;bottom: 10%;z-index:40; color: #fff;}
.architecture-swiper .item .title h2{font-size:.32rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.architecture-swiper .item .title .place span{font-size:.26rem;}
.architecture-swiper .item .img {position: relative;overflow: hidden;}
.architecture-swiper .item:last-child a{margin-bottom:0;}


.index-topic {padding: 10% 0 0 0;width: 90%;margin: auto;clear: both;}
.index-topic .list {padding: 5% 0 0 0;}
.index-topic .list .item{position: relative;margin-bottom: 3%; box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;border-radius: .16rem;}
.index-topic .list .item a {display: block;padding:3% 4%;overflow: hidden;font-size: 0;position: relative;}
.index-topic .list .item .top {border-radius: .06rem;font-size:.18rem;display: inline-block;padding: 2px 8px;background-image:linear-gradient( 120deg, rgb(245,246,250) 0%,rgb(228,229,237) 100%);}
.index-topic .list .item .top span{ color: #737580;}
.index-topic .list .item .top.top1 {background-image:linear-gradient( 120deg, rgb(249,237,162) 0%,rgb(255,198,6) 100%);}	
.index-topic .list .item .top.top2 {background-image:linear-gradient( 120deg, rgb(208,229,251) 0%,rgb(167,201,237) 100%);}	
.index-topic .list .item .top.top3 {background-image:linear-gradient( 120deg, rgb(246,225,206) 0%,rgb(219,194,171) 100%);}	
.index-topic .list .item .top.top1 span { color: #b77410;}
.index-topic .list .item .top.top2 span { color: #3f6d9e;}
.index-topic .list .item .top.top3 span { color: #986839;}
.index-topic .list .item .date {position: absolute;top:8%;right: 5%;font-size: .22rem;color:#a1a4b2;}
.index-topic .list .item .topic {clear: both;display: block;overflow: hidden;margin-top:3%;}
.index-topic .list .item .text {float: left;width: 55%;}
.index-topic .list .item .text h3{font-size: .28rem;margin: 0 0 5% 0;display: block;}
.index-topic .list .item .text span{font-size: .22rem;color:#a1a4b2;}
.index-topic .list .item .img {position: relative;float: right;width: 40%;border-radius: .08rem;overflow: hidden;}

 

 
/* 每月推荐 */
.recommendation-nav {width: 100%;}
.recommendation-nav-swiper {width:95%;position:relative;padding: 5% 0;margin-left: 5%;overflow-y:visible;overflow-x: scroll;white-space:nowrap;font-size: 0;}
.recommendation-nav-swiper::-webkit-scrollbar { width:0; height:0; display: none;} 
.recommendation-nav-swiper div{display:inline-block;text-align: center;font-size: 0;background: #fff;width:15%; padding: 5% 5% 3% 5%;box-shadow: 0px 4px 20px 0px rgba(5, 16, 26, 0.08);margin-right:3%;border-radius: .08rem;}
.recommendation-nav-swiper div.cur{background-image:linear-gradient(90deg, #445a6c 0%, #243e53 100%);}
.recommendation-nav-swiper div.cur span {color: #fff;opacity: .8;}
.recommendation-nav-swiper div i{display: block;position: relative;width: .6rem;height: .6rem;margin: auto;}
.recommendation-nav-swiper div i img {}
.recommendation-nav-swiper div span{font-size: .24rem;color: #a1a4b2;display: block;padding-top:10px;clear: both;}

.recommendation-swiper {padding-bottom: 5%;overflow: hidden;}
.recommendation-swiper .list{padding-top:5%;}
.recommendation-swiper .list .item{width: 90%;border-radius: .16rem; margin: auto auto 3% auto;overflow: hidden;background: #fff; box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.recommendation-swiper .list .item a {display: block;padding:3% 4%;overflow: hidden;font-size: 0;position: relative;}
.recommendation-swiper .list .item .top {overflow: hidden;clear: both;}
.recommendation-swiper .list .item .user{font-size: 0;}
.recommendation-swiper .list .item .user i{display: inline-block;vertical-align: middle;position: relative;width: .4rem;height: .4rem;background: #ccc;border-radius: 100%;overflow: hidden;}
.recommendation-swiper .list .item .user span{display: inline-block;vertical-align: middle;font-size: .24rem;margin-left:2%;}
.recommendation-swiper .list .item .date{position: absolute;top:7%;right: 5%;font-size: .22rem;color:#a1a4b2;}
.recommendation-swiper .list .item .main{clear: both;display: block;overflow: hidden;margin-top:3%;}
.recommendation-swiper .list .item .main .text{float: left;width: 60%;}
.recommendation-swiper .list .item .main .text h3{font-size: .28rem;margin: 0 0 5% 0;display: block;min-height: 1rem;}
.recommendation-swiper .list .item .main .text span{font-size: .22rem;color:#a1a4b2;}
.recommendation-swiper .list .item .main .img{position: relative;float: right;width:35%;border-radius: .08rem;overflow: hidden;}

.recommendation-screening {width: 90%;margin: auto;font-size: 0;}
.screening {width: 49%;padding: 3% 5%;border-radius: 0.1rem;margin: 0; background: url("../upload/sd1.png") 90% center no-repeat #f0f1f5;background-size:7%; border: none;font-size: .28rem;}
.screening option{}
 
.swiper-loadmore {padding:0;}
.swiper-loadmore .swiper-wrapper {padding-bottom: 50px;}
.refresh{position:absolute;line-height:100px;bottom:100%;text-align:center;width:100%;color: #a1a4b2;font-size: .20rem;}
.loadmore{position:absolute;line-height:20px;top:100%;text-align:center;width:100%;color: #a1a4b2;font-size: .20rem;}

.recommendation-detail {overflow: hidden;position: relative;}
.recommendation-detail .recommendation-top {width: 90%;margin: auto;padding:5% 5% 0 5%;position: relative;box-shadow: 0px 6px 80px 0px rgba(5, 16, 26, 0.12);}
.recommendation-detail .recommendation-top .data li::after {right: 20%;}
.recommendation-detail .text{font-size: 0;}
.recommendation-detail .text h5{margin: 0;font-weight: normal;font-size: .2rem;color: #737580;display: inline-block;background: #f0f1f5;padding: 1% 5%;overflow: hidden;border-radius: 100px;}
.recommendation-detail .text h3{font-size: .44rem;margin: 0;display: block;padding:3% 0;}
.recommendation-detail .bottom {overflow: hidden;text-align: left;padding: 5% 0;}
.recommendation-detail .data{text-align: left;padding-bottom: 3%;border-bottom: 1px solid #e4e6ed;}
.recommendation-detail .date{color: #a1a4b2;font-size: .24rem;}
.recommendation-detail-main {padding:10% 5% 0 5%;position: relative;overflow: hidden;font-size: .28rem;line-height: .5rem;}
.recommendation-detail-main img {border-radius: .15rem;}

.collection-likes {position:fixed;overflow: hidden;width: 100%;background: #fff;bottom: -0.5%;left: 0;padding:3% 0;z-index: 30;}
.collection-likes::after {content: '';display: block;width: 1px;height: 70%;background: #ebedf5;position: absolute;right:50%;top:15%;}
.collection-likes a{display: block;width: 50%;float: left;text-align: center;position: relative;}
.collection-likes a i{display: block;margin: auto;width: .4rem;height: .4rem;position: relative;}
.collection-likes a h6{font-weight: normal;margin: 0;font-size: .24rem;display: block;padding-top: 10px;}
.collection-likes a h6 span{}
.collection-likes a.collection i{background: url("../upload/sc.png") no-repeat;background-size: 100%;}
.collection-likes a.likes i{background: url("../upload/dz.png") no-repeat;background-size: 100%;}
.collection-likes a.collection.cur i{background: url("../upload/k22.png") no-repeat;background-size: 100%;}
.collection-likes a.likes.cur i{background: url("../upload/dz2.png") no-repeat;background-size: 100%;}

 



/* 知识文档 */
.knowledge-list {width: 90%;margin: auto;padding: 0 5%;overflow: hidden;}
.knowledge-list h1{font-size: .6rem;margin: 0;display: block;}
.knowledge-search {position: relative;padding: 2% 0;overflow: hidden;}
.search-form {position: relative;}
.search-submit{position: absolute;left:3%; top: 50%;width:.5rem;height: .5rem; margin-top: -0.25rem;border: none;background: url("../upload/ss.png") center no-repeat;background-size: 50%;opacity: .4;}
.search-input{background: #f0f1f5;height: .85rem;line-height: .85rem;display: block;width:100%;padding:0 5% 0 11%; border: none;border-radius: 5px;}
input.search-input::-webkit-input-placeholder {color: #bfc2d1;}
 
.type-list {padding:3% 0;text-align: left;font-size: 0;width: 104.5%;margin-left: -1.5%;}
.type-list .item {box-shadow: 0px 6px 80px 0px rgba(5, 16, 26, 0.08);border-radius: 16px;background: #fff;overflow: hidden;width: 46%;margin:1.5%;display: inline-block;}
.type-list .item a{padding:10%;display: block;}
.type-list .item a i{display: block;width: .7rem;height: .7rem;margin-bottom: 10px;position: relative;}
.type-list .item a h3{font-size: .3rem;margin: 0;}
.type-list .item a span{font-size: .22rem;display: block;color: #a1a4b2;padding-top: 5px;}

.new-share {padding: 10% 0 0 0;margin: auto;clear: both;}
.new-share .list {padding:5% 0;}
.new-share .list .item{width: 100%;border-radius: .16rem; margin: auto auto 3% auto;overflow: hidden;background: #fff; box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.new-share .list .item a {display: block;padding:3% 4%;overflow: hidden;font-size: 0;position: relative;}
.new-share .list .item .top {overflow: hidden;clear: both;position: relative;}
.new-share .list .item .user{font-size: 0;}
.new-share .list .item .user i{display: inline-block;vertical-align: middle;position: relative;width: .4rem;height: .4rem;background: #ccc;border-radius: 100%;overflow: hidden;}
.new-share .list .item .user span{display: inline-block;vertical-align: middle;font-size: .24rem;margin-left:2%;}
.new-share .list .item .date{position: absolute;top:1%;right:0;font-size: .22rem;color:#a1a4b2;}
.new-share .list .item .main{clear: both;display: block;overflow: hidden;margin-top:3%;}
.new-share .list .item .main .text{float: left;width: 60%;}
.new-share .list .item .main .text h3{font-size: .28rem;margin: 0 0 5% 0;display: block;min-height: 1rem;}
.new-share .list .item .main .text h3 span{font-size: .28rem;display:inline-block;vertical-align: bottom;}
.new-share .list .item .main .text span{font-size: .22rem;color:#a1a4b2;}
.new-share .list .item .main .img{position: relative;float: right;width:35%;border-radius: .08rem;overflow: hidden;}

.review-star {background-image: -webkit-linear-gradient( 120deg, rgb(255,198,6) 0%, rgb(251,225,113) 100%);position: absolute;right: -5%;top: 10%;z-index: 30;border-radius: 8px;font-size: 0;width:30%;padding:2% 10% 2% 5%;}
.review-star i{background: url("../upload/star.png") center no-repeat;background-size: 100%;width: .18rem;height: .18rem;display: inline-block;vertical-align: middle;}
.review-star span{color: #b77410;font-size: .2rem;margin-left: 10%;display: inline-block;vertical-align: middle;}
.review-star.none {background: #dfe0e6;}
.review-star.none i {background: url("../upload/star1.png") center no-repeat;background-size: 100%;}
.review-star.none span{color: #a1a4b2;}

.typelist-nav-swiper {width: 95%;margin-left: 5%;}
.typelist-nav-content {width: 100%;margin: auto;overflow: hidden;}
.typelist-nav-content .new-share{padding: 1% 0 0 0;width: 90%;margin: auto;}
.typelist-nav {width: 100%;overflow-y:hidden;overflow-x: scroll;white-space:nowrap;font-size: 0;}
.typelist-nav::-webkit-scrollbar { width:0; height:0; display: none;} 
.typelist-nav li{display:inline-block;vertical-align: top;text-align: center;margin: 0;margin-right: 8%;padding-bottom: 10px;list-style: none;}
.typelist-nav li h4{margin: 0;font-size: .28rem;color: #a1a4b2;display: block;padding: 1% 0 4% 0;text-align: center;font-weight: normal;}
.typelist-nav li.cur h4{color: #233d52;border-bottom: 2px solid #233d52;}

.page-search {z-index: 100;position: fixed;bottom:10%;right:3%;}
.page-search a{display: block; border-radius: 100px;width: 1rem;height: 1rem; box-shadow: 0px 2px 10px 0px rgba(5, 16, 26, 0.15);background: url("../upload/ss.png") center no-repeat #fff;;background-size:35%;}

.knowledge-detail {overflow: hidden;position: relative;}
.knowledge-detail .knowledge-top {width: 90%;margin: auto;padding:5% 5% 0 5%;position: relative;text-align: center;overflow: hidden; box-shadow: 0px 6px 80px 0px rgba(5, 16, 26, 0.12);}
.knowledge-detail .knowledge-top .img {width: 50%;margin: auto; position: relative; background: #000; border-radius: 8px;overflow: hidden; box-shadow: 0px 16px 60px 0px rgba(5, 16, 26, 0.2);}
.knowledge-detail .knowledge-top .title-name {font-size: .36rem;padding: 5% 0 3% 0;;overflow: hidden;}
.knowledge-detail .knowledge-top .review-star {width: 20%;}
.knowledge-detail .knowledge-top .review-star span{font-size: .22rem;}
.knowledge-detail .pathname {color: #a1a4b2;font-size: .24rem;border-bottom: 1px solid #ebedf5;padding: 3% 0 5% 0;}
.knowledge-detail .bottom {overflow: hidden;text-align: left;padding: 5% 0;}

.data {font-size: 0;text-align: center;}
.data li{display: inline-block;vertical-align: middle;font-size: 0;width: 20%;position: relative;}
.data li::after {content: '';display: block;width: 1px;height: 100%;background: #ebedf5;position: absolute;right:0;top: 0;}
.data li:last-child::after {display: none;}
.data li i{width: .3rem;height: .3rem;position: relative;display: inline-block;vertical-align: middle;margin-right:.1rem;}
.data li i.d1{background: url("../upload/d1.png") no-repeat;background-size:100%;}
.data li i.d2{background: url("../upload/d33.png") no-repeat;background-size:100%;}
.data li i.d3{background: url("../upload/d2.png") no-repeat;background-size:100%;}
.data li span{display: inline-block;vertical-align: middle;color: #a1a4b2;font-size: .24rem;}
.user {font-size: 0;overflow: hidden;width: 70%;float: left;}
.user i{display: inline-block;vertical-align: middle;position: relative;width: .4rem;height: .4rem;background: #ccc;border-radius: 100%;overflow: hidden;}
.user span{display: inline-block;vertical-align: middle;font-size: .24rem;margin-left:2%;}
.date{width:30%;float: right;color: #a1a4b2;font-size: .24rem;text-align: right;line-height:.44rem;}



.knowledge-detail-main {padding:10% 5% 0 5%;position: relative;font-size: .28rem;line-height: .5rem;}
.uploaded-files h3{font-size: .34rem;margin: 0;}
.uploaded-files-list {padding: 5% 0;text-align: center;font-size: 0;width: 102%;margin-left: -2%;}
.uploaded-files-list .item {position: relative; background: #fff;box-shadow: 0px 6px 80px 0px rgba(5, 16, 26, 0.08);border-radius: 16px;overflow: hidden;margin: 1.5%;width: 47%;display: inline-block;vertical-align: top;}
.uploaded-files-list .item a{padding: 5%;text-align: center; display: block;background: #fff;width: 90%;height: 100%;position: absolute;left: 0;top: 0;}
.uploaded-files-list .item a i{display: block;width: .9rem;height:.9rem;position: relative;margin: 10% auto auto;}
.uploaded-files-list .item a span{font-size: .28rem;line-height: .4rem; padding-top:5%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.knowledge-comments-list {width: 90%;margin: auto;} 
.knowledge-comments-list h3{font-size: .34rem;} 
.knowledge-comments-list .comment-list-content{padding: 0;padding-bottom: 5%;}

.bottom-comments-ratings {position: fixed;left: 0;bottom: -1%;width:100%;padding:4% 0;background: #fff;z-index: 50;font-size: 0;box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.1);}
.bottom-comments-ratings li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width:20%;position: relative;}
.bottom-comments-ratings li a {display: block;width:100%;text-align: center;}
.bottom-comments-ratings li a i{display: block;margin: auto;width: .37rem;height: .37rem;}
.bottom-comments-ratings li a h5{font-size: .2rem;margin:5px auto;font-weight: normal;}
.bottom-comments-ratings li.k1 a i {background: url("../upload/k1.png") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k2 a i {background: url("../upload/k2.png") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k3 a i {background: url("../upload/k3.png") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k2.cur a i{background: url("../upload/k22.png") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k3.cur a i{background: url("../upload/dz2.png") center no-repeat;background-size:100%;}
.bottom-comments-ratings li::after {content: '';display: block;position: absolute;right: 0;top: 0;width: 1px;height: 90%;background: #e4e6ed;}
.bottom-comments-ratings li.k3::after,.bottom-comments-ratings li.k4::after{display: none;} 
.bottom-comments-ratings li.k4 {display: block;position: absolute;right:5%;top: 50%;width:35%;height:.5rem;margin-top:-0.47rem; box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.08);background-image:linear-gradient( 90deg, #455b6d 0%,#243e53 100%);border-radius: 70px;font-size: 0;padding: 2% 0;}
.bottom-comments-ratings li.k4 a i {display: inline-block;vertical-align: middle;background: url("../upload/k4.png") center no-repeat;background-size:80%;}
.bottom-comments-ratings li.k4 a h5 {display: inline-block;vertical-align: middle;color: #fff;margin-left:5%;font-size: .24rem;}
 

.bottom-comment-reply {box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.1);position: fixed;left: 0;bottom:-100%;width: 94%;padding:3%;border-radius:16px 16px 0 0; background: #fff;overflow: hidden;z-index: 200;outline: none; transition:all .4s ease;}
.bottom-comment-reply .reply-content{position: relative;z-index: 10;}
.bottom-comment-reply .reply-who{font-size: .24rem;color: #a1a4b2;}
.bottom-comment-reply .reply-who strong{color: #2e2f33;}
.bottom-comment-reply .reply-input{width:80%;padding:2% 0 3% 0;overflow: hidden;}
.bottom-comment-reply .reply-input textarea{display:block;width:100%;padding:0;border: none;background:none;height:18px;overflow: hidden;resize:none;font-size:.28rem;}
.bottom-comment-reply .bottom{overflow: hidden;}
.bottom-comment-reply .bottom .reply-expression{width:10%;float: left;}
.bottom-comment-reply .bottom .reply-expression i{display: block;background: url("../upload/bq.png") center no-repeat;background-size: 95%; width: .4rem;height: .4rem;}
.bottom-comment-reply .bottom .reply-release{width: 10%;text-align: right;float: right;}
.bottom-comment-reply .bottom .reply-release input{display: block; border: none;background: none;float: right;color: #3676f7;}
.no-touch .bottom-comment-reply.cur {bottom:0;}
.reply-content-bg {position: fixed;width: 100%;height:100%;overflow:hidden;left: 0;bottom: 0;z-index:1;display: none;}
.no-touch .bottom-comment-reply.cur .reply-content-bg {display: block;}



.knowledge-review {width: 90%;margin: auto;padding:5% 5%;overflow: hidden;}
.whatdoyouthink {overflow: hidden;}
.whatdoyouthink .reply-input textarea{display:block;width:100%;padding:0;border: none;background:none;height:2rem;overflow: hidden;resize:none;font-size:.28rem;}
.knowledge-score {padding:5% 0;overflow: hidden;border-top: 1px solid #e4e6ed;}
.knowledge-score h4{font-size: .24rem;margin: 1% 0;display: block;}
.knowledge-score-star{}

#startone{padding:3% 0 2% 0;overflow: hidden;margin-left: -5px;}
.star_list{height:30px;line-height:30px;}
.star_score{background:url("../upload/stark2.png");width:280px;height:30px;position:relative;}
.star_score a{display:block;text-indent:-999em;position:absolute;left:0;height:30px;}
.star_score a:hover{background:url(../upload/stars2.png);left:0;}
.star_score a.clibg{background:url(../upload/stars2.png);left:0;}

.document-preview {position: fixed;width: 100%;overflow:hidden;left: 0;bottom: -100%;height:100%;z-index:101;display: block;transition:all .4s ease;}
.document-preview .document-preview-content-bg{background: #ebedf5;overflow: hidden;border-radius:20px;height:100%;}
.document-preview .document-preview-content{border-radius:20px;height: 100%;overflow: hidden;display:block;}
.document-preview .tophead{background: #fff;text-align: center;position: relative;border-bottom: 1px solid #e4e5ed;overflow: hidden;padding:3% 0;}
.document-preview .tophead a{font-size: .28rem;display: block;float: right;padding-right:5%;}
.document-preview-content-roll {height: 100%;overflow: auto;}
.document-preview-content-roll .name-state{margin-bottom: 10px;background: #fff;padding:5%;overflow: hidden;}
.document-preview-content-roll .name-state h6{margin: 0;font-weight: normal;font-size: .24rem;color: #a1a4b2;}
.document-preview-content-roll .name-state h4{margin: 0;font-weight: normal;font-size: .3rem;color: #2e2f33;}
.document-preview-detailed {background: #fff;padding: 5%;height: 100%; overflow: hidden;font-size: .24rem;line-height: .4rem;}
.document-preview-detailed img {border-radius: 10px;}
.no-touch .document-preview.cur {bottom:-10%;}

.downfile {margin-top: 10%;clear: both;}
.downfile a{background: #274155;color: #fff;display: block;text-align: center;padding:4% 0px;font-size: .3rem;border-radius: 50px;width:100%; box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);margin: 0 auto;}
.ylnone {font-size: .4rem;color: #ACACAC;} 
.ylnone img{display: block;margin: auto;width: 20%;border-radius:0px;} 


/*全球建筑库*/
.building-index {overflow: hidden;}
.building-index-content {width: 90%;margin: auto;padding: 0 5%;overflow: hidden;}
.building-index h1{font-size: .6rem;margin: 0;display: block;}
.building-search {position: relative;padding: 2% 0 0 0;overflow: hidden;}
.building-index-list {width: 95%;margin-left:5%;padding: 5% 0;}
.building-index-list .architecture-swiper {overflow:visible;}

.screen-list {width: 90%;margin: auto;padding:1% 5%;border-bottom: 1px solid #ebedf5;}
.screen-list-select {float: left;width: 50%;position: relative;}
.screen-list-select:first-child::after {content: '';display: block;width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #f0f1f5;}
.screen-list label {display:block;width:100%;margin: 0;padding: 0;border: none;background:none;font-size: 0;height: auto;position: relative;}
.screen-list-select .screening {width: 100%;background: url(../upload/sd1.png) 90% center no-repeat;background-size: 7%;}
._htools-selec-box{height:auto;}
._htools-select{position: relative;display: inline-block;width: 100%!important; margin:0 5px 0 0;vertical-align: middle;border-radius:10px;padding:3px 0;}
._htools-select *{margin: 0;padding: 0;outline: none;}
._htools-select:hover ._select-selectbtn{transition: border-top-color 0.5s;-moz-transition: border-top-color 0.5s;-webkit-transition: border-top-color 0.5s;-o-transition: border-top-color 0.5s;}
._htools-select:hover{}
._htools-select ._select-input{color: #8a8c99; display: inline-block;font-size:.3rem;font-weight: bold;text-align: center}
._htools-select ._select-selectbtn{width: 0;height: 0;position: absolute;right:25%;top: 50%;margin-top:-3px; border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #a1a4b3;display: inline-block;}
._htools-select ._select-select-ul{border-radius:10px;padding:5% 15%;width:70%!important;top:5px;height: 200px; overflow:auto;background-color:#fff; outline: none;position: relative;z-index: 10;display: none;box-shadow: 0px 10px 40px 0px rgba(8, 16, 124, 0.12);}
._htools-select ._select-select-ul li{font-size: .28rem;color: #8a8c99;cursor: pointer;list-style-type:none;transition: color 0.5s, background-color 0.5s;-moz-transition: color 0.5s, background-color 0.5s;-webkit-transition: color 0.5s, background-color 0.5s;-o-transition: color 0.5s, background-color 0.5s;}
._htools-select ._select-select-ul li._select-li-selected{color: #000;}
._htools-select ._select-select-ul li:hover{color: #000;}

.architecture-swiper {overflow: visible;}
.architecture-swiper .item .img .toptip {position: absolute;left:8%;top:0;text-align: center;padding: 2% 0;z-index:40;width:25%; font-size: .24rem;color: #737580; border-radius: 0 0 .1rem .1rem; background-image:linear-gradient( 120deg, rgb(245,246,250) 0%,rgb(228,229,237) 100%);text-transform: uppercase;} 
.architecture-swiper .item .img .toptip.t1 {background-image:linear-gradient( 120deg, rgb(251,225,113) 0%, rgb(255,198,6) 100%);color: #b77410;}
.architecture-swiper .item .img .toptip.t2 {background-image:linear-gradient( 120deg, rgb(208,229,251) 0%, rgb(167,201,237) 100%);color: #3f6d9e;}
.architecture-swiper .item .img .toptip.t3 {background-image:linear-gradient( 120deg, rgb(246,225,206) 0%,rgb(219,194,171) 100%);color: #986839;}

.building-index-list .architecture-swiper .item .title h2 {font-size: .36rem;}
.building-index-list .architecture-swiper .item .title {bottom: 8%;left: 8%;}

.building-new-upload {padding: 5% 0;}
.building-new-upload .title{padding:0 5%;}
.building-new-upload .list {text-align: center;margin-top: 5%;}
.building-new-upload .list .item{width: 100%;margin:2% auto auto; position: relative;display: block;padding:1% 0 5% 0;}
.building-new-upload .list .item a{width:86%;display: block;margin:3% auto auto;border-radius: .15rem;background: #fff;overflow: hidden;padding:5% 4%;box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.building-new-upload .list .item a .left {width:28%;position: absolute;top: 0;left:7%;}
.building-new-upload .list .item a .left .img{position: relative;border-radius: .1rem;overflow: hidden;}
.building-new-upload .list .item a .txt{float: right;width: 60%;text-align: left;}
.building-new-upload .list .item a .txt h2{margin: 0;font-size: .3rem;}
.building-new-upload .list .item a .txt h5{margin: .2rem 0;color: #8a8c99;font-size: .24rem;}
.building-new-upload .list .item a .txt .bottom{color: #a1a4b2;font-size: .22rem;padding-top: 5%;overflow: hidden;}
.building-new-upload .list .item a .txt .bottom span {width:70%;display: block;float: left;}
.building-new-upload .list .item a .txt .bottom span:last-child {width:25%;text-align: right;}

.building-detail {width: 100%;overflow: hidden;}
.building-detail-content {background: #fff;padding-bottom:5%;box-shadow: 0px 6px 80px 0px rgba(5, 16, 26, 0.12);border-radius: .16rem;overflow: hidden;}
.building-detail-top {width: 90%;margin: auto;padding: 5% 0;}
.building-detail-top .left {float: left;width: 40%;}
.building-detail-top .left .img{position: relative;border-radius: 8px;overflow: hidden; box-shadow: 0px 16px 60px 0px rgba(5, 16, 26, 0.2);}
.building-detail-top .right {float: left;width: 55%;padding: 5% 0 0 5%;}
.building-detail-top .right h2 {margin: 0;font-size: .36rem;}
.building-detail-top .right h6 {margin: 0;font-weight: normal;display: block;color: #a1a4b2;font-size: .24rem;padding-bottom:20%;padding-top: 5%;}
.building-detail-top .right .data {clear: both;text-align: left;}
.building-detail-top .right .data li {width: 33%;}
.building-detail-top .right .data li::after {right: 20%;}
.building-detail-top .right .bottom {overflow: hidden;clear: both;padding: 5% 0;border-top:solid 1px #e4e6ed;margin-top: 5%;}
		
.project-album {width: 95%;margin: 5% 0 0 5%;} 
.project-album-swiper {margin-top: 5%;} 
.project-album-swiper .swiper-slide {width: auto;}
.project-album-swiper .img{width: 100%;}
.project-album-swiper .img img {max-height:130px;display: block;border-radius: 8px;}

.building-project-introduction {width: 90%;margin:10% auto auto;}
.building-project-introduction .introduction {font-size: .28rem;line-height: .5rem;overflow: hidden;}
.building-project-introduction .introduction img {border-radius: .16rem;}

.building-content-supplement {margin-top: 5%;}
.building-content-supplement .title {padding-left: 5%;}
.content-supplement-swiper {overflow: visible;margin: 5% 0 5% 5%;}
.content-supplement-swiper .item{border-radius: .16rem;box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;}
.content-supplement-swiper .item a{display: block;padding: 5%;overflow: hidden;}
.content-supplement-swiper .item .img{float: left;width:40%;position: relative;border-radius: .1rem;overflow: hidden;}
.content-supplement-swiper .item .txt {float: left;width: 53%;padding: 5% 0 0 7%;}
.content-supplement-swiper .item .txt h4{margin: 0;font-size: .28rem;min-height: 70px;}
.content-supplement-swiper .item .txt span{display: block;color: #a1a4b2;font-size: .2rem;}

.building-detail .knowledge-comments-list{margin-top:10%;clear: both;}
.building-detail .knowledge-comments-list h3 {margin: 5% 0 0 0;}



/* 新闻 */
.news-index {overflow: hidden;}
.news-index-header {position: relative;overflow: hidden;width: 90%;margin: auto;}
.news-index-header h1{font-size: .6rem;margin: 0;display: block;}
.news-search {position: absolute;top: 5%;right: 0;width:30%;}
.news-search .search-submit{width: .7rem;height: .7rem;margin-top: -0.35rem;left:5%;background: url(../upload/ss.png) center no-repeat;background-size: 50%;}
.news-search .search-input{border-radius: 100px; padding: 0 5% 0 40%;width:55%;height: .7rem;line-height: .7rem;}
.news-index-content {width: 90%;margin: auto;padding: 0 5%;overflow: hidden;}
 

.news-header-nav {width: 95%;padding:5% 0 3% 0;overflow: hidden;margin-left: 5%;}
.news-nav {width: 100%;overflow-y:hidden;overflow-x: scroll;white-space:nowrap;font-size: 0;}
.news-nav::-webkit-scrollbar { width:0; height:0; display: none;} 
.news-nav div{display:inline-block;vertical-align: top;text-align: center;margin: 0;margin-right:3.5%;padding-bottom: 10px;list-style: none;}
.news-nav div a{margin: 0;font-size: .28rem;color: #a1a4b2;display: block;padding: 1% 0 4% 0;text-align: center;font-weight: normal;}
.news-nav div.cur a{color: #233d52;border-bottom: 2px solid #233d52;}

.news-content-swiper {overflow:hidden;}
.news-list-top {overflow: hidden;position: relative;}
.news-list-top-swiper {width: 90%;margin: auto;border-radius: .16rem;box-shadow: 0px 20px 80px 0px rgba(5, 16, 26, 0.16);}
.news-list-top-swiper a {display: block;position: relative;}
.news-list-top-swiper .txt {font-size: .3rem;font-weight: bold;position: absolute;left: 5%;width: 90%;bottom:8%;z-index: 40;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-list-top-swiper .img{position: relative;overflow: hidden;}
.news-list-top-swiper .img .mark-black {position: absolute;left: 0;bottom: 0;width: 100%;height:100%;z-index: 30; background-image:linear-gradient(to top, rgb(0,0,0) 0%, rgba(0,0,0,0) 30%);}
.news-list-top .swiper-pagination{position: relative;bottom:auto;left:auto;text-align: center;width: 100%;margin: 20px auto;font-size: 0;}
.news-list-top span.swiper-pagination-bullet {display: inline-block;margin: 0 1%;background: #3c425b;width: 30px;height: 3px; border-radius: 30px;}
.news-list-top span.swiper-pagination-bullet-active {background:#233d52;}

.news-list-content {width: 90%;margin: auto;padding-bottom: 10%;}
.news-list-content .item{position: relative;margin-bottom: 3%; box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;border-radius: .16rem;}
.news-list-content .item a {display: block;padding:5% 4%;overflow: hidden;font-size: 0;position: relative;}
.news-list-content .item .text {float: left;width: 55%;}
.news-list-content .item .text h3{font-size: .28rem;margin: 0 0 5% 0;display: block;}
.news-list-content .item .text h3 span{font-size: .28rem;display:inline-block;vertical-align: bottom;}
.news-list-content .item .text span{font-size: .22rem;color:#a1a4b2;}
.news-list-content .item .img {position: relative;float: right;width: 40%;border-radius: .08rem;overflow: hidden;}

.news-list-picgroup3 {margin: auto;padding-bottom: 10%;}
.news-list-picgroup3 .item{width:80%;padding:4% 5%;margin:auto auto 4% auto;background: #fff;border-radius: .16rem;box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.news-list-picgroup3 .item .top {overflow: hidden;clear: both;}
.news-list-picgroup3 .item .top .time{text-align: center;background: #eef1ff;float: left;width:15%;border-radius: 8px;padding:5px; overflow: hidden;}
.news-list-picgroup3 .item .top .time h6{margin: 0;font-weight: normal;font-size:.17rem;color: #8b95a5;}
.news-list-picgroup3 .item .top .time h3{margin: 0;font-size:.32rem;color: #233d52;}
.news-list-picgroup3 .item .top .titles {float: left;width:60%;padding-left: 5%;padding-top:1%;}
.news-list-picgroup3 .item .top .titles h2{margin: 0;font-size:.32rem;}
.news-list-picgroup3 .item .top .titles span{font-size:.22rem;color: #a1a4b2;display: block;}
.news-list-picgroup3 .item .imgs{position: relative;clear: both;overflow: hidden;margin-top: 3%;border-radius: .16rem;}
.news-list-picgroup3 .item .imgs .img{position: relative;overflow: hidden;}
.news-list-picgroup3 .item .imgs .img2,.news-list-picgroup3 .item .imgs .img3 {position: absolute;right: 0;width: 40%;height: 50%;z-index: 41;background: #ccc;background-size: cover;}
.news-list-picgroup3 .item .imgs .img2{top: 0;border-left: 3px #fff solid;}
.news-list-picgroup3 .item .imgs .img3{bottom: 0;border-left: 3px #fff solid;border-top: 3px #fff solid;}
.news-list-picgroup3 .item .imgs .img3 h4 {margin: 0;position: absolute;top: 50%;margin-top: -10px;left: 0;color: #fff;font-size: .32rem;text-align: center;display: block;width: 100%;}

.news-detail {overflow: hidden;position: relative;}
.news-detail-top {width: 90%;margin: auto;padding:5%;position: relative;border-radius:0 0 .2rem .2rem; box-shadow: 0px 6px 80px 0px rgba(5, 16, 26, 0.12);}
.news-detail-top .text{font-size: 0;}
.news-detail-top .text h5{margin: 0;font-weight: normal;font-size: .2rem;color: #737580;display: inline-block;background: #f0f1f5;padding: 1% 5%;overflow: hidden;border-radius: 100px;}
.news-detail-top .text h3{font-size: .44rem;margin: 0;display: block;padding:3% 0;}
.news-detail-top .datetime{color: #a1a4b2;font-size: .24rem;}
.news-detail-main {padding:10% 5% 0 5%;position: relative;overflow: hidden;font-size: .28rem;line-height: .5rem;}
.recommendation-detail-main img {border-radius: .15rem;}

.gallery-detail {overflow: hidden;position: relative;padding-top:3%;}
.gallery-detail-top {overflow: hidden;clear: both;width: 90%;margin: auto;}
.gallery-detail-top .time{text-align: center;background: #eef1ff;float: left;width:20%;border-radius: 8px;padding:5px; overflow: hidden;}
.gallery-detail-top .time h6{margin: 0;font-weight: normal;font-size:.26rem;color: #8b95a5;}
.gallery-detail-top .time h3{margin: 0;font-size:.46rem;color: #233d52;}
.gallery-detail-top .titles {float: left;width:60%;padding-left: 5%;padding-top:1%;}
.gallery-detail-top .titles h2{margin: 0;font-size:.38rem;}
.gallery-detail-top .titles span{font-size:.26rem;color: #a1a4b2;display: block;}
.gallery-detail-main {overflow: hidden;position: relative;width: 91%;margin: 5% auto;font-size: 0;-moz-column-count:2;-webkit-column-count:2;column-count:2; }
.gallery-detail-main img {border-radius: .1rem;margin:2%;display: inline-block;width: 96%;}

	


/* 知识圈 */
.knowledge-circle {overflow: hidden;}
.knowledge-circle-top {width: 90%;padding:4% 0;margin: auto;overflow: hidden;position: relative;}
.knowledge-circle-top h1{font-size: .6rem;margin: 0;display: block;float: left;width: 50%;}
.knowledge-circle-top .btn-right{float: right;width: 40%;}
.knowledge-circle-top .btn-right a{display: block;float: right;width:.8rem;height:.8rem;margin:1% 4%;background-color: #f0f1f5;background-position: center;background-repeat: no-repeat;background-size:40%; border-radius: 100%;}
.knowledge-circle-top .btn-right a.release-btn{background-image: url("../upload/fb.png");}
.knowledge-circle-top .btn-right a.search-btn{background-image: url("../upload/ss2.png");}
.knowledge-circle-type {background: #f5f6fa;overflow: hidden;padding:5% 0 3% 5%;}
.knowledge-circle-type h5 {margin:0;color: #a1a4b2;font-size: .24rem;}
.knowledge-circle-type-nav {width: 100%;padding: 5% 0 1% 0;}
.knowledge-circle-type-nav .circle {}
.knowledge-circle-type-nav .circle a{position: relative;}
.knowledge-circle-type-nav .circle a{margin: 0;display: block;padding: 1% 0 4% 0;text-align: center;font-weight: normal;}
.knowledge-circle-type-nav .circle a em {display: block;font-style: normal;background: #fff;padding:3px 8px;border-radius:20px;text-align: center;z-index:50;font-size: .2rem;color: #737580;position: absolute;top: -7px;right:-1px;}
.knowledge-circle-type-nav .circle a i{display: block;position: relative;border-radius: 8px;overflow: hidden;background: #ccc;} 
.knowledge-circle-type-nav .circle a i img {display: block;width: 100%;}
.knowledge-circle-type-nav .circle a span{font-size: .22rem;display: block;padding-top:10%;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.knowledge-circle-content {padding:5% 5% 0 5%;overflow: hidden;}
.knowledge-circle-nav {width: 100%;overflow-y:visible;overflow-x: scroll;white-space:nowrap;font-size: 0;}
.knowledge-circle-nav::-webkit-scrollbar { width:0; height:0; display: none;} 
.knowledge-circle-nav div{display:inline-block;vertical-align: top;text-align: center;margin: 0;margin-right:5%;list-style: none;}
.knowledge-circle-nav div span{margin: 0;font-size: .28rem;color: #a1a4b2;display: block;padding: 1% 0 4% 0;text-align: center;font-weight: normal;}
.knowledge-circle-nav div.cur span{color: #233d52;border-bottom: 2px solid #233d52;}
.knowledge-circle-swiper {padding:5% 0 10% 0;}
.knowledge-circle-swiper .index-topic {padding-top:3%;width:100%;}
.knowledge-circle-swiper .index-topic .list {padding:0;}

.knowledge-circle-swiper .item{width: 90%;margin: auto auto 3% auto;position: relative;box-shadow:0px 8px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;border-radius: .16rem;}
.knowledge-circle-swiper .item a {display: block;padding:3% 4%;overflow: hidden;font-size: 0;position: relative;}
.knowledge-circle-swiper .item .top {border-radius: .06rem;font-size:.18rem;display: inline-block;padding: 2px 8px;background-image:linear-gradient( 120deg, rgb(245,246,250) 0%,rgb(228,229,237) 100%);}
.knowledge-circle-swiper .item .top span{ color: #737580;}
.knowledge-circle-swiper .top.top1 {background-image:linear-gradient( 120deg, rgb(249,237,162) 0%,rgb(255,198,6) 100%);}	
.knowledge-circle-swiper .top.top2 {background-image:linear-gradient( 120deg, rgb(208,229,251) 0%,rgb(167,201,237) 100%);}	
.knowledge-circle-swiper .top.top3 {background-image:linear-gradient( 120deg, rgb(246,225,206) 0%,rgb(219,194,171) 100%);}	
.knowledge-circle-swiper .top.top1 span { color: #b77410;}
.knowledge-circle-swiper .top.top2 span { color: #3f6d9e;}
.knowledge-circle-swiper .top.top3 span { color: #986839;}
.knowledge-circle-swiper .date {position: absolute;top:8%;right: 5%;font-size: .22rem;color:#a1a4b2;}
.knowledge-circle-swiper .topic {clear: both;display: block;overflow: hidden;margin-top:3%;}
.knowledge-circle-swiper .text {float: left;width: 55%;}
.knowledge-circle-swiper .text h3{font-size: .28rem;margin: 0 0 5% 0;display: block;}
.knowledge-circle-swiper .text h3 i {width:.3rem;height: .3rem;display: inline-block;vertical-align: middle;margin-right:5px;}
.knowledge-circle-swiper .text h3 i.d1{background: url("../upload/ding.png") center no-repeat;background-size: 100%;}
.knowledge-circle-swiper .text h3 i.d2{background: url("../upload/jing.png") center no-repeat;background-size: 100%;}
.knowledge-circle-swiper .text span{font-size: .22rem;color:#a1a4b2;display:block;}
.knowledge-circle-swiper .text h3 span{font-size: .28rem;display:inline-block;vertical-align: bottom;}
.knowledge-circle-swiper .img {position: relative;float: right;width: 40%;border-radius: .08rem;overflow: hidden;}
.knowledge-circle-swiper .above {overflow: hidden;}
 
.all-circle {overflow: hidden;}
.all-circle .knowledge-circle-top {width: 95%;padding: 4% 0 0 5%;}
.all-circle .knowledge-circle-top h1 {display: block;float: none;}
.all-circle .knowledge-circle-nav{margin:5% 0 0 0;clear: both;overflow-y: hidden;}

.all-circle-swiper {width:100%;}
.all-circle-list {margin: auto;padding:5% 5% 15% 5%;}
.all-circle-list .item{padding: 5%;overflow: hidden;position: relative;margin-bottom:3%;border-radius: .16rem;box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.all-circle-list .item .img{position: relative;float: left;width: 25%;border-radius: .16rem;overflow: hidden;}
.all-circle-list .item .txt{float: left;width: 70%;padding-left: 5%;position: relative;}
.all-circle-list .item .txt h3 {margin: 0; font-size:.3rem;padding: 1% 0;overflow: hidden;}
.all-circle-list .item .txt span{display: block; font-size:.22rem;color: #a1a4b2;}
.circles {font-size: 0;overflow: hidden;padding-top:5%;}
.circles ul{display: inline-block;vertical-align: middle;list-style: none;margin: 0;padding: 0;}
.circles ul li{width:20px;height: 20px;border-radius: 100px;list-style: none;padding: 0;margin: 0;border: 2px solid #fff;margin-left:-10px;overflow:hidden;display: inline-block;vertical-align: middle;}
.circles ul li:first-child {margin-left: 0px;}
.circles ul li img {display: block;width: 100%;}
.circles h6{margin: 0;font-weight: normal;font-size: .2rem;color: #ccc;display: inline-block;vertical-align: middle;padding-left: 5%;}
.jexit {position: absolute;font-size: 0;color: #fff;background:#264054;padding:3px 10px;border-radius:30px;right:0;bottom:0px;}
.jexit i{display: inline-block;vertical-align: middle;width:.14rem;height:.14rem;margin-right:5px;background: url("../upload/add.png") center no-repeat;background-size: 100%;}
.jexit h5{display: inline-block;vertical-align: middle;margin: 0;font-size: .18rem;font-weight: normal;}
.jexit.cur i{display: none;}
.jexit.cur {color: #999;background:#ccc;padding:3px 15px;}

.circle-index {}
.circle-index-top {overflow: hidden;background-size: cover;}
.circle-index-top .top {clear: both;overflow: hidden;padding: 5%;position: relative;}
.circle-index-top .img{position: relative;background: #000;float: left;width: 25%;border-radius: .16rem;overflow: hidden;}
.circle-index-top .txt{float: left;width: 65%;padding-left: 5%;}
.circle-index-top .txt h2{font-size: .44rem;color: #fff;margin:4% 0 0 0 ;}
.circle-index-top .circles li{border: 2px solid #1d2435;}
.circle-index-top .bottom {clear: both;overflow: hidden;font-size: .24rem;color: #bcbcbf;width:90%;margin: auto;padding:4% 0; border-top: 1px solid rgba(255,255,255,.2)}
.circle-index-top .top .jexit {color: #fff;background:none;border: 2px solid #fff;right: 5%;top: 50%;bottom: auto;margin-top: -15px;}

.circle-index-nav {position: relative;width: 90%;margin:5% auto auto auto;}
.circle-index-nav .knowledge-circle-nav {}
.release-topic-btn {position: absolute;right: -1%;top: -30%;}
.release-topic-btn a{display: block;background: #f0f1f5;font-size: 0;padding:10px 20px;border-radius:100px;}
.release-topic-btn a i {display: inline-block;vertical-align: middle;width: .24rem;height:.24rem; background: url("../upload/fb1.png") center no-repeat;background-size:100%;margin-right: 5px;}
.release-topic-btn a span {display: inline-block;vertical-align: middle;font-size: .24rem;color: #233d52;}

.circle-detail {}
.circle-detail-main {width: 90%;margin: auto;overflow: hidden;}
.circle-detail-top {padding: 1% 0;overflow: hidden;width:90%;margin: auto;position: relative;}
.circle-detail-top .img{float: left;width:15%;border-radius: 100%;overflow: hidden;background: #000;}
.circle-detail-top .img img{display: block;width: 100%;height: auto;}
.circle-detail-top .text{padding:2% 3%;float: left;width:75%;}
.circle-detail-top .text h5{margin: 0;font-size: .28rem;}
.circle-detail-top .text h3{margin: 0;font-size: .22rem;color: #a1a4b2;font-weight: normal;}
.circle-detail-top .follow{position: absolute;right: 0;top: 50%;margin-top: -15px;font-size: 0; border:1px solid #ccc;overflow: hidden;border-radius: 50px;padding:3px 10px;}
.circle-detail-top .follow i{display: inline-block;vertical-align: middle;width:.18rem;height:.18rem;background: url("../upload/add1.png") center no-repeat;background-size: 100%;margin: 0;padding: 0;margin-right: 5px;}
.circle-detail-top .follow h6{display: inline-block;vertical-align: middle;margin: 0;font-size: .22rem;color: #a1a4b2;}
.circle-detail-top .follow.cur i{display: none}


.circle-detail-title {padding:2% 0;}
.circle-detail-title h2 {margin: 0;font-size: .4rem;}
.circle-detail-title h6 {margin: 10px 0;font-weight: normal;font-size: .2rem;color:#a1a4b2;}
.circle-detail-title h6 span{margin-right: 20px;}
.circle-detail-text {padding:1% 0;overflow: hidden;font-size: .28rem;line-height:.5rem;}
.circle-detail-text img{border-radius: .1rem;overflow: hidden;}
.circle-detail-btn {}
.circle-detail-btn .texts{font-size: .22rem;color: #a1a4b2;}
.circle-detail-btn .btns {clear: both;padding: 5% 0;overflow: hidden;}
.circle-detail-btn .btns a{font-size: 0;display: block;float: left;padding:3% 20px;border-radius:50px; box-shadow: 0px 2px 10px 0px rgba(8, 16, 124, 0.1);margin:0 1%;}
.circle-detail-btn .btns a i,.circle-detail-btn .btns a span {display: inline-block;vertical-align: middle;}
.circle-detail-btn .btns a i{width:.3rem;height: .3rem;}
.circle-detail-btn .btns a span{font-size: .24rem;}
.circle-detail-btn .btns a.attachment{background: #fff;color: #233d52;}
.circle-detail-btn .btns a.attachment i {background: url("../upload/dd.png") center no-repeat;background-size: 100%;margin-right: 5px;}
.circle-detail-btn .btns a.answer {background: #274155;color: #fff;}
.circle-detail-btn .btns a.answer i {background: url("../upload/fb2.png") center no-repeat;background-size: 100%;margin-right: 5px;}

.circle-detail-answer {background: #f0f1f5;padding-top: 10px; overflow: hidden;}
.detail-answer {background: #fff;padding: 2% 0 12% 0;overflow: hidden;}
.title-t {font-size: .34rem;color: #2e2f33;font-weight: bold;padding:10px 5%;}

.detail-answer-list {}
.detail-answer-list .item{width:80%;margin:auto auto 3% auto;background: #fff;border-radius:.16rem;overflow: hidden;padding:5%;box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.detail-answer-list .item .top{}
.detail-answer-list .item .top .img{float: left;width: 15%;border-radius:100%;overflow: hidden;background: #000;}
.detail-answer-list .item .top .img img {display: block;width: 100%;}
.detail-answer-list .item .top .txt{float: left;width: 75%;padding-left: 5%;padding-top:2%;}
.detail-answer-list .item .top .txt h3{margin: 0;font-size: .28rem;}
.detail-answer-list .item .top .txt span{color: #a1a4b2;font-size: .22rem;display: block;}
.detail-answer-list .item .text{font-size: .28rem;line-height:.4rem;padding: 5% 0;overflow: hidden;clear: both;border-bottom: 1px solid #e4e5ed;}
.detail-answer-list .item .bottom {color: #a1a4b2;font-size: .24rem;padding-top:5%;}
.detail-answer-list .item .bottom li{list-style: none;margin: 0;padding: 0;font-size: 0;float: left;margin-right: 3%;}	
.detail-answer-list .item .bottom li i, .detail-answer-list .item .bottom li span {display: inline-block;vertical-align: middle;}
.detail-answer-list .item .bottom li i{width: .3rem;height: .3rem;margin-right: 5px;}
.detail-answer-list .item .bottom li.dz1 {background: #f0f1f5;padding:3px 10px;border-radius: 20px;margin-top: -3px;}
.detail-answer-list .item .bottom li.dz1 i{background: url("../upload/dz1.png") center no-repeat;background-size: 100%;}
.detail-answer-list .item .bottom li.hf2 i{background: url("../upload/d3.png") center no-repeat;background-size: 100%;}
.detail-answer-list .item .bottom li span{font-size: .24rem;}
.detail-answer-list .item .bottom li:last-child {text-align: right;float: right;margin-right:0;}
.detail-answer-list .item .bottom li.dz1.cur span{color: #233d52;}
.detail-answer-list .item .bottom li.dz1.cur i{background: url("../upload/dz2.png") center no-repeat;background-size: 100%;}
 
.answer-btn {position: fixed;width: .9rem;height: .9rem;bottom: 10%;right: 3%;z-index:33;border-radius:100%;background-image:linear-gradient( 0deg, rgb(70,92,110) 0%, rgb(35,61,82) 100%);box-shadow: 0px 10px 40px 0px rgba(5, 16, 26, 0.3);}
.answer-btn a{width: .9rem;height: .9rem;display: block;background: url("../upload/fb2.png") center no-repeat;background-size:35%;}

.release-topic {}
.release-topic-top {width: 90%;padding:1% 5%;}
.release-input-content {}
.release-input-content li {position: relative;clear: both; list-style: none;margin: 0;border-bottom: 1px solid #e4e5ed;overflow: hidden;padding:5% 0;}
.release-input-content li h3{font-size: .32rem;margin:0;}
.release-input-content li h6{font-size: .28rem;margin:0;}
.release-input-content li:last-child {border: none;}
.circle-choice {display: block;font-size: 0;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.circle-choice span {color: #a1a4b2;font-size: .28rem;display: inline-block;vertical-align: middle;}
.circle-choice i {width: .18rem;height: .18rem;margin-left: 5px; display: inline-block;vertical-align: middle;background: url("../upload/r2.png") center no-repeat;background-size: 90%;}
.topics {padding: 3% 0;overflow: hidden;margin-left: -1%;}
.topics .img{position: relative;width: 1.5rem;height: 1.5rem;float: left;margin:1%;border-radius:.18rem;overflow: hidden;}
.release-input1 {border:none;background:none;width: 100%;display: block;margin:0;padding: 0;font-size: .32rem!important;}
.release-textarea1 {border:none;background:none;width: 100%;display: block;margin:0;padding: 0;min-height: 100px;resize:none;font-size: .32rem;}
.release-input1::-webkit-input-placeholder,.release-textarea1::-webkit-input-placeholder {color:#a1a4b2;font-size: .32rem;}
.addupload {position: relative;width: 1.5rem;height: 1.5rem;background:#f0f1f5;float: left;margin:1%;border-radius:.18rem;overflow: hidden;text-align: center;}
.addupload i{display: block;background: url("../upload/add2.png") center no-repeat;background-size: 100%;width: .5rem;height: .5rem;margin:20% auto auto;}
.addupload h4{margin: 0;color: #a1a4b2;font-size:.24rem;padding: 10px 0;font-weight: normal;}
.release-file1 {opacity: 0;width: 100%;height: 100%;border: none;background: none;position: absolute;left: 0;top: 0;z-index: 3;}

.circle-choice-list {padding-top:20%;overflow: hidden;}
.circle-choice-content {padding-left:3%;overflow:hidden;position:fixed;background:#fff;width:97%;height:100%;left:0;bottom:0;z-index:220;transition:all .4s ease;}
.circle-choice-content a {float: left;width: 30%;margin:1%;position: relative;}
.circle-choice-content a .pic{position: relative;overflow: hidden;border-radius: .2rem;}
.circle-choice-content a h4{margin: 0;padding:5% 0;text-align: center;font-size: .24rem;}
.circle-choice-content a.cur .knowledge-type-radio {background: #263f54;border: 2px solid #263f54;}
.circle-choice-content a.cur .knowledge-type-radio .kc-radio{display: block;}
.knowledge-type-radio {position: absolute;width: 18px;height:18px;left: 5%;top: 5%;border: 2px solid #e7e8ef;border-radius: 100px;z-index: 40;}
.knowledge-type-radio .kc-radio{display: none;width: 8px;height: 8px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -4px;margin-top: -4px;z-index: 3;border-radius: 100px;}
.circle-choice-ok {margin-top:30px;width: 100%;clear: both;}
.circle-choice-ok a {display: block;text-align: center;font-size:.3rem;color: #fff;background: #3e5568;padding: 10px 0;margin: auto; width:95%;border-radius: 50px;}
.circle-choice-content.hide-content {bottom:-100%;}
.circle-choice-content .header-top{position: absolute;}



/* 投票 */
.vote-list {width: 90%;margin: auto;padding: 0 5%;overflow: hidden;}
.vote-list h1{font-size: .6rem;margin: 0;display: block;}
.vote-list .list{margin-top: 5%;padding-bottom: 10%;}
.vote-list .list .item{padding: 5%;box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);background: #fff;overflow: hidden;border-radius: .16rem;margin-bottom:5%;}
.vote-list .list .item h2{display: block;margin: 0;font-size: .44rem;padding-bottom: 10px;}
.vote-list .list .item .poster-list {font-size: 0;}
.vote-list .list .item .poster-list .text{font-size: .28rem;line-height: .5rem;height: 1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.vote-list .list .item .poster-list .text.cur{display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset;height:auto;}
.vote-list .list .item .poster-list .poster-btn{font-size: .28rem;line-height: .4rem;color: #5975ff;display: inline-block;margin-top: 2%;}
.vote-list .list .item .showtext{}
.vote-list .list .item .img{padding: 5% 0;overflow: hidden;font-size: 0;}
.vote-list .list .item .img img {border-radius: .1rem;display: inline-block;}
.vote-list .list .item .data {font-size: 0;text-align: left;border-bottom: 1px solid #ebedf5;padding: 3% 0;}
.vote-list .list .item .data li:last-child {text-align: right;width: 60%;}
.vote-list .list .item .data li::after {right: 15%;}
 
.vote-choice {padding: 5% 0;overflow: hidden;position: relative;}
.vote-choice::before {content: '';display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;}
.vote-choice h5{margin: 0;font-size: .24rem;color: #a1a4b2;font-weight: normal;}
.vote-choice li{list-style: none;font-size: .24rem;position: relative;}
.vote-choice li input{display: block;margin:3% 0;width:100%;height: .8rem;border: none;background: none;}
.vote-choice li input + label {background-color: transparent;position:absolute;left:0;top:0px;z-index:9;width:calc(100% - 2px);height:calc(100% - 2px); cursor:pointer;border-radius:100px;border: 1px solid #d0d2d9;}
.vote-choice li input:checked + label {border: 1px solid #5975ff;}
.vote-choice li input:checked + label h4 {color: #5975ff;}
.vote-choice li h4 {font-size: .24rem;position: absolute;left: 5%;top:50%;margin: -10px 0 0 0;z-index: 5;}
.vote-choice li span {display: none;font-size: .24rem;position: absolute;right: 5%;top:50%;margin: -10px 0 0 0;width: 50%;text-align: right;color: #a1a4b2;z-index: 5;}
.vote-choice li label {position: relative;overflow: hidden;}
.vote-choice li label::after {content: '';display: none; background: #f2f4fa;height: 100%; position: absolute;left:0;top:0;border-radius:0 100px 100px 0;}
.vote-choice li label.i10::after {width: 10%;}
.vote-choice li label.i20::after {width: 20%;}
.vote-choice li label.i30::after {width: 30%;}
.vote-choice li label.i40::after {width: 40%;}
.vote-choice li label.i50::after {width: 50%;}
.vote-choice li label.i60::after {width: 60%;}
.vote-choice li label.i70::after {width: 70%;}
.vote-choice li label.i80::after {width: 80%;}
.vote-choice li label.i90::after {width: 90%;}
.vote-choice li label.i100::after {width: 100%;}
.vote-choice.cur span,.vote-choice.cur li label::after{display: block;}
.choice-submit {margin-top: 5%;overflow: hidden;}
.choice-submit input{border: none;background: none;background-image:linear-gradient( 0deg, rgb(70,92,110) 0%, rgb(35,61,82) 100%);padding:4% 5%;color: #fff;width: 55%;border-radius: 100px;box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.08);overflow: hidden;margin: 0;display: block;font-size: 0.24rem;cursor: pointer;}
.vote-choice.cur .choice-submit input {background:#dfe0e6;color: #a5a7b5;}
.vote-choice.cur::before {display: block;}



.comment-content {position: fixed;width: 100%;overflow:hidden;left: 0;bottom: -100%;height:100%;z-index:100;transition:all .4s ease;}
.comment-content-list-bg {background: #ebedf5;overflow: hidden;border-radius:20px;height:100%;}
.comment-list {background: #fff;height: 100%;overflow: hidden;display: block;}
.comment-title {background: #fff;text-align: center;position: relative;border-bottom: 1px solid #e4e5ed;overflow: hidden;padding:3% 0;}
.comment-title h3{font-size: .30rem;margin: 0;}
.comment-title i.close{display: block;width:.28rem;height:.32rem;background: url("../upload/cc.png") center no-repeat;background-size: 90%; position: absolute;right: 5%;top: 50%;margin-top: -0.15rem;}
.comment-title i.return{display: block;width:.18rem;height:.31rem;background: url("../upload/rt1.png") center no-repeat;background-size: 90%; position: absolute;left: 5%;top: 50%;margin-top: -0.15rem;}
.comment-list-content {background: #fff;padding: 0 5%;overflow: hidden;}
.comment-list-content .item{border-bottom: #ebedf5 1px solid;padding-bottom: 5%;margin-top: 5%;overflow: hidden;}
.comment-list-content .item .user {font-size: 0;position: relative;width: 100%;}
.comment-list-content .item .user i{background: #ccc;display: inline-block;vertical-align: middle;width: .8rem;height: .8rem;position: relative;border-radius: 100%;overflow: hidden;}
.comment-list-content .item .user span{display: inline-block;vertical-align: middle;padding-left: 10px;margin-left:0;}
.comment-list-content .item .user span h3{font-size: .28rem;margin: 0;padding-bottom:3px;}
.comment-list-content .item .user span h5{font-size: .22rem;color: #a1a4b2;margin: 0;font-weight: normal;}
.comment-list-content .item .user span strong{color: #737580;font-weight: normal;}
.comment-list-content .item .user h6{font-size: .22rem;color: #a1a4b2;margin: 0;font-weight: normal;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.comment-list-content .item .text {padding: 3% 0 1% 15% ;font-size: .28rem;clear: both;}
.comment-list-content .item .operation {font-size: 0;padding:3% 0 0 15%;overflow: hidden;}
.comment-list-content .item .operation .praise i{background: url("../upload/d2.png") no-repeat;background-size: 100%; }
.comment-list-content .item .operation .praise.cur i{background: url("../upload/dz2.png") no-repeat;background-size: 100%;}
.comment-list-content .item .operation .reply i{background: url("../upload/pl1.png") no-repeat;background-size: 100%;}
.comment-list-content .item .operation .reply.cur i{background: url("../upload/pl2.png") no-repeat;background-size: 100%;}
.comment-list-content .item .operation div {font-size: 0;display: inline-block;vertical-align: middle;margin-right:10%;}
.comment-list-content .item .operation i{display: inline-block;vertical-align: middle;width: .3rem;height: .3rem;margin-right:5px;}
.comment-list-content .item .operation span{display: inline-block;vertical-align: middle;color: #737580;font-size: .24rem;}
.comment-list-content .item .reply-list {background: #f0f1f5;padding:4% 5%;margin-left: 15%;margin-top: 5%; overflow: hidden;border-radius: .1rem;}
.comment-list-content .item .reply-list li{list-style: none;margin: 0;padding: 0;color: #737580;font-size: .24rem; line-height:.4rem;}
.comment-list-content .item .reply-list li strong {color: #2e2f33;}
.comment-list-content .item .reply-list .allreply {font-size: .24rem;padding-top: 10px;color: #737580;}

.comment-list-reply {box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.1);position:fixed;left: 0;bottom:-100%;width: 94%;padding:5% 3%;background: #fff;overflow: hidden;z-index: 200;transition:all .4s ease;transition-delay: .4s;}
.reply-content {overflow: hidden;position: relative;}
.comment-list-reply .reply-expression{width:10%;position: absolute;left: 0;top: 0;}
.comment-list-reply .reply-expression i {display: block;background: url("../upload/bq.png") center no-repeat;background-size: 95%; width: .4rem;height: .4rem;}
.comment-list-reply .reply-img {width:10%;position: absolute;left:10%;top: 0;}
.comment-list-reply .reply-img i{display: block;background: url("../upload/img.png") center no-repeat;background-size: 95%; width: .4rem;height: .4rem;}
.comment-list-reply .reply-input{width:80%;padding-left:8%;overflow: hidden;min-height: .4rem;}
.comment-list-reply .reply-input textarea{display:block;width:100%;padding:0;border: none;background:none;height:18px;overflow: hidden;resize:none;font-size:.28rem;}
.comment-list-reply .reply-release {width: 10%;text-align: right;position: absolute;right: 0;top: 0;}
.comment-list-reply .reply-release input {display: block; border: none;background: none;float: right;color: #3676f7;}

.comment-content-bg {position: fixed;width: 100%;height:100%;overflow:hidden;left: 0;bottom: 0;z-index:99;background: rgba(0,0,0,.5);display: none;}
.no-touch .comment-content.cur,.no-touch .comment-content-detail.cur {bottom:-10%;}
.no-touch .comment-list-reply.cur {bottom:0;}
.no-touch .comment-content-bg {display: block;}

.comment-list-content-roll {height: 100%;overflow: auto;}
.comment-content-detail {position: fixed;width: 100%;overflow:hidden;left: 0;bottom: -100%;height:100%;z-index:101;display: block;transition:all .4s ease;}
.detailed-comments-list {border-radius:20px;height: 100%;overflow: hidden;display:block;}
.detailed-comments-list .comment-list-content {margin-bottom: 10px;}
.related-replies-num {font-size: .22rem;padding:3% 0 1% 0;overflow: hidden;color: #a1a4b2;}
.bottom-height {height: 200px;clear: both;background: #fff;}



/* 我的 */
.my-index {}
.my-index-top {padding:5%;overflow: hidden;position: relative;}
.my-index-top .myimg {position: relative;float: left;width: 25%;}
.my-index-top .myimg .nan {width: .3rem;height: .3rem;position: absolute;right: 0;bottom: 1%;border-radius: 100%;padding:5px; background: url("../upload/nan.png") center no-repeat #fff;background-size: 50%; box-shadow: 0px 0px 10px 0px rgba(8, 16, 124, 0.1);z-index:50;}
.my-index-top .myimg .nu {width: .3rem;height: .3rem;position: absolute;right: 0;bottom: 1%;border-radius: 100%;padding:5px; background: url("../upload/nu.png") center no-repeat #fff;background-size: 50%; box-shadow: 0px 0px 10px 0px rgba(8, 16, 124, 0.1);z-index:50;}
.my-index-top .img{width: 94%;overflow: hidden;border-radius: 100%;background: #ccc;position: relative;}
.my-index-top .img img{display: block;width: 100%;}
.my-index-top .txt{float: left;width:65%;padding:3% 0 3% 3%;}
.my-index-top .txt h2{margin: 0;font-size: .4rem;}
.my-index-top .txt span{color: #a1a4b2;font-size: .24rem;display: block;}
.mynews-tip {width: .4rem;height: .5rem;position: absolute;right: 5%;top: 50%;margin-top: -0.3rem;}
.mynews-tip a{width: .4rem;height: .5rem;display: block;background: url("../upload/myn2.png") center no-repeat;background-size: 100%;}
.mynews-tip.cur a{background: url("../upload/myn1.png") center no-repeat;background-size: 100%;}

.my-index-data {width: 95%;margin-left:5%;}
.my-index-data .mydata {text-align: center;}
.my-index-data .mydata h3{margin: 0;font-size: .4rem;}
.my-index-data .mydata span{display: block;color: #a1a4b2;font-size: .24rem;}
.my-index-data .mydata::after {content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: -33%;background: #e4e5ed;}
.my-index-data .swiper-slide:last-child .mydata::after {display: none;}

.my-index-list {padding:8% 5% 2% 5%;overflow: hidden;}
.my-index-list li{list-style: none;margin: 0;padding:4% 5% 4% 0;overflow: hidden; clear: both;position: relative; background: url("../upload/r2.png") right center no-repeat;background-size:2%;}
.my-index-list li a{display: block;overflow: hidden;}
.my-index-list li a h3{float: left;width: 70%;font-size: 0;}
.my-index-list li a h3 i{width: .35rem;display:inline-block;vertical-align: middle;margin-right: 10px;}
.my-index-list li a h3 i img {display: block;width: 100%;}
.my-index-list li a h3 span{display:inline-block;vertical-align: middle; font-size: .3rem;}
.my-index-list li a h6 {float: right;width: 30%;margin:2% 0;text-align: right;font-size: .28rem;color: #a1a4b2;}

.my-index .new-share .bottom{clear: both;padding-top:3%;border-top: 1px solid #ebedf5;margin-top: 4%;overflow: hidden;font-size: 0;}
.my-index .new-share .bottom span{font-size: .22rem;color: #a1a4b2;width: 70%;display: inline-block;}
.my-index .new-share .bottom span:last-child {text-align: right;width: 30%;}
.my-index .new-share .text em {font-style: normal;color: #ff5959;font-size: .24rem;}
.my-index .new-share {margin: 0;padding:0;}
.my-index .new-share .list {padding:0;}
.my-index .new-share .list .item{width: 90%;margin: auto auto 3% auto;}
.my-index .building-new-upload .list,.my-index .building-new-upload {margin: 0;padding:0;}

 

.knowledge-review-item {padding-bottom: 10%;}
.knowledge-review-item .item {border-radius: .16rem;padding:3%;margin:auto auto 3% auto;width:84%; box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.knowledge-review-item .top {border-bottom: 1px solid #e4e5ed;overflow: hidden;padding-bottom:4%;}
.knowledge-review-item .top .img{position: relative;float:left;width:25%;border-radius: .16rem;overflow: hidden;}
.knowledge-review-item .top .txt {float:left;width:70%;padding-left: 5%;}
.knowledge-review-item .top .txt h6{font-weight: normal;margin: 0;padding:3% 0;display: block;font-size: 0;}
.knowledge-review-item .top .txt h6 span{color: #a1a4b2;font-size: .22rem;width:80%;display: inline-block;vertical-align: middle;}
.knowledge-review-item .top .txt h6 span:last-child {width:20%;text-align: right;}
.knowledge-review-item .top .txt h3{margin: 0;font-size: .28rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.knowledge-review-item .bottom {overflow: hidden;padding-top:4%;}
.knowledge-review-item .bottom .text {clear: both;font-size: .28rem;padding-bottom:2%;}
.knowledge-review-item .bottom .operation {clear: both;overflow: hidden;}
.knowledge-review-item .bottom .operation li {list-style: none;margin: 0;padding: 0;font-size: 0;float: left;margin-right:5%;}	
.knowledge-review-item .bottom .operation li i,.knowledge-review-item .bottom .operation li span {display: inline-block;vertical-align: middle;}
.knowledge-review-item .bottom .operation li i{width: .3rem;height: .3rem;margin-right: 5px;}
.knowledge-review-item .bottom .operation li.dz1 i{background: url("../upload/d2.png") center no-repeat;background-size: 100%;}
.knowledge-review-item .bottom .operation li.hf2 i{background: url("../upload/d33.png") center no-repeat;background-size: 100%;}
.knowledge-review-item .bottom .operation li span{font-size: .24rem;color: #a1a4b2;}
.knowledge-review-item .bottom .operation li:last-child {text-align: right;float: right;margin-right:0;}
.knowledge-review-item .bottom .operation li.dz1.cur span{color: #233d52;}
.knowledge-review-item .bottom .operation li.dz1.cur i{background: url("../upload/dz2.png") center no-repeat;background-size: 100%;}
.knowledge-review-item .bottom .comment {background: #f5f6fa;padding:3% 5%;overflow: hidden;clear: both;margin-top:3%;border-radius: .16rem;}
.knowledge-review-item .bottom .comment li {color: #737580;font-size: .24rem;line-height: .4rem;padding:.5% 0;}
.knowledge-review-item .bottom .comment li strong{font-weight: normal;color: #2e2f33;}

.rating {font-size: 0;overflow: hidden;padding-bottom:2%;}
.rating .rating-star { display: inline-block;vertical-align: middle;width: 91px;height:16px; background-image: url("../upload/rating.png");background-repeat: no-repeat;}
.rating .allstar50 {background-position: left 0;}
.rating .allstar45 {background-position: left -16px;}
.rating .allstar40 {background-position: left -32px;}
.rating .allstar35 {background-position: left -48px;}
.rating .allstar30 {background-position: left -64px;}
.rating .allstar25 {background-position: left -80px;}
.rating .allstar20 {background-position: left -96px;}
.rating .allstar15 {background-position: left -112px;}
.rating .allstar10 {background-position: left -128px;}
.rating .allstar5 {background-position: left -144px;}
.rating .allstar {background-position: left -160px;}

.knowledge-review-item .top .txt h6 span {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.knowledge-review-item .item2 {border-radius: .16rem;padding:3%;margin:auto auto 3% auto;width:84%; box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.knowledge-review-item .item2 .top .img{position: relative;float:left;width:35%;border-radius: .16rem;overflow: hidden;}
.knowledge-review-item .item2 .top .txt {float:left;width:60%;padding-left: 5%;}
.knowledge-review-item .item2 .bottom .operation { border-top: 1px solid #e4e5ed;padding-top:4%;}
.knowledge-review-item .item2 .bottom .operation li.dz1 {background: #f0f1f5;padding:3px 10px;border-radius: 20px;margin-top: 0;}
.knowledge-review-item .item2 .bottom .operation li {margin-top:1%;}

.knowledge-review-item .item1 {border-radius: .16rem;padding:3%;margin:auto auto 3% auto;width:84%; box-shadow: 0px 8px 40px 0px rgba(5, 16, 26, 0.1);}
.knowledge-review-item .item1 h6{font-weight: normal;margin: 0;padding:0 0 3% 0;display: block;font-size: 0;border-bottom: 1px solid #e4e5ed;}
.knowledge-review-item .item1 h6 span{color: #a1a4b2;font-size: .22rem;width:80%;display: inline-block;vertical-align: middle;}
.knowledge-review-item .item1 h6 span:last-child {width:20%;text-align: right;}
.knowledge-review-item .item1 h3{margin: 0;font-size: .28rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.knowledge-review-item .item1 .top {overflow: hidden;padding-top: 3%;border-bottom: none;position: relative;}
.knowledge-review-item .item1 .user{font-size: 0;}
.knowledge-review-item .item1 .user i{display: inline-block;vertical-align: middle;position: relative;width: .4rem;height: .4rem;background: #ccc;border-radius: 100%;overflow: hidden;}
.knowledge-review-item .item1 .user span{display: inline-block;vertical-align: middle;font-size: .24rem;margin-left:2%;}
.knowledge-review-item .item1 .date{font-size: .22rem;color:#a1a4b2;float: right;width: 20%;}
.knowledge-review-item .item1 .bottom {border-top:none;padding-top:0;}
.knowledge-review-item .item1 .bottom .txt{float:left;width:60%;}
.knowledge-review-item .item1 .bottom .txt h2{margin: 0;font-size: .28rem;min-height:30px;}
.knowledge-review-item .item1 .bottom .txt span{color: #a1a4b2;font-size: .22rem;display: block;margin-top:5px;}
.knowledge-review-item .item1 .bottom .img{position: relative;float:right;width:35%;border-radius: .16rem;overflow: hidden;}

.follow-list-item {}
.follow-list-item .item{width: 90%;margin: auto;position: relative;overflow: hidden;margin-bottom:7%;}
.follow-list-item .item .headportrait{position: relative;float: left;width: 20%;padding-right:3%;}
.follow-list-item .item .nan{width: .3rem;height: .3rem;position: absolute;right: 0;bottom:0;border-radius: 100%;padding:5px; background: url("../upload/nan.png") center no-repeat #fff;background-size: 50%; box-shadow: 0px 0px 10px 0px rgba(8, 16, 124, 0.1);z-index: 53;}
.follow-list-item .item .nu{width: .3rem;height: .3rem;position: absolute;right: 0;bottom:0;border-radius: 100%;padding:5px; background: url("../upload/nu.png") center no-repeat #fff;background-size: 50%; box-shadow: 0px 0px 10px 0px rgba(8, 16, 124, 0.1);z-index: 53;}
.follow-list-item .item .img{position: relative;border-radius: 100%;overflow: hidden;background:#ccc;}
.follow-list-item .item .img img {display: block;width: 100%;height: auto;}
.follow-list-item .item .text{padding-left:3%;float: left;width: 60%;}
.follow-list-item .item .text h2{margin: 0;font-size: .3rem;padding:1% 0  1% 0;}
.follow-list-item .item .text span{display: block;color: #a1a4b2;font-size: .22rem;}
.follow-list-item .item .text h5{margin: 0;font-size: .22rem;padding-top: 3%;}
.follow-list-item .item .follow {position: absolute;right:0;top: 50%;margin-top: -15px;width:18%;text-align: center; font-size: 0; border:1px solid #ccc;overflow: hidden;border-radius: 50px;padding:5px 10px;}
.follow-list-item .item .follow i{display: inline-block;vertical-align: middle;width:.18rem;height:.18rem;background: url("../upload/add1.png") center no-repeat;background-size: 100%;margin: 0;padding: 0;margin-right: 5px;}
.follow-list-item .item .follow h6{display: inline-block;vertical-align: middle;margin: 0;font-size: .22rem;color: #a1a4b2;font-weight: normal;}
.follow-list-item .item .follow.cur {border:1px solid #f0f1f5;background: #f0f1f5;}
.follow-list-item .item .follow.cur i{display: none}	
		
.news-nav-three {width:95%;overflow-y:visible;overflow-x: scroll;white-space:nowrap;font-size: 0;padding-left: 5%;}
.news-nav-three::-webkit-scrollbar { width:0; height:0; display: none;} 
.news-nav-three div{display:inline-block;vertical-align: top;text-align: center;background: #f5f6fa;border-radius: 50px;padding:5px 4%; margin: 0;margin-right:3.5%;list-style: none;}
.news-nav-three div a{margin: 0;font-size: .24rem;color: #a1a4b2;display: block;text-align: center;font-weight: normal;}
.news-nav-three div.cur a{color: #233d52;font-weight: bold;}
 
.news-content-three-swiper{}
.news-content-three-swiper .knowledge-review-item {padding-top: 5%;}
					
.my-index .recommendation-nav-swiper {}
.my-index .recommendation-nav-swiper i{width:.5rem;height:.5rem;display: block;}
.my-index .recommendation-nav-swiper i.x1{background: url("../upload/x1.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x1{background: url("../upload/x11.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x2{background: url("../upload/x2.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x2{background: url("../upload/x22.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x3{background: url("../upload/x3.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x3{background: url("../upload/x33.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x4{background: url("../upload/x4.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x4{background: url("../upload/x44.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x5{background: url("../upload/x5.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x5{background: url("../upload/x55.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x6{background: url("../upload/x6.png") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x6{background: url("../upload/x66.png") center no-repeat;background-size:90% ;}

.my-index .information-slide {}
.my-index .information-slide .nums{background: #f5f6fa;padding:3% 5%;overflow: hidden;color: #a1a4b2;font-size: .24rem;}
.my-index .information-slide-list {padding:5%;overflow: hidden;}
.my-index .information-slide-list .item {overflow: hidden;margin-bottom:8%;clear: both;}
.my-index .information-slide-list .top{clear: both;position: relative;overflow: hidden;}
.my-index .information-slide-list .top .licon{float: left;width:15%;border-radius:100%;overflow: hidden;position: relative;}
.my-index .information-slide-list .top .licon img {display: block;width: 100%;}
.my-index .information-slide-list .top .rtext{float: left;width: 70%;padding-left:3%;padding-top: 3%;}
.my-index .information-slide-list .top .rtext h4{margin: 0;font-size: .28rem;}
.my-index .information-slide-list .top .rtext span{display:block;color: #a1a4b2;font-size: .22rem;}
.my-index .information-slide-list .top .rreply {background: #f0f1f5;color: #a1a4b2;font-size: .24rem;padding:3px 15px;position: absolute;top: 50%;margin-top: -15px;right: 0;border-radius: 20px;}
.my-index .information-slide-list .ctext {clear: both;font-size: .28rem;padding: 2% 0 4% 18%;}
.my-index .information-slide-list .ctext span {color: #a1a4b2;}
.my-index .information-slide-list .ctext .rating {clear: both;padding-top: 4%;padding-bottom:0;overflow: hidden;}
.my-index .information-slide-list .bitem {clear: both;background: #f5f6fa;padding:3%;margin-left: 18%;overflow: hidden;border-radius: .16rem;font-size: .2rem;}
.my-index .information-slide-list .bitem .img{float: left;width: 25%;position: relative;border-radius: .16rem;overflow: hidden;}
.my-index .information-slide-list .bitem .img.w35 {width: 35%;}
.my-index .information-slide-list .bitem .rtext.w60 {width: 60%;}
.my-index .information-slide-list .bitem .img.w15 {width: 15%;}
.my-index .information-slide-list .bitem .rtext.w80 {width: 80%;}
.my-index .information-slide-list .bitem .rtext{float: left;width: 70%;padding-left:3%;}
.my-index .information-slide-list .bitem .rtext h4{font-size: .28rem;margin: 2% 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.my-index .information-slide-list .bitem .rtext span{display:block;color: #a1a4b2;font-size: .22rem;}
.my-index .information-slide .follow-list-item {padding: 5% 0;overflow: hidden;}

.settings-index {padding: 5%;overflow: hidden;}
.settings-index li {clear: both;overflow: hidden;padding:5% 0;list-style: none;border-bottom: 1px solid #e4e5ed;position: relative;}
.settings-index li h3{display: block;margin: 0;font-size: .3rem;float: left;width:50%;}
.settings-index li .right{float: right;width:50%;text-align: right;font-size: 0;position: relative;}
.settings-index li .right span{font-size: .28rem;color: #a1a4b2;display:inline-block;vertical-align: middle;padding-right: 10px;}
.settings-index li .right i{background: url("../upload/r2.png") center no-repeat;background-size: 100%;display:inline-block;vertical-align: middle;width: .12rem;height: .2rem;}
.input-filetx {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 3;text-align: center;}
.settings-index li a.signout{text-align: center;color: #ff5959;font-size: .3rem;display: block;}


.signout-show {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 200;display: none;}
.signout-content {background: #fff;text-align: center;padding:10% 0 5% 0;border-radius: .2rem;overflow: hidden;width:80%;margin: auto;}
.signout-show img{display: inline-block;width: 20%;}
.signout-show h3{font-size: .32rem;}
.signout-show a {background: #ebedf5;color: #a1a4b2;font-size: .24rem;padding:10px 0;width:40%;display: inline-block;margin: 1%;border-radius: 30px;}
.signout-show a.cancel {}
.signout-show a.determine {background: #ff5252;color: #fff;}
.body-markbg {background: #000;opacity: .5;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: none;}
.signout-show.cur {display: block;}
.no-touch .body-markbg{display: block;}

.modify-content {position: fixed;right: -100%;top: 0;width: 100%;height: 100%;z-index: 200;background: #fff;transition:all .4s ease;}
.modify-content .header-top{position: absolute;}
.modify-content .btn{}
.modify-content .btn a{}
.modify-content .btn a.determine{}
.modify-content .news-index-header {margin-top: 15%;}
.olding {color: #a1a4b2;font-size: .24rem;background:#f0f1f5;padding: 2% 5%;margin-top: 3%;}
.modify-textarea textarea{display:block;width:100%;padding:0;border: none;background:none;min-height:100px;overflow: hidden;resize:none;font-size:.28rem;}
.modify-textarea {margin-bottom: 30px;position: relative;}
.modify-content-main .btn a.determine{display: block;text-align: center;font-size:.3rem;color: #fff;background: #3e5568;padding: 10px 0;margin: auto; width:100%;border-radius: 50px;}
.modify-content .modify-content-main {padding:5% 0;overflow: hidden;width: 90%;margin: auto;}
.modify-content-main .my-index-top .myimg {float: none;margin:auto;}
.modify-content.cur {right: 0;}
.modify-gender {padding: 5% 0;overflow: hidden;}
.modify-gender div {position: relative; width: 60%;padding:4% 0;border: 1px solid #ebedf5;border-radius: 100px;margin:3% auto;text-align: center;font-size: 0;}
.modify-gender div i{width: .3rem;height: .3rem;margin-right: 10px; display: inline-block;vertical-align: middle;}
.modify-gender div span{display: inline-block;vertical-align: middle;color: #a1a4b2;font-size: .33rem;margin: 0;}
.modify-gender div input {opacity: 0;position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}
.modify-gender div.nan i{background: url("../upload/nan1.png") center no-repeat;background-size: 100%;}
.modify-gender div.nu i{background: url("../upload/nv1.png") center no-repeat;background-size: 100%;}
.modify-gender div label {display: block;position: absolute;left: 0;top: 0;z-index:-1;width: 100%;height: 100%;border-radius: 100px;}
.modify-gender div input:checked + label {border: 1px solid #dee3ff;background: #dee3ff;}
.modify-gender div.nu input:checked + label {border: 1px solid #ffdbdb;background: #ffdbdb;}
.pwinput {border: none; border-bottom: 1px solid #e4e5ed;overflow: hidden;padding: 5% 0;display: block;width: 100%;outline: none;}
.uoloadtx {font-size: .3rem;text-align: center;padding: 5% 0;}


.my-index .news-content-swiper {padding-top: 5%;padding-bottom: 5%;}
.my-index .news-header-nav {padding: 5% 0 0 0;}
.my-index .news-nav div {padding-bottom: 0px;}


/* 个人中心 */
.user-index {}
.user-index-top {padding:5%;overflow: hidden;position: relative;}
.user-index-top .top {position: relative;}
.user-index-top .myimg {position: relative;width: 25%;}
.user-index-top .myimg .nan {width: .3rem;height: .3rem;position: absolute;right: 0;bottom: 1%;border-radius: 100%;padding:5px; background: url("../upload/nan.png") center no-repeat #fff;background-size: 50%; box-shadow: 0px 0px 10px 0px rgba(8, 16, 124, 0.1);z-index:40;}
.user-index-top .myimg .nu {width: .3rem;height: .3rem;position: absolute;right: 0;bottom: 1%;border-radius: 100%;padding:5px; background: url("../upload/nu.png") center no-repeat #fff;background-size: 50%; box-shadow: 0px 0px 10px 0px rgba(8, 16, 124, 0.1);z-index:50;}
.user-index-top .img{width: 94%;overflow: hidden;border-radius: 100%;background: #ccc;position: relative;}
.user-index-top .img img{display: block;width: 100%;}
.user-index-top .txt {float: left;width:59%;}
.user-index-top .txt h2{margin: 0;font-size: .4rem;}
.user-index-top .txt span{color: #a1a4b2;font-size: .24rem;display: block;}
.user-index-top .follow{position: absolute;right:0;top: 50%;margin-top: -20px;font-size: 0; border:1px solid #ccc;overflow: hidden;border-radius: 50px;padding:8px 20px;}
.user-index-top .follow i{display: inline-block;vertical-align: middle;width:.18rem;height:.18rem;background: url("../upload/add1.png") center no-repeat;background-size: 100%;margin: 0;padding: 0;margin-right: 5px;}
.user-index-top .follow h6{display: inline-block;vertical-align: middle;margin: 0;font-size: .24rem;color: #a1a4b2;}
.user-index-top .follow.cur i{display: none}
.user-index-top .bottom {position: relative;clear: both;padding:3% 0;overflow: hidden;}
.user-index-top .bottom .right {float: right;width: 40%;font-size: 0;text-align: right;margin-right: -3%;}
.user-index-top .bottom .right li {text-align: center;list-style: none;display: inline-block;vertical-align: middle;width: 49%;position: relative;}
.user-index-top .bottom .right li:first-child::after {content: '';display: block;position: absolute; width: 1px;height: 100%;right: 0;top: 0;background: #e4e5ed;}
.user-index-top .bottom .right li h3{margin: 0;font-size: .4rem;}
.user-index-top .bottom .right li span{color: #a1a4b2;font-size: .24rem;display: block;}

.user-index-bg {background: #f5f6fa;padding-top: 10px;overflow: hidden;}
.user-index-list {background: #fff;overflow: hidden;padding:0;}
.news-content-three-swiper .new-share  {padding: 0;}
.news-content-three-swiper .new-share .list .item{width: 90%;}
.news-content-three-swiper .new-share .bottom{clear: both;padding-top:3%;border-top: 1px solid #ebedf5;margin-top: 4%;overflow: hidden;font-size: 0;}
.news-content-three-swiper .new-share .bottom span{font-size: .22rem;color: #a1a4b2;width: 70%;display: inline-block;}
.news-content-three-swiper .new-share .bottom span:last-child {text-align: right;width: 30%;}
.news-content-three-swiper .building-new-upload .list {margin: 0;}
.news-content-three-swiper .building-new-upload {overflow: hidden;}
.news-content-three-swiper .knowledge-review-item {overflow: hidden;}

.nocontent {text-align: center;padding: 5% 0;overflow: hidden;}
.nocontent h2{color: #a1a4b2;font-size:.3rem;}

.search-list {width: 100%;margin: auto;overflow: hidden;}
.search-list .news-header-nav {padding: 5% 0 1% 0;}
.search-list .knowledge-search {width: 90%;margin: auto;}
.search-list .knowledge-search .search-input {width:84%;padding: 0 5% 0 11%;}
.search-list .new-share .list .item {width: 90%;}
.search-list .new-share  {padding: 0;}
.search-list .new-share .list {padding:0 0 5% 0;}
.search-list .new-share .bottom{clear: both;padding-top:3%;border-top: 1px solid #ebedf5;margin-top: 4%;overflow: hidden;font-size: 0;}
.search-list .new-share .bottom span{font-size: .22rem;color: #a1a4b2;width: 70%;display: inline-block;}
.search-list .new-share .bottom span:last-child {text-align: right;width: 30%;}
.search-list .knowledge-circle-swiper {padding:0 0 10% 0;}
.search-list .news-list-content {padding-top: 5%;}


.big_img {position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,.9);width: 100%;height: 100%;top: 0;left: 0;}
.big_img .swiper-container2 {height: 100%;text-align: center;}
.big_img .swiper-slide {display: table;width: 100%;height: 100%;}
.big_img .cell {display: table-cell;vertical-align: middle;}
.big_img .cell img{}


.input-image-upload {opacity: 0;display: block;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;position: absolute;}
.imgBtn {display: block;overflow: hidden;}
.faceDiv{position: fixed;bottom:-100px;left: 0;width:100%;height:auto;background-color: #fff;}
.faceDiv>img{border: 1px solid #ccc;float: left;margin-left: -1px;margin-top: -1px;position: relative;width: 24px;height: 24px;padding: 3px 3px 3px 3px;cursor: pointer;}
.faceDiv>img:hover{background-color: #efefef;}
.faceDiv>img:active{padding: 4px 3px 2px 3px;}



/* svg icon */
.my-index-list li a h3 i {width: .5rem;}
.index-header .search .index-search-submit{background:url("../upload/search.svg") center no-repeat;background-size:auto 100%;}
.bottom-nav a.bn1 i{background: url("../upload/ic11.svg") center no-repeat;background-size: 100%;}
.bottom-nav a.bn2 i{background: url("../upload/ic22.svg") center no-repeat;background-size: 100%;}
.bottom-nav a.bn3 i{background: url("../upload/ic33.svg") center no-repeat;background-size: 100%;}
.bottom-nav a.bn1.cur i{background: url("../upload/ic1.svg") center no-repeat;background-size: 100%;}
.bottom-nav a.bn2.cur i{background: url("../upload/ic2.svg") center no-repeat;background-size: 100%;}
.bottom-nav a.bn3.cur i{background: url("../upload/ic3.svg") center no-repeat;background-size: 100% 100%;}
.data li i.d1{background: url("../upload/d1.svg") no-repeat;background-size:100%;}
.data li i.d2{background: url("../upload/d33.svg") no-repeat;background-size:100%;}
.data li i.d3{background: url("../upload/d2.svg") no-repeat;background-size:100%;}
.comment-list-content .item .operation .praise i{background: url("../upload/d2.svg") no-repeat;background-size: 100%; }
.comment-list-content .item .operation .praise.cur i{background: url("../upload/dz2.svg") no-repeat;background-size: 100%;}
.comment-list-content .item .operation .reply i{background: url("../upload/pl1.svg") no-repeat;background-size: 100%;}
.comment-list-content .item .operation .reply.cur i{background: url("../upload/pl2.svg") no-repeat;background-size: 100%;}
.bottom-comments-ratings li.k1 a i {background: url("../upload/k1.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k2 a i {background: url("../upload/k2.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k3 a i {background: url("../upload/k3.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k2.cur a i{background: url("../upload/k22.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k3.cur a i{background: url("../upload/dz2.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k4 a i {background: url("../upload/fb2.svg") center no-repeat;background-size:80%;}
.search-submit{background: url("../upload/ss.svg") center no-repeat;background-size: 50%;}
.mynews-tip a{background: url("../upload/myn2.svg") center no-repeat;background-size: 100%;}
.mynews-tip.cur a{background: url("../upload/myn1.svg") center no-repeat;background-size: 100%;}
.my-index .recommendation-nav-swiper i.x1{background: url("../upload/x1.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x1{background: url("../upload/x11.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x2{background: url("../upload/x2.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x2{background: url("../upload/x22.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x3{background: url("../upload/x3.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x3{background: url("../upload/x33.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x4{background: url("../upload/x4.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x4{background: url("../upload/x44.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x5{background: url("../upload/x5.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x5{background: url("../upload/x55.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper i.x6{background: url("../upload/x6.svg") center no-repeat;background-size:90% ;}
.my-index .recommendation-nav-swiper div.cur i.x6{background: url("../upload/x66.svg") center no-repeat;background-size:90% ;}
.release-topic-btn a i {background: url("../upload/fb1.svg") center no-repeat;background-size:100%;}

.collection-likes a.collection i{background: url("../upload/sc.svg") no-repeat;background-size: 100%;}
.collection-likes a.likes i{background: url("../upload/dz.svg") no-repeat;background-size: 100%;}
.collection-likes a.collection.cur i{background: url("../upload/k22.svg") no-repeat;background-size: 100%;}
.collection-likes a.likes.cur i{background: url("../upload/dz2.svg") no-repeat;background-size: 100%;}
.search-submit{background: url("../upload/ss.svg") center no-repeat;background-size: 50%;}
.review-star i{background: url("../upload/star.svg") center no-repeat;background-size: 100%;}
.review-star.none i {background: url("../upload/star1.svg") center no-repeat;background-size: 100%;}
.page-search a{background: url("../upload/ss.svg") center no-repeat #fff;;background-size:35%;}
.bottom-comments-ratings li.k1 a i {background: url("../upload/k1.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k2 a i {background: url("../upload/k2.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k3 a i {background: url("../upload/k3.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k2.cur a i{background: url("../upload/k22.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k3.cur a i{background: url("../upload/dz2.svg") center no-repeat;background-size:100%;}
.bottom-comments-ratings li.k4 a i {background: url("../upload/k4.svg") center no-repeat;background-size:80%;}
.star_score{background:url("../upload/stark2.svg");}
.star_score a:hover{background:url(../upload/stars2.svg);}
.star_score a.clibg{background:url(../upload/stars2.svg);}
.news-search .search-submit{background: url(../upload/ss.svg) center no-repeat;background-size: 50%;}
.knowledge-circle-top .btn-right a.release-btn{background-image: url("../upload/fb.svg");}
.knowledge-circle-top .btn-right a.search-btn{background-image: url("../upload/ss2.svg");}
.release-topic-btn a i {background: url("../upload/fb1.svg") center no-repeat;background-size:100%;}
.circle-detail-btn .btns a.attachment i {background: url("../upload/dd.svg") center no-repeat;background-size: 100%;}
.circle-detail-btn .btns a.answer i {background: url("../upload/fb2.svg") center no-repeat;background-size: 100%;}
.detail-answer-list .item .bottom li.dz1 i{background: url("../upload/dz1.svg") center no-repeat;background-size: 100%;}
.detail-answer-list .item .bottom li.hf2 i{background: url("../upload/d3.svg") center no-repeat;background-size: 100%;}
.detail-answer-list .item .bottom li.dz1.cur i{background: url("../upload/dz2.svg") center no-repeat;background-size: 100%;}
.answer-btn a{width: .9rem;height: .9rem;display: block;background: url("../upload/fb2.svg") center no-repeat;background-size:35%;}
.comment-list-content .item .operation .praise i{background: url("../upload/d2.svg") no-repeat;background-size: 100%; }
.comment-list-content .item .operation .praise.cur i{background: url("../upload/dz2.svg") no-repeat;background-size: 100%;}
.comment-list-content .item .operation .reply i{background: url("../upload/pl1.svg") no-repeat;background-size: 100%;}
.comment-list-content .item .operation .reply.cur i{background: url("../upload/pl2.svg") no-repeat;background-size: 100%;}
.my-index-top .myimg .nan {background: url("../upload/nan.svg") center no-repeat #fff;background-size: 50%;}
.my-index-top .myimg .nu {background: url("../upload/nu.svg") center no-repeat #fff;background-size: 50%;}
.mynews-tip a{background: url("../upload/myn2.svg") center no-repeat;background-size: 100%;}
.mynews-tip.cur a{background: url("../upload/myn1.svg") center no-repeat;background-size: 100%;}
.knowledge-review-item .bottom .operation li.dz1 i{background: url("../upload/d2.svg") center no-repeat;background-size: 100%;}
.knowledge-review-item .bottom .operation li.hf2 i{background: url("../upload/d33.svg") center no-repeat;background-size: 100%;}
.knowledge-review-item .bottom .operation li.dz1.cur i{background: url("../upload/dz2.svg") center no-repeat;background-size: 100%;}
.follow-list-item .item .nan{background: url("../upload/nan.svg") center no-repeat #fff;background-size: 50%; }
.follow-list-item .item .nu{ background: url("../upload/nu.svg") center no-repeat #fff;background-size: 50%;}
.modify-gender div.nan i{background: url("../upload/nan1.svg") center no-repeat;background-size: 100%;}
.modify-gender div.nu i{background: url("../upload/nv1.svg") center no-repeat;background-size: 100%;}
.user-index-top .myimg .nan {background: url("../upload/nan.svg") center no-repeat #fff;background-size: 50%; }
.user-index-top .myimg .nu {background: url("../upload/nu.svg") center no-repeat #fff;background-size: 50%;}





.bottom-comment-reply .bottom .reply-expression,.comment-list-reply .reply-expression {display: none;}
.comment-list-reply .reply-input {padding-left: 0;}
.building-new-upload .list .item a .txt h2,.index-news .list a .left,.index-topic .list .item .text span,.knowledge-circle-swiper .text span
{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.building-new-upload .list .item a .txt h5 {min-height:.7rem;}



.my-index .news-content-swiper .swiper-container-autoheight .swiper-wrapper {height: auto;}
.building-detail-top .right h2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.building-new-upload .list .item a .txt .bottom span:last-child {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;o}
.building-detail-top .right {padding: 0 0 0 5%;}
.circle-detail-text video {width:100%!important;height:auto!important;}
.knowledge-circle-type {display: none;}
.my-index-data {display: none;}
.no-touch .document-preview.cur {bottom: 0!important;;}
.document-preview .document-preview-content-bg,.document-preview .document-preview-content {border-radius: 0px;}
.document-preview-detailed {padding: 0;}
.document-preview-content-roll .name-state h4 {font-size: .2rem;}
.document-preview-content-roll .name-state {padding: 2% 5%;}
.index-topic .list .item .text span{display: block;}
.no-touch .comment-content.cur, .no-touch .comment-content-detail.cur {bottom: 0;}
.comment-content-list-bg ,.detailed-comments-list{border-radius: 0px;}

.building-index-list .architecture-swiper .item .title {width: 90%;}
.building-project-introduction .introduction img {height:auto!important;}
.nocontent {min-height: 315px;}

a,button,input,textarea,label,i,em{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance: none; }
a, a:hover, a:visited, a:link, a:active , a:focus {
	-webkit-appearance: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*解决手机版点击背景问题*/
}








