@charset "utf-8";
/*css样式初始化*/
@import "//at.alicdn.com/t/font_684309_tcbc46yz2u.css";
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}   
body {
-webkit-touch-callout:none;
	-webkit-overflow-scrolling: touch;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
html{background:#f7f8fa;overflow:auto;}
*{-webkit-tap-highlight-color:transparent;box-sizing: border-box;}
body,html{width:100%;height:100%;font-size:15px;font-family:"Microsoft YaHei", "微软雅黑",PingFangSC-Regular,PingFang SC,PingFangSc-Semibold,Helvetica, Tahoma, Arial,serif, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑","PingFangSC-Regular","PingFang SC","PingFangSc-Semibold", sans-serif;color:#121d33; }
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover,input:hover{ text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus,input:focus{-webkit-tap-highlight-color:transparent;-moz-outline-style:none; border:0px;}
body,div,dl,dt,dd,ul,ol,li,span,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;}
ol,li,ul,dl,dt,dd{list-style:none;}
img {border:0}
input,textarea{outline: none;}
table{border-collapse:collapse; border-spacing:0;}
#wrapper-s{height:100vh;-webkit-overflow-scrolling:touch;overflow:auto;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.fl{float:left;}
.fr{float:right;}
.feedback{
    background-color: #f6f6f6 !important;
}
.topgo{
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	bottom: 20px;
	right: 15px;
	border-radius: 20px;
	font-size: 25px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	z-index: 99;
}
.topgo i{
	font-size: 25px;
}

/*加载动画*/
/*layer.msg('<div class="loading-container"><div class="ball-container"><div class="ball-one"></div><div class="ball-two"></div><div class="ball-three"></div></div></div>加载中...');*/
.loading-container {
	margin:15px auto;
	width: 42px;
}

.ball-container::after {
	content: "";
	display: block;
	clear: both
}

.ball-container div {
	position: relative;
	width: 10px;
	height: 10px;
	background-color: #fff;
	float: left;
	border-radius: 50%;
	margin: 0 2px
}

.ball-one {
	-webkit-animation-name: ball-animation;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite
}

.ball-two {
	-webkit-animation-name: ball-animation;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: .25s
}

.ball-three {
	-webkit-animation-name: ball-animation;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: .5s
}


@-webkit-keyframes ball-animation {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}

	75% {
		-webkit-transform: scale(1);
		opacity: 1
	}
}
/*加载动画end*/
.p5{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.p3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.p2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.p1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

[v-cloak] {
	display: none !important;
}

/*底部菜单*/

.menu{
	width: 100%;
	height: 55px;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	background: #fafbfe;
}
.menu:before{
	content: "";
	display: block;
	width: 200%;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-top: 1px solid #e0e0e0;
}
.menu a{
	width: 20%;
	text-align: center;
	font-size: 10px;
	display: block;
}
.talk-menu a{
	width: 33.333333% !important;
}
.menu a div{
	width: 25px;
	height: 25px;
	background-size:110% !important;
	margin:7px auto 3px auto;
}

/*监管*/
.superviseHeader{
	width: 100%;
	height: 210px;
	position: relative;
}
.superviseHeader .supSelect{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.superviseHeader .supSelect .text{
	width: 100%;
	font-size: 23px;
	color: #fff;
	margin-top: 50px;
	text-align: center;
}
.superviseHeader .supSelect .search{
	width: calc(100% - 40px);
	margin-left: 20px;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	background: #fff;
	margin-top: 50px;
	border-radius: 5px;
	color: #999;
}
.hotSearch{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	padding: 0 20px;
	background: #fff;
}
.hotSearch:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.hotSearch span:first-child{
	color: #999;
}
.hotSearch span{
	margin-right: 5px;
}
.region{
	width: 100%;
	background: #fff;
	padding-bottom: 20px;
}
.region li{
	width: 33.333%;
	font-size: 12px;
	color: #444;
	text-align: center;
}
.region li div{
	width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    margin: 10px auto 10px;
    justify-content: center;
    line-height: 45px;
    border-radius: 20px;
    text-align: center;
}
.region li div img{
	width: 38px;
}
.region li div i{
	font-size: 40px;
	color:#265E8A
}
.mechanism{
	width: 100%;
	padding:20px 20px;
	background: #fff;
	margin-top: 10px;
}
.supitem{
	width: 100%;
	padding:10px 15px 0;
	background: #fff;
}
.mechanism .item,.supitem .item{
	display: flex;
	flex-direction: row;
	padding:20px 0;
	position: relative;
}
.mechanism .item:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.mechanism .item:last-child:after{
	border-bottom: none;
}
.mechanism .item .cont,.supitem .item .cont{
	width: calc(100% - 70px);
	padding-right: 10px;
}
.mechanism .item .icon,.supitem .item .icon{
	width: 70px;
	height: 70px;
	background-size: cover !important;
}
.mechanism .item .cont .name,.supitem .item .cont .name{
	font-size: 17px;
	width: 100%;
}
.mechanism .item .cont .enName,.supitem .item .cont .enName{
	font-size: 10px;
	width: 100%;
	color: #888;
}
.mechanism .item .cont .info,.supitem .item .cont .info{
	display: flex;
	flex-direction: row;
	margin-top: 3px;
}
.mechanism .item .cont .info li,.supitem .item .cont .info li{
	width: 100%;
	line-height: 22px;
}
.mechanism .item .cont .info li span,.supitem .item .cont .info li span{
	font-size: 12px;
}
.mechanism .item .cont .info li div,.supitem .item .cont .info li div{
	font-size: 12px;
	color: #999
}
.mechanism .often{
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	font-weight: bold;
}
.mechanism .often:before{
	content: "";
	display: block;
	position: absolute;
	height: 20px;
	left: 20px;
	border-left: 3px solid #1c99f6;
}
.searchInput{
	width: calc(100% - 70px);
	background: #efefef;
	height: 30px;
	line-height: 30px;
	margin-top: 9px;
	border-radius: 5px;
	padding: 0 10px;
	color: #999;
	position: relative;
}
.searchInput input{
	width: calc(100% - 36px);
	height: 100%;
	position: absolute;
	border:none;
	color: #444;
	background: #efefef;
	padding:0 5px;
	outline: none;
}
/*.searchText{
	width: 50px;
	text-align: center;
	height: 48px;
	font-size: 14px;
	color: #666;
}*/

/*工商信息内容页*/
.searchMain{
	width: 100%;
}
.infoList{
	width: 100%;
}
.infoList:first-child{
	margin-top: 10px;
}
.infoList .tag{
	width: 100%;
	display: flex;
	flex-direction: row;
	font-weight: bold;
	color: #444;
	font-size: 16px;
	height: 45px;
	position: relative;
	line-height: 45px;
	padding:0 15px;
	background-color: #fff;
}
.infoList .tag .numBtn{
	text-align:right;
	font-size: 12px;
	color: #999;
	font-weight: initial;
	width: 100%;
}
.infoList .tag .name{
	width: 100%;
}
.infoList .tag .numBtn span{
	margin-left: 10px;
	display: inline-block;
}
.infoList .tag .numBtn i{
	font-size: 12px;
	font-weight: bold;
}
.infoList .tag:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.infoList .info{
	width: 100%;
	padding: 20px 15px;
	margin-bottom: 10px;
	background-color: #fff;
}
.infoList:last-child .info{
	padding: 0 15px;
}
.infoList:last-child .info{
	margin-bottom: 0px;
}
.infoList .info .item{
	width: 100%;
	font-size: 14px;
	display: flex;
	margin-top: 15px;
	flex-direction: row;
}
.infoList .info .item:first-child{
	margin-top: 0;
}
.infoList .info .item .label{
	color: #999;
	min-width:27%;
}
.infoList .info .item .label span{
	color: #333;
	margin-left: 20px;
}
.infoList .info .item .cont{
	width: 100%;
}
.infoList .info .item img{
	width: 40px;
	height: 40px;
	margin-right: 20px;
	border-radius: 100%;
	margin-top: 5px;
}
.infoList .info .item .name{
	color: #138bec;
	font-size: 15px;
}
.infoList .info .item .fenzhi{
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: flex;
	position: relative;
	flex-direction: row;
}
.infoList .info .item .fenzhi:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.infoList .info .item:last-child .fenzhi:after{
	border:none;
}
.infoList .info .item .fenzhi .fzName{
	font-size: 15px;
	width: 100%
}
.infoList .info .item .fenzhi .rBtn i{
	font-size: 15px;
	color: #999
}

.infoList .info .item .name span{
	color: #999;
	font-size: 12px;
	margin-left: 20px;
}
.infoList .info .item .upContMain{
	width: 100%;
	padding-bottom:20px;
	position: relative;
}
.infoList .info .item:last-child .upContMain{
	padding-bottom: 0;
}
.infoList .info .item:last-child .upContMain:after{
	border:none;
}
.infoList .info .item .upContMain:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.infoList .info .item .upContMain .upHeader,
.infoList .info .item .upContMain .upCont{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.infoList .info .item .upContMain .upHeader{
	margin-bottom: 10px;
	height: 27px;
	line-height: 27px;
}
.infoList .info .item .upContMain .upCont{
	background-color: #F6F6F6;
	border-radius: 5px;
	padding:10px 0;
}
.infoList .info .item .upContMain .upCont .upBefore,
.infoList .info .item .upContMain .upCont .upAfter,
.infoList .info .item .upContMain .upHeader .upTag,
.infoList .info .item .upContMain .upHeader .upTime{
	width: 100%;
}
.infoList .info .item .upContMain .upCont .upBefore span,
.infoList .info .item .upContMain .upCont .upAfter span{
	font-size: 15px;
	color: #999;
}
.infoList .info .item .upContMain .upCont .upBefore div,
.infoList .info .item .upContMain .upCont .upAfter div{
	font-size: 14px;
	margin-top: 5px;
	color: #333;
	line-height: 25px;
}
.infoList .info .item .upContMain .upCont .upAfter,
.infoList .info .item .upContMain .upCont .upBefore{
	padding:0 10px;
	position: relative;
}
.infoList .info .item .upContMain .upCont .upAfter:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-left: 1px solid #E9E9E9;
}
.infoList .info .item .upContMain .upHeader .upTime{
	font-size: 11px;
	color: #999;
	text-align: right;
}
.infoList .info .item .upContMain .upHeader .upTag{
	padding-left: 10px;
}
.infoList .info .item .upContMain .upHeader .upNum{
	min-width: 27px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 18px;
	border-radius: 5px;
	color: #666;
	background-color: #F6F6F6
}
.w100{
	width: 100%;
}
.h40{
	height: 50px;
	position: relative;
	line-height: 50px;
}
.h40:after{
	content: "";
	display: block;
	position: absolute;
	left: 60px;
	bottom: 0;
	width: calc(200% - 120px);
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F3F3F3;
}
.h40:last-child:after{
	border:none;
}
.fenzhiTop{
	margin-top: 0 !important;
}
.gotop{
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: fixed;
	bottom: 50px;
	right: 40px;
	display: none;
	background-color: #fff;
	box-shadow: -1px 1px 1px #E4E4E4;
	border-radius: 100%;
}
.gotop i{
	font-size: 25px;
	color: #138bec
}
/*工商信息内容页END*/
.searchMain,.superviseCont{
	padding-top: 48px;

}

.searchHistory{
	width: 100%;
	background: #fff;
	position: absolute;
	min-height: calc(100% - 48px);
}
.searchHistory .tag{
	width: 100%;
	display: flex;
	position: relative;
	padding:20px 20px 10px 10px;
	flex-direction: row;
	font-size: 12px;
}
.searchHistory .tag:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eaeaea;
}
.searchHistory .tag span{
	width: 50%;
	color: #888;
}
.searchHistory .tag span i{
	font-size: 12px
}
.searchHistory .tag span:last-child{
	text-align: right;
}
.historyItem .item{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 5px;
	margin:10px;
	color: #666;
	background: #F6F6F6;
}
.superviseCont .header{
	width: 100%;
	background: #fff;
	padding:20px;
}
.superviseCont .header .cont{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.superviseCont .header .info{
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 20px;
}
.superviseCont .header .info li{
	width: 25%;
	line-height: 25px;
	text-align: center;
	position: relative;
}
.superviseCont .header .info li:after{
	content: "";
	display: block;
	position: absolute;
	top: 13px;
	width: 200%;
	height: 100%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-right: 1px solid #e0e0e0;
}
.superviseCont .header .info li:last-child:after{
	border-right: none;
}
.superviseCont .header .info li div{
	font-size: 12px;
	color: #999;
}
.superviseCont .header .cont .icon{
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background-size: cover !important;
}
.superviseCont .header .cont .text{
	width: calc(100% - 50px);
	padding-left: 20px;
}
.superviseCont .header .cont .text .name{
	font-size: 16px;
	font-weight: bold;
}
.superviseCont .header .cont .text .enName,.superviseCont .header .cont .text .url{
	font-size: 12px;
	color: #666;
}
.superviseCont .contBody .contItem{
	width: 100%;
	margin-top: 10px;
	padding: 10px 20px;
	background: #fff;
}
.superviseCont .contBody .contItem .tag{
	font-weight: bold;
	color: #444;
	height: 20px;
	padding-left: 10px;
	position: relative;
	line-height: 20px;
	padding-bottom: 10px;
}
.superviseCont .contBody .contItem .cont{
	padding-top: 20px;
	padding-left: 10px;
	width: 100%;
	word-break:break-all;
	word-wrap:break-word;
}
.superviseCont .contBody .contItem .cont img{
	max-width: 100%;
}
.superviseCont .contBody .contItem .tag:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	left: -20px;
	width: calc(200% + 80px);
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eaeaea;
}
.superviseCont .contBody .contItem .tag:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	border-left: 3px solid #439AD7;
}
/*首页样式*/

.main{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}
.footer{
	width: 100%;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #A2A2A2;
	font-size: .9em;
}
.main-list{
	padding-bottom: 0 !important;
}

.main .header{
	width: 100%;
	background: -webkit-linear-gradient(#1c82d4, #1c82d4, #4396D9); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#1c82d4, #1c82d4, #4396D9); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#1c82d4, #1c82d4, #4396D9); /* Firefox 3.6 - 15 */
	background: linear-gradient(#1c82d4, #1c82d4, #4396D9); /* 标准的语法 */
}
.main .header .query-add{
	width: 100%;
	padding:15px 10px 5px 15px;
}
.main .header .s-header{
	width: 100%;
	height: 48px;
	color: #fff;
	line-height: 48px;
	position: fixed;
	background:#1c82d4;
	z-index: 999;
	padding: 0 5px 0 10px;
}
.main .header .s-header .s-add{
	font-size: 14px;
	width: 50px;
	margin-right: -6px;
}
.main .header .s-header i{
	margin:0 5px;
}
.main .header .query-add .query{
	width:calc(100% - 74px);
	height:25px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 25px;
	border-radius: 3px;
	color: #fff;
	background-color: rgba(0,0,0,0.15);
}
.main .header .query-add .query i{
	margin-right:5px;
	margin-left:5px;
	font-size: 12px;
}
.main .header .query-add .add{
	width: 64px;
	color: #fff;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
.main .header .query-add .add .w{
	width: 48px;
}
.main .header-menu{
	width: 100%;
}
.main .header-menu li{
	width: 25%;
	list-style: none;
	display: block;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}
.main .header-menu .select div{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin:8px auto;
	/*background:url(../images/select.png) center no-repeat;*/
	background-size: 90%;
}
.main .header-menu .supervise div{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin:8px auto;
	/*background:url(../images/supervise.png) center no-repeat;*/
	background-size: 90%;
}
.main .header-menu .tool div{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin:8px auto;
	/*background:url(../images/tool.png) center no-repeat;*/
	background-size: 90%;
}
.main .header-menu .trend div{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin:8px auto;
	/*background:url(../images/trend.png) center no-repeat;*/
	background-size: 90%;
}
.main .fenlei{
    width: 96%;
    border-radius: 10px;
    margin-left: 2%;
    margin-top: 10px;
    background: #fff;
    padding: 3px;
}
.main .fenlei li{
	width: 25%;
	height: 66px;
	border-radius: 3px;
	overflow: hidden;
	list-style: none;
	display: block;
	font-size: 12px;
	cursor:pointer;
	text-align: center;
	padding:10px auto;
}
.main .fenlei li div{
	width: 25px;
	height: 25px;
	background-size: cover !important;
	margin:10px auto 5px auto;
}
.main .ad{
    width: 96%;
    height: 80px;
    margin-top: 10px;
    margin-left: 2%;
    overflow: hidden;
    border-radius: 10px;
    box-sizing: border-box;
    background: #fff;
}
.main .ad a{
	display: block;
	width: 100%;
	height: 80px;
}
.main .ad a img{
	width: 100%;
	height: 100%;
}
.main .hot{
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-top: 8px;
	background:#fff;
}
.main .hot .title{
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #F17A3C;
	font-size: 14px;
	text-align: center;
}
.main .hot .item{
	width: 25%;
	padding: 2px;
	margin-bottom: 10px;
}
.main .hot .item .cont{
	width: 100;
	height: 100%;
	padding: 5px;
	border-radius: 5px;
	background: #FAFAFA;
}
.main .hot .item .pic{
	width: 100%;
	border-radius: 5px;
	background-size: cover !important;
}
.main .hot .item .name{
	font-size: 12px;
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
.main .tj-top{
    width: 96%;
    margin-left: 2%;
    border-radius: 10px;
    height: 70px;
    margin-top: 10px;
    background: #fff;
}
.main .tj-top .title{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #F13C3C;
	line-height: 40px;
}
.main .tj-top .desc{
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: #989898
}
.main .tuijian{
	width: 100%;
	height: 110px;
	background: #fff;
	margin-top: 4px;
	padding: 12px 15px;
	box-sizing: border-box;
}
.main .tuijian .pic{
	width: 86px;
	height: 86px;
	border-radius: 5px;
	margin-right: 10px;
	background: #E3E3E3;
	background-size: cover !important;
}
.main .tuijian .cont{
	width: calc(100% - 96px);
	margin-top: 12px;
}
.main .tuijian .cont .title{
	width: 100%;
	font-size: 14px;
	color: #000;
}
.main .tuijian .cont .tjz{
	font-size: 11px;
	color: #1c82d4;
	margin-top: 5px;
}
.main .tuijian .cont .tjz .add{
	color: #989898
}
.main .tuijian .cont .desc{
	width: 100%;
	margin-top: 4px;
	font-size: 11px;
	color: #989898
}
.main .tuijian .cont .desc font{
	font-size: 15px;
}
.main .tuijian .cont .product{
	font-size: 12px;
}
.main .tuijian .cont .product font{
	position: relative;
	font-size: 8px;
	color: #1c82d4;
	padding:  4px 3px;
	text-align: center;
	box-sizing: border-box;
}
.main .tuijian .cont .product font:before {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	border: 1px solid #1c82d4;
	border-radius: 5px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*行情*/
.quotList{
	width: 100%;
	margin-top: 35px;

}
.quotTab{
	background-color: #eef7fe;
	position: fixed;
	z-index: 1;
	width: 100%;
}
.quotTab li{
	width: 16.666%;
	height: 35px;
	color: #0e7bce;
	line-height: 35px;
	text-align: center;
}
.quotHot li{
	font-family: "Microsoft Yahei";
	width: calc(33.333% - 7px);
	height: 78px;
	margin:10px 0 10px 5px;
	background-color: #fff;
	text-align: center;
	padding:10px 0;

}
.classify li{
	font-family: "Microsoft Yahei";
	width: 33.333%;
	height: 78px;
	position: relative;
	background-color: #fff;
	text-align: center;
	padding:10px 0;

}
.classify li:nth-child(5):after,.classify li:nth-child(6):after,.classify li:nth-child(7):after{
	content: '';
	position: absolute;
	width: 200%;
	left: 0;
	top: 0;
	border-top: 1px solid #dcdcdc;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);

}
.classify li:before{
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
	z-index: 1;
	border-right: 1px solid #dcdcdc;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);

}
.quotHot li .name,.quotHot li .new,.classify li .name,.classify li .new{
	font-size: 12px;
}
.quotHot li .new,.classify li .new{
	font-weight: bold;
	margin:5px 0;
}
.quotHot li .updown,.classify li .updown{
	font-size: 10px;
}
.quotHot li .updown span,.classify li .updown span{
	width: 50%;
	display: inline-block;
}
.classifyTop{
	color: #0e7bce;
	padding:10px;
}


.quotItem{
	width: 100%;
	text-align:center;
}
.listName{
	position: fixed;
	width: 100%;
	z-index: 2;
}
.listName .item{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.listName .item li{
	width: 100%;
	font-size: 10px;
	text-align: center;
	height: 20px;
	color: #888;
	z-index: 2;
	line-height: 20px;
	background-color: #ececec;
}
.listdData1{
	width: 100%;
	padding-top: 20px;
}
.listdData1 .data{
	width: 100%;
	display: flex;
	flex-direction: row;
	height: 60px;
	line-height: 60px;
	position: relative;
	background-color: #fff;
	font-size: 16px;
	color: #555;
	font-family: "Microsoft Yahei";
}
.listdData1 .data:before{
	content: '';
	position: absolute;
	width: 200%;
	left: 0;
	bottom: 0;
	border-top: 1px solid #dcdcdc;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
}
.listdData1 .data li{
	width: 100%;
	padding: 0 5px;
}
.listdData1 .data li span{
	width: 100%;
	border-radius: 3px;
	font-weight: bold;
	line-height: normal;
	display: inline-block;
}









.listTitle{
	font-size: 10px;
	text-align: center;
	height: 20px;
	color: #888;
	line-height: 20px;
	background-color: #ececec;
}
.listData{
	font-family: "Microsoft Yahei";
	font-size: 16px;
	text-align: center;
	height: 60px;
	position: relative;
	line-height: 60px;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: row 
}
.listData:after{
	content: '';
	position: absolute;
	width: 200%;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #dcdcdc;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
}
.listTitle .name{
	position: fixed;
	background-color: #ececec;
}
.listData .name{
	position: fixed;
	overflow-y:scroll; 
	color: #555;
	z-index: 1;
	background-color: #fff;
}
.listTitle{
	position: fixed;
	z-index: 1;
}
.listTitle .rightTitle{
	position: fixed;
	overflow-x:scroll;
	width: 100%;
	display: flex;
	flex-direction: row 
}
.listData .rightTitle{
	display: flex;
	flex-direction: row 
}
.rightTitle li{
	width: 106px;
	padding: 0 5px;
}
.listData .rightTitle li{
	font-weight: bold;
}
.listData .rightTitle li span{
	width: 100%;
	line-height: normal;
	display: inline-block;
}
.quotContTop{
	width: 100%;
	background-color: #fff;
	padding: 0 20px 0 30px;
	font-family:"Microsoft Yahei";
}
.quotContTop .new{
	font-size: 30px;
	height: 70px;
	line-height: 70px;
	font-weight: bold;
}
.quotContTop .declines{
	text-align: right;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
}
.quotContTop .declines li{
	height: 25px;
	line-height: 25px;
}
.quotContTop .declines li:last-child{
	font-size: 12px;
	font-weight: normal;
}
.heightNum li{
	font-family:"Microsoft Yahei";
	width: 50%;
	height: 40px;
	color: #888;
	background-color: #fff;
	line-height: 40px;
	position: relative;
	padding-left: 30px;
}
.heightNum li span{
	margin-left: 10px;
	color: #666;
}
.heightNum li:nth-child(1):before{
	content: '';
	position: absolute;
	width: 400%;
	left: 0;
	top: 0;
	z-index: 1;
	border-top: 1px solid #dcdcdc;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
}
.heightNum li:nth-child(1):after,.heightNum li:nth-child(3):after{
	content: '';
	position: absolute;
	width: 400%;
	left: 0;
	bottom: -1px;
	z-index: 1;
	border-bottom: 1px solid #dcdcdc;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
}
.heightNum li:nth-child(3):before{
	content: '';
	position: absolute;
	height: 160px;
	width: 200%;
	left: 0;
	top: -40px;
	z-index: 1;
	border-right: 1px solid #dcdcdc;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
}
.chart{
	width: 100%;
	min-height: 300px;
	background-color: #fff;
	margin-top: 20px;
	padding-top: 50px;
}
.chart span i{
	font-size: 50px;
}
.chart span{
	display: block;
	width: 80%;
	height:200px;
	margin:0 auto ;
	padding-top: 50px;
	font-size: 30px;
	color: #888;
	text-align: center;
	border:2px dashed #3E9540;
}
/*分类列表页*/

.main .list-header{
	width: 100%;
	height: 48px;
	position: fixed;
	z-index: 10;
	line-height: 48px;
	background: #1c82d4;
}
.main .class-list{
	padding-top: 48px;
}
.main .list-header .back{
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	margin-left: 15px;
	position: relative;
	top:9px;
	background: url(/skin/images/back-w.png) no-repeat left;
	background-size: 40%;
}
.main .list-header .class{
	display: block;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 1px;
	height: 24px;
	line-height: 25px;
	width: 50px;
	color: #fff;
	margin-right:10px;
	top: 12px;
	position: relative;
	overflow: hidden;
}
.main .list-header .class:after{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	bottom: 0px;
	right: 0px;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;

}
.main .list-header .select{
	display: block;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	font-size: 12px;
	letter-spacing: 1px;
	height: 30px;
	top: 9px;
	width: calc(100% - 145px);
	margin-right: 10px;
	color: #E0E0E0;
	background-color: rgba(0,0,0,0.1);
	line-height: 30px;
	position: relative;
	overflow: hidden;
}
.main .list-header .select .select-cont{
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	width: 100%;
	height: 100%;
	padding-left: 29px;
}
.main .list-header .select .c{
	position: absolute;
	left: 5px;
	top: 3px;
	background: url(/skin/images/fdj.png) no-repeat center;
	display: block;
	width: 24px;
	height: 24px;
	background-size: 60%;
}
.main .list-header .select .y{
	position: relative;
	right:35px;
	float: right;
	top: 3px;
	background: url(/skin/images/mc.png) no-repeat center;
	display: block;
	width: 24px;
	height: 24px;
	background-size: 40%;
}
.main .list-header .add{
	display: block;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 1px;
	height: 30px;
	width: 20px;
	top: 9px;
	color: #fff;
	background: url(/skin/images/add.png) no-repeat center;
	background-size: 73%;
	line-height: 30px;
	position: relative;
	overflow: hidden;
}
.main .ad-list{
	width: 100%;
	height: 135px;
	margin-bottom: 8px;
	background:#fff;
}
.main .ad-list a{
	display: block;
	width: 100%;
	height: 135px;
}
.main .ad-list a div{
	width: 100%;
	height: 100%;
	background-size: cover !important
}
/*分类认证信息详情*/
.classInfo{
	width: 100%;
	padding-top: 48px;
	background:#fff;
}
.classInfo .icon{
	width: 70px;
	height: 70px;
	border-radius: 100%;
	margin:20px auto 10px;
	background-size: cover !important;
}
.classInfo .name{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.classInfo .desc{
	text-align: center;
	font-size: 14px;
	color: #888;
	width: 70%;
	margin:25px auto 0;
}
.classInfo .textNum{
	text-align: center;
	font-size: 14px;
	color: #888;
	margin-top: 25px;
}
.classInfo .textNum span{
	color: #444;
}
.classInfo .btnAdd{
	width: 260px;
	margin:0 auto;
	padding:25px 0 50px;
	display: flex;
	flex-direction: row;
}
.classInfo .btnAdd .sendMsg,.classInfo .btnAdd .lookAdd{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	border:1px solid #38A8D6;
	color: #38A8D6;
}
.classInfo .btnAdd .sendMsg{
	margin-right: 20px;
}
.unfollow{
	width: 100%;
	height: 50px;
	background: #fff;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #FB2626;
	margin:20px auto;
}
.unfollowTisp{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 100;
	background: rgba(0,0,0,.5);
}
.unfollowTisp .contBorder{
	width: 80%;
	position: absolute;
	top: 40%;
	left: 10%;
	background: #fff;
	border-radius: 3px;
	padding:25px 20px 20px;
}
.unfollowTisp .contBorder .cont{
	margin-bottom: 10px;
}
.unfollowTisp .unBtn{
	width: 100%;
	display: flex;
	flex-direction: row;
	text-align: right;
}
.unfollowTisp .unBtn .clearBtn{
	width: 60%;
	color: #999;
}
.unfollowTisp .unBtn .rightBtn{
	width: 40%;
	color: #38A8D6;
}
.classHistoryTag{
	padding-top: 68px;
	font-size: 14px;
	color: #999;
	background: #fff;
	padding:68px 20px 10px 20px;
}
.HistoryItme{
	width: 100%;
	padding: 20px;
	background: #fff;
	position: relative;
	display: flex;
	flex-direction: row;
}
.HistoryItme:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-top: 1px solid #e0e0e0;

}
.HistoryItme .titleDate{
	width: calc(100% - 110px);
	padding-right: 20px;
}
.HistoryItme .titleDate .title{
	font-size: 18px;
	line-height: 25px;
}
.HistoryItme .titleDate .date{
	font-size: 14px;
	color: #999;
	margin-top: 10px;
	font-family: "Microsoft Yahei";
}
.HistoryItme .icon{
	width: 110px;
	height: 85px;
	background-size: cover !important;
}
.complaintMain{
	padding-top: 48px;
}
.complaintType{
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #888;
}
.complaintSubject{
	height: 70px;
	display: flex;
	padding:15px 20px;
	flex-direction: row;
	background: #fff;
	font-size: 16px;
}
.comBorder:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;

}
.comBorder:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 200%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-top: 1px solid #e0e0e0;

}
.complaintSubject .icon{
	height: 40px;
	width: 40px;
	margin-right: 20px;
	border-radius: 100%;
	background-size: cover !important;
}
.complaintSubject .infotype div{
	height: 20px;
	line-height: 20px;
}
.complaintSubject .infotype .type{
	font-size: 14px;
	color: #888;
}
.complaintInfo{
	width: 100%;
	padding:0 20px;
	background: #fff;
}
.complaintInfo textarea{
	width: 100%;
	height: 100px;
	resize:none;
	outline: none;
	padding:10px 0;
	border:none;
	font-size: 16px;
	background: #fff;
}
.complaintInfo .words{
	text-align: right;
	font-family: "Microsoft Yahei";
	color: #999;
	position: relative;
	padding-bottom: 15px;
}
.complaintInfo .words:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom:0;
	width: calc(200% + 40px);
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.complaintInfo .tag{
	display: flex;
	flex-direction: row;
	padding-top: 10px;
}
.complaintInfo .tag div{
	width: 100%
}
.complaintInfo .tag .picTag{
	font-size: 16px;
}
.complaintInfo .tag .picNum{
	text-align: right;
	font-family: "Microsoft Yahei";
	color: #999;
}
.complaintInfo .upPic{
	width: 100%;
	padding-bottom: 20px;
}
.complaintInfo .upPic .imgCont{
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-right: 20px;
	background-size: cover !important;
}
.complaintInfo .upPic .upPicBtn{
	width: 80px;
	height: 80px;
	margin-top: 10px;
	text-align: center;
	line-height: 80px;
	border:1px dashed #ccc;
}
.complaintInfo .upPic .upPicBtn i{
	font-size: 30px;
	color: #ccc;
}
.submitBtn{
	width: calc(100% - 40px);
	margin-left: 20px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	border-radius: 3px;
	background: #38A8D6
}
.infoAuto{
	padding: 48px 20px 20px 0;
	min-height: 100%;
	background: #fff;
}
.infoAuto .contM{
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
}
.infoAuto .contM .icon{
	width: 40px;
	text-align: center;
	margin:13px 0;
}
.infoAuto .contM .contItem{
	width: calc(100% - 40px);
}
.infoAuto .contM .contItem .tag{
	font-size: 16px;
	margin:10px 0;
}
.infoAuto .contM .contItem span{
	font-size: 14px;
	color: #999;
}
.complainType{
	padding-top: 68px;
	padding-left: 10px;
	margin-bottom: -10px;
	font-size: 14px;
	color: #888;
}

/*分类列表内容页*/

.cont-header{
	width: 100%;
	height: 48px;
	line-height: 48px;
	z-index: 999;
	color: #fff;
	position: fixed;
}
.cont-header-after:after{
	content: "";
	display: block;
	width: 200%;
	bottom: -1px;
	position: absolute;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.cont-header .title{
	display: block;
	color: #fff;
	position: relative;
}
.cont-img-top{
	width: 100%;
	height: 150px;
	background-size: 100% 100% !important;
	position: relative;
}
.cont-img-top:after{
	content:'';
	width: 100%;
	position: absolute;
	height: 150px;
	background:rgba(0,0,0,.2);   
}
.cont-img-top-logo{
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	display: block;
	z-index: 99
}
.cont-img-top-logo .logo{
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 15px;
	background-size: cover !important;
	border-radius: 2px;
}
.cont-img-top-logo .title{
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 70px;
	color: #E9E9E9;
}
.cont-img-top-logo .look{
	width: 50px;
	height: 22px;
	font-size: 14px;
	display: block;
	bottom: 19px;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
	color: #E9E9E9;
	border:solid 1px #E9E9E9;
	position: absolute;
	right: 15px;
}
.cont-menu{
	width: 100%;
	height: 150px;
	background: #fff;
}
.cont-menu a{
	display: block;
	width: 25%;
	height: 75px;
	font-size: 12px;
	text-align: center;
	color: #444;
}
.cont-menu a .icon{
	width: 25px;
	height: 25px;
	background-size: cover !important;
	margin:15px auto 5px auto;
}
.cont-ad{
	width: 100%;
	margin-top: 10px;
}
.cont-ad .img{
	background-size: cover !important;
	width: 100%;
	height: 120px;
}
.cont-main{
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
.cont-main .items{
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
.cont-main .items .date{
	color: #fff;
	display: inline-block;
	margin: 13px auto;
	height: 20px;
	padding: 0 4px;
	font-size: 12px;
	line-height: 21px;
	position: relative;
}
.cont-main .items .date:after{
	content: "";
	display: inline-block;
	left: 0;
	border-radius: 2px;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #E2E2E2;
	position: absolute;
}
.cont-main .items .cont{
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
}
.cont-main .items .cont .img{
	width: 100%;
	height: 183px;
	background-size: cover !important;
}
.cont-main .items .cont .text{
	width: 100%;
	padding: 13px 15px 3px;
	box-sizing: border-box;
	text-align: left;
	font-size: 18px;
}
.cont-main .items .cont .text .title{
	color: #000
}
.cont-main .items .cont .text .desc{
	color: #BABABA;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 14px;

}
.contHeader{
	background:#fff;
	width: 100%;
	padding: 0 15px;
}
.contTitle{
	font-size: 22px;
	line-height: 25px;
	padding:20px 0;
}
.contHeader .info{
	padding-top: 5px;
	padding-bottom: 10px;
}
.contHeader .icon{
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background-size: cover !important;
}
.contHeader .tag{
	padding-left: 10px;
	background: #fff;
}
.contHeader .tag .name{
	height: 15px;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}
.contHeader .tag .time{
	height: 15px;
	color: #999;
	line-height: 15px;
	font-size: 12px;
}
.contHeader .follow{
	font-size: 12px;
	height: 25px;
	width: 42px;
	color: #0B98D2;
	line-height: 25px;
	text-align: center;
    border: 1px solid #0B98D2;
    border-radius: 3px;
}
.cont-menu-bottom{
	position: fixed;
	bottom:0px;
	left:0px;
	width: 100%; 
	background-color: #fff;
	display: flex;
	flex-direction: row;
	box-shadow: 0 0 1px #ccc;
}
.cont-menu-bottom .item{
	width: 100%;
	height: 48px;
	padding:0 15px;
	position: relative;
	line-height: 55px;
	text-align:  center;
	font-size: 14px;
	background-color: #fff;
}
.cont-menu-bottom .item:before{
	content: "";
	width: 200%;
	height: 96px;
	left: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-left: 1px solid #eee;

}
.cont-menu-bottom .item div{
	width: 10px;
	height: 3px;
	position: absolute;
	left: 50%;
	margin-left:-5px; 
	top: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.cont-menu-bottom .item .item2{
	position: absolute;
	bottom: 50px;
	width: 95%;
	left: 2.5%;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	padding: 0 15px;
	box-shadow: 0 0 1px #ccc;
}
.cont-menu-bottom .item .item2 li{
	width: 100%;
	height: 40px;
	line-height: 40px;

}
.cont-menu-bottom .item .item2 li:after{
	content: "";
	width: 100%;
	display: block;
	position: absolute;
	left: 25%;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eee;
}
.cont-menu-bottom .item .item2 li:last-child:after{
	border-bottom: none;
}
.contMain{
	padding: 5px 15px 10px;
	background: #fff;
}
.contMain img{
	max-width: 100%;
}
.followDesc{
	width: 100%;
	padding: 0 15px 10px;
	background: #fff;
}
.followDesc .info{
	width: 100%;
	padding: 15px;
	background: #f7f7f7;
}
.followDesc .icon{
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background-size: cover !important;
}
.followDesc .tag{
	padding-left: 10px;
}
.followDesc .tag .name{
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
.followDesc .tag .desc{
	height: 20px;
	color: #999;
	line-height: 20px;
	font-size: 12px;
}
.followDesc .follow{
	font-size: 12px;
	height: 26px;
	width: 42px;
	color: #0B98D2;
	margin-top: 7px;
	line-height: 26px;
	text-align: center;
    border: 1px solid #0B98D2;
    border-radius: 3px;
}
.view-praise{
	width: 100%;
	padding: 10px 15px;
	background:#fff;
}
.view-praise .read,.view-praise .praise{
	color: #4B7296;
	font-size: 14px;
}
.view-praise .read{
	margin-right: 20px;
}
.view-praise .view{
	color: #ccc;
	font-size: 14px;
}
.view-praise .praise i{
	font-size: 16px;
	margin-right: 5px;
}
.message{
	width: 100%;
	padding: 10px 15px;
	margin-top: 10px;
}
.msgHeader{
	height: 20px;
	line-height: 20px;
}
.msgHeader span:first-child{
	color: #999
}
.classHeader:after{
	content: "";
	width: 200%;
	left: 0;
	bottom: -1px;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eee;
}
.msg-Main{
	width: 100%;
	padding:10px 0 20px;
	font-size: 16px;
}
.msgItem{
	width: 100%;
	padding:10px 0;
}
.msgItem .icon{
	width: 30px;
	height: 30px;
	border-radius: 2px;
	background-size: cover !important;
}
.msgItem .cont{
	width: calc(100% - 30px);
	padding-left: 10px;
}
.msgItem .cont .name{
	color: #777
}
.msgItem .cont .praiseNum{
	color: #4B7296
}
.msgItem .cont .contAuth{
	margin-top:10px;
}
.msgItem .cont .contText{
	font-size: 15px;
}
.msgItem .cont .contAuth .name{
	padding-left: 10px;
	font-size: 15px;
}
.msgItem .cont .contAuth .name:before{
	content: "";
	left: -10px;
	margin-bottom:-20px;
	height: 16px;
	display: block;
	position: relative;
	border-left: 3px solid #1E9233;
}

/*曝光*/
.baoItem{
	width: 100%;
	margin-top: 10px;
}
.baoItem .item{
	width: 100%;
	padding:20px;
	display: flex;
	flex-direction: row;
	background: #fff;
}
.baoItem .item .textLeft{
	width: calc(100% - 70px);
	padding-right:20px;
}
.baoItem .item .textLeft .title{
	font-size: 16px;
}
.baoItem .item .textLeft .desc{
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}
.baoItem .item .textLeft .info{
	font-size: 12px;
	color: #777;
	display: flex;
	flex-direction: row;
	line-height: 20px;
	margin-top: 5px;
}
.baoItem .item .textLeft .info span{
	margin-right: 10px;
}
.baoItem .item .textLeft .info .icon{
	width: 12px;
	height: 12px;
	margin-top: 4px;
	margin-right: 5px;
	border-radius: 100%;
	background-size: cover !important; 
}
.baoItem .item .textIcon{
	width: 70px;
	height: 70px;
	background-size: cover !important;
}

.sq-xz-new{
	width: 100%;
	margin:20px 0;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 0 1px #D5D5D5;
}
.sq-xz-new .sq-xz-style{
	width: 100%;
	padding:0 15px;
	height: 45px;
	background: -webkit-linear-gradient(#fff, #fff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fff, #fff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fff, #fff); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fff, #fff); /* 标准的语法 */
}
.sq-xz-new .sq-xz-style:after{
	content: "";
	display: block;
	width: 200%;
	position: relative;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.sq-xz-new .sq-xz-style .sq-style-name{
	height: 45px;
	line-height: 45px;
	color: #43858C;
}
.sq-xz-new .sq-xz-style .sq-style-btn{
	height: 19px;
	display: block;
	background: #5E969C;
	font-size: 12px;
	margin-top: 13px;
	padding:0 10px;
	line-height: 20px;
	border-radius: 3px;
	color: #fff;
}
.sq-xz-new .sq-xz-list{
	width: 100%;
	padding:20px 15px;
}
.sq-xz-new .sq-xz-list .sq-xz-item,.sq-xz-new .sq-xz-list .sq-xz-item .title{
	width: 100%;
	height: 45px;
	color: #435356;
	line-height: 45px;
}
.sq-xz-new .sq-xz-list .sq-xz-item:after{
	content: "";
	display: block;
	width: 200%;
	position: relative;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.sq-xz-new .sq-xz-list .sq-xz-item .sq-img{
	width: 35px;
	height: 35px;
	background-color: #E5EF83;
	border-radius: 3px;
	overflow: hidden;
	margin:5px 0;
	background-size: cover !important;
}
.sq-xz-new .sq-xz-list .sq-xz-item .sq-text{
	width: calc(100% - 45px);
	height: 45px;
}
.sq-xz-new .sq-xz-list .sq-xz-item .sq-text .sq-xz-name{
	color: #435356;
	font-size: 15px;
}
.sq-xz-new .sq-xz-list .sq-xz-item .sq-text .sq-xz-num{
	color: #C3C3C3;
	font-size: 12px;
}
.sq-act{
	border-radius: 5px;
	padding: 8px 10px;
	background: #5E969C;
}
.sq-active-in{
	width: 50%;
	color: #fff;
	padding:10px;
	text-align: center;
	font-size: 14px;
	
}
.newXZ,.newAQ,.newBG{
	width: 100%;
	background-color: #fff;
	padding: 0 15px 25px;
	position: relative;
}
.newXZ:after,.newAQ:after,.t-menu:after{
	content: "";
    width: 200%;
    left: 0;
    bottom: -1px;
    z-index: 9;
    display: block;
    position: absolute;
    transform: scale(0.5, 0.5);
    transform-origin: 0 0;
    border-bottom: 1px solid #eee;
    }
.newBG{
	padding:0;
}
.newBG .top{
	padding:0 15px;
}
.newXZ .top,.newAQ .top,.newBG .top{
	width: 100%;
	padding-top: 15px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	display: flex;
	flex-direction: row;
}
.newXZ .top .tag,.newXZ .top .more,.newAQ .top .tag,.newAQ .top .more,.newBG .top .more,.newBG .top .tag{
	width: 100%;
	color: #444;
	font-weight: bold;
	font-size: 16px;
}
.newXZ .top .tag i,.newAQ .top .tag i,.newBG .top .tag i{
	margin-right: 5px;
}
.newXZ .top .more,.newAQ .top .more,.newBG .top .more{
	text-align: right;
	color: #999;
	font-size: 12px;
	font-weight: 100;
}
.newXZ .itemMain{
	width: 100%;
	padding-top: 25px;
	display: flex;
	flex-direction: row;
}
.newXZ .itemMain .item{
	width: 25%;
}
.newXZ .itemMain .item img{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 5px;
	border-radius: 5px;
}
.newXZ .itemMain .item span{
	font-size: 14px;
	padding:0 5%;
	color: #444;
	text-align: center;
}
.newAQ .item{
	padding:10px;
	margin:20px 3px 10px;
	position: relative;
	box-shadow: 0 3px 4px #ccc;
	border-top:1px solid #eee;
	border-radius: 5px;
	color: #888
}
.newAQ .item .title{
	font-size: 15px;
	height: 40px;
	color: #555;
}
.newAQ .item .bott{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.newAQ .item .bott .time,.newAQ .item .bott .huifu{
	width: 100%;
	line-height: 14px;
	font-size: 10px;
	margin-top: 10px;
}
.newAQ .item .bott .huifu{
	text-align: right;
}
.newAQ .item .bott .huifu i{
	font-size: 10px;
	margin-left: 5px;
}
.fg{
    width: 100%;
    height: 70px;
    font-size: 14px;
    position: relative;
    text-align: center;
}

.fg .line-t{
    text-align: center;
    position: absolute;
    width: 100px;
    height: 70px;
    left:0;
    right:0;
    top:0; 
    bottom:0;
    margin:auto;
    line-height: 70px;
    background: #fff;
}
.line:after{
    content: "";
    width: 200%;
    display: block;
    top:50%;
    left: 0;
    position: absolute;
    box-sizing: border-box;
    transform: scale(0.5, 0.5);
    transform-origin: 0 0;
    border-bottom: 1px solid #DBDBDB;
}

.t-menu{
	width: 100%;
	background: #fff;
	padding:20px 10px;
	letter-spacing: 3px;
	font-size: 12px;
	position: relative;
}
.t-menu .m-item{
	width: 25%;
	color: #435356;
	text-align: center;
}
.t-menu .m-item .icon{
	height: 40px;
	border-radius: 100%;
	margin:0 auto;
	line-height: 40px
}
.t-menu .m-item .icon i{
	color: #1c82d4
}
.t-menu .m-item .name{
	height: 20px;
	color: #666;
	margin-bottom: 3px;
	line-height: 20px;
	font-size:14px;
}
.talk-headerbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 2px;
}
.talk-headerbg .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:20px !important;
}
.talk-headerbg .swiper-pagination{
	position: relative !important;
}
.talk-headerbg .swiper-container{
	width: calc(100% - 30px);
	margin-top: 15px;
	border-radius: 3px;
	height: 100%;
}
.talk-headerbg .swiper-pagination-bullet{
    width: 6px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #fff !important;
}
.talk-headerbg .swiper-pagination-bullet-active{
	width: 10px !important;
}
.talk-headerbg .swiper-slide,.swiper-wrapper{
	width: 100%;
	height: 100%;
}
.talk-headerbg{
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.talk-headerbg a{
	width: 100%;
	overflow: hidden;
	display: block;
}
.talk-headerbg a .bg{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover !important
}
.talk-headerbg a span{
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #fff;
	position: absolute;
	bottom: 0;
	font-size: 17px;
	box-sizing: border-box;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2), rgba(0,0,0,.3)); /* 标准的语法 */
	padding-left:15px; 
	padding-right:15px; 
}
.talk-headerbg a .states{
	height: 21px;
	padding:0 8px;
	font-size: 10px;
	white-space:nowrap; 
	line-height: 22px;
	background: rgba(0,0,0,.4);
	border-radius: 10px;
	position: absolute;
	bottom: 40px;
	left: 15px;
	color: #EDEDED
}
.talk-headerbg a .states i{
	font-size: 10px;
}
/*资讯页*/

.news-header{
	width: 100%;
	height: 48px;
	z-index: 999;
	line-height: 50px;
	color: #474443;
	font-size: 18px;
	background:#fafbfe;
	text-align: center;
	position: fixed;
}
.news-header .menutop{
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	margin-left: 20px;
	position: relative;
	top:9px;
	background: url(/skin/images/zxfl-b.png) no-repeat left;
	background-size: 55%;
	
}
.news-header .select{
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	margin-right: 5px;
	position: relative;
	top:9px;
	background: url(/skin/images/select-b.png) no-repeat left;
	background-size: 55%;
	
}
.news-cont{
	width: 100%;
	padding-top: 48px;
	box-sizing: border-box;
}
.news-cont .hot-news{
	width: 100%;
	overflow: hidden;
}
.news-cont .hot-news a{
	width: 100%;
	overflow: hidden;
	display: block;
}
.news-cont .hot-news a div{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover !important
}
.news-cont .hot-news a span{
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #fff;
	position: absolute;
	bottom: 0;
	font-size: 17px;
	box-sizing: border-box;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2), rgba(0,0,0,.3)); /* 标准的语法 */
	padding-left:15px; 
	padding-right:15px; 
}
.news-cont .items{
	width: 100%;
	display: block;
	padding: 12px 20px;
	position: relative;
	box-sizing: border-box;
	background: #fff;
}
.news-cont .items:after{
	content: "";
	width: calc(200% - 80px);
	left: 20px;
	bottom: -1px;
	z-index: 9;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eee;
}
.news-cont .items .title{
	width: 100%;
	font-size: 17px;
	color: #000;
}
.news-cont .items .pic{
	width: 100%;
	margin:15px 0;
	border-radius: 5px;
	overflow: hidden;
	background-size: cover !important;
}
.news-cont .items .intro{
	width: 100%;
	font-size: 14px;
	color: #777777;
	margin:15px 0;
}
.news-cont .items .pic-group{
	width: 100%;
	margin:15px 0;
}
.news-cont .items .pic-group .pic-g{
	background-size: cover !important;
	overflow: hidden;
}
.news-cont .items .pic-group .pic-g:nth-child(1){
	border-radius: 5px 0 0 5px;
}
.news-cont .items .pic-group .pic-g:nth-child(3){
	border-radius: 0 5px 5px 0;
}
.news-cont .items .pic-group .pic-23{
	margin-left: 1px;
}
.news-cont .items .info{
	width: 100%;
	line-height: 15px;
	font-size: 10px;
	color: #969696;
}
.news-cont .items .info .icon{
	width: 15px;
	height: 15px;
	border-radius: 100%;
	overflow: hidden;
	display: block;
	background-size: cover !important;
}
.news-cont .items .info .author{
	margin:0 5px;
}
.news-cont .items .info .date{
	margin-left: 5px;
}
.news-cont .itema .info .great{
	margin-right: 15px;
}
/*.news-cont .items .text .title{
	margin-top: 5px;
}
.news-cont .items .text .info{
	width: 100%;
	font-size: 10px;
	color: #969696;
	bottom: 0;
	position: absolute;
}
.news-cont .items .text .info .great{
	margin-right: 15px;
}
.news-cont .items .text .info .date{
	margin-left: 5px;
}
.news-cont .items .pic{
	width: 90px;
	height: 65px;
	margin-top: 3px;
	border-radius: 4px;
	overflow: hidden;
	background-size: 150% !important;
}
*/.news-footer{
	margin-bottom: 55px;
}


/*社区问答页面*/

.talk-aq-header{
	width: 100%;
	height: 48px;
	padding: 0 15px;
	line-height: 50px;
	color: #fff;
	position: fixed;
	z-index: 99;
	top: 0;
	background:#265E8A;
	/*background: linear-gradient(to right, #054F8B , #0B447E);*/
	font-size: 16px;

}
.talk-aq-header .back{
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	margin-left: 15px;
	position: absolute;
	top:9px;
	background: url(/skin/images/back-bl.png) no-repeat left;
	background-size: 40%;
	
}
.talk-aq-header .select{
	width: 34px;
	height: 34px;
	display: block;
	cursor: pointer;
	position: absolute;
	top:7px;
	left: 15px;
	background: url(/skin/images/select-bl.png) no-repeat left;
	background-size: 60%;
	
}
.talk-aq-header .xiezi{
	width: 34px;
	height: 34px;
	display: block;
	cursor: pointer;
	margin-right: 5px;
	position: absolute;
	top:7px;
	right: 0;
	background: url(/skin/images/xiezi-bl.png) no-repeat left;
	background-size: 60%;
	
}
.talk-aq-header .msg{
	width: 34px;
	height: 34px;
	display: block;
	cursor: pointer;
	position: absolute;
	top:7px;
	right: 0px;
	background: url(/skin/images/msg-b.png) no-repeat left;
	background-size: 65%;
	
}
.talk-aq-header .hylb{
	width: 34px;
	height: 34px;
	display: block;
	cursor: pointer;
	margin-right: 5px;
	position: absolute;
	top:7px;
	left: 15px;
	background: url(/skin/images/hylb-b.png) no-repeat left;
	background-size: 65%;
	
}

/*社区问答关注页*/

/*社区问答关注页 end*/

.hot-talk{
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-top: 58px;
	border-radius: 3px;
	max-height: 150px;
	overflow: hidden;
}
.hot-talk a{
	width: 100%;
	height: 150px;
	display: block;
	border-radius: 3px;
	overflow: hidden;
}
.hot-talk a div{
	width: 100%;
	height: 100%;
	background-size: cover !important
}
.talk-m{
	width: 150px;
	height: 24px;
	border-radius: 13px;
	margin:12px auto;
	overflow: hidden;
	border:1px solid #435356;
	line-height: 24px
}
.talk-m a{
	color: #435356;
	font-size:15px;
	display: block;
	width: 33.33%;
	line-height: 24px;
	float: left;
	height: 24px;
	text-align: center;
}
.talk-m a:nth-child(1),.talk-m a:nth-child(2){
	border-right: 1px solid #435356;
	box-sizing: border-box;
}

.talk-m .active{
	background-color: #435356;
	color: #fff
}
.aq-hot-item{
	width: calc(100% - 20px);
	background:#fff;
	box-shadow: 0px 0px 10px #F5F5F5;
	margin-top: 10px;
	margin-left: 10px;
	padding:15px;
	border-radius: 3px;
	box-sizing: border-box;
}
.aq-hot-item .title{
	width: 100%;
	color: #444;
	font-size: 18px;
	text-align: left;
}
.aq-hot-item .author-info,.aq-re-item .author-info,.answer .answer-item .author-info{
	width: 100%;
	color: #9b9b9b;
	height: 20px;
	margin-top: 10px;
	font-size: 12px;
}
.aq-hot-item .author-info .icon,.aq-re-item .author-info .icon,.answer .answer-item .author-info .icon{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 100%;
	background-size: cover !important;
}
.aq-hot-item .author-info .name,.aq-re-item .author-info .name,.answer .answer-item .author-info .name{
	line-height: 20px;
	display: inline-block;
}
.aq-hot-item .author-info .time,.aq-re-item .author-info .time,.answer .answer-item .author-info .time{
	line-height: 20px;
	display: inline-block;
}
.aq-hot-item .cont{
	width: 100%;
	margin:5px auto 10px;
}
.aq-hot-item .cont .text{
	font-size: 14px;
	padding-top: 4px;
	text-align: left;
	color: #727272;	
	box-sizing: border-box;
	line-height: 25px;
}
.aq-hot-item .cont .img{
	height: 74px;
	width: 115px;
	margin-top: 3px;
	border-radius: 5px;
	overflow: hidden;
	background-size: cover !important;
}
.xzMemberTag{
	width: 100%;
	font-size: 14px;
	background: #F9F8F8;
	color: #999;
	height: 30px;
	line-height: 30px;
	padding:0 15px;
}
.dz-pl{
	color: #8A8A8A;
	height: 21px;
	line-height: 21px;
}
.dz-pl .zl{
	font-size: 12px;
}
.dz-pl .zl i{
	color: #ADADAD;
	font-size: 12px;
}
.dz-pl .more i{
	color: #ADADAD;
	font-size: 18px;
}
.aut-header{
	width: 100%;
	height: 30px;
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}
.aut-header .icon{
	width: 20px;
	height: 20px;
	background-size: 100% !important;
	margin-right: 10px;
	margin-top: 5px;
	border-radius: 100%;
	overflow: hidden;
}
.aq-re-item{
	width: calc(100% - 20px);
	min-height: 200px;
	margin-left: 10px;
	background: #fff;
	margin-top: 10px;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #F5F5F5;
	box-sizing: border-box;
}
.aq-re-item .img{
	width: 100%;
	height: 130px;
	margin:10px auto;
	border-radius: 3px;
	overflow: hidden;
	background-size: cover  !important
}
.aq-re-item .title{
	width: 100%;
	color: #444;
	font-size: 18px;
	text-align: left;
}
.aq-re-item .desc{
	font-size: 14px;
	text-align: left;
	color: #333;	
	margin-bottom: 10px;
	box-sizing: border-box;
	line-height: 20px;
}
.answer{
 	width: calc(100% - 20px);
 	margin-left: 10px;
 	border-radius: 5px;
}
.answer .header{
 	width: 100%;
 	height: 40px;
 	letter-spacing: 1px;
 	margin-top: 10px;
 	line-height: 40px;
 	border-radius: 5px;
 	background-color: #fff;
 	color: #9E9E9E;
 	box-shadow: 0 0 1px #ccc;
}
.answer .tag{
	width: 100%;
	height:40px;
	color: #9E9E9E;
	margin-bottom: -10px;
	line-height: 40px;
}
.answer .answer-item{
	width: 100%;
	text-align: left;
	margin-top: 10px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 1px #ccc;
	padding: 15px;
}
.answer .answer-item .title{
	width: 100%;
	font-size: 18px;
}
.answer .answer-item .describe{
	width: 100%;
	margin-top: 10px;
	color: #727272;
}
.answer .answer-item .zl-btn{
	width: 100%;
	font-size: 13px;
	margin-top: 10px;
	color:#adadad;
	line-height: 20px;
}
.answer .answer-item .zl-btn i{
	
	font-size: 13px;
}
/*社区-小组*/

/*新题页面*/
.xz-new{
	width: 100%;
	background: #fff;
	height: 170px;
	overflow: hidden;
	margin-left:15px;
	box-shadow: 0px 0px 10px #BAB9B9;
	border-radius: 8px;
}
.xz-new .xz-style{
	width: 100%;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	background:rgba(67,83,86,.85);
	/*background: linear-gradient(to right, #435356,#435356,#BB5050 );*/
}
.xz-new .xz-style .style-name{
	height: 40px;
	display: block;
	line-height: 40px;
	color: #fff;
	font-size: 13px;
}
.xz-new .xz-style .style-btn{
	height: 16px;
	display: block;
	background: #fff;
	font-size: 9px;
	margin-top: 12px;
	padding:0 8px;
	line-height: 16px;
	border-radius: 3px;
	box-sizing: border-box;
	color: #444;
}
.sTag{
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding:0 15px;
	font-size: 14px;
	color: #999;
	display: flex;
	flex-direction: row;
}
.sTag .tag,.sTag .more{
	width: 100%;
}
.sTag .more{
	text-align: right;
}
.sTag .more i{
	font-size: 14px;
}
.sGroup,.tGroup{
	width: 100%;
	padding:15px;
	position: relative;
	background: #fff;
	display: flex;
	flex-direction: row;
}
.tGroup .text{
	min-width: calc(100% - 60px);
}
.tGroup .text .desc{
	font-size: 13px;
	color: #999;
	margin-top: 8px;
}
.tGroup .text .info{
	font-size: 11px;
	color: #999;
	margin-top: 8px;
}
.tGroup .img{
	width: 50px;
	height: 50px;
	border-radius: 2px;
	margin-left: 10px;
	background-size: cover !important;
}
.sGroup:after,.tGroup:after{
	content: "";
	display: block;
	width: 200%;
	bottom: 0;
	left: 0;
	position: absolute;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.sGroup:nth-child(4):after,.sGroup:last-child:after,.tGroup:last-child:after{
	border:none !important;
}
.sGroup .icon{
	width: 50px;
	height: 50px;
	border-radius: 2px;
	background-size: cover !important;
}
.sGroup .info{
	padding: 0 10px;
	width: calc(100% - 105px);
}
.sGroup .info .name{
	color: #444;
	line-height: 15px;
}
.sGroup .info .desc{
	margin-top: 10px;
}
.sGroup .join{
	height: 20px;
	width: 50px;
	line-height: 18px;
	padding: 0 5px;
	margin-top: 16px;
	font-size: 10px;
	color: #5CB65D;
	border:1px solid #5CB65D;
	text-align: right;
	border-radius: 3px;
    white-space: nowrap;
}
.sGroup .okjoin{
	height: 20px;
	width: 50px;
	line-height: 18px;
	padding: 0 5px;
	margin-top: 16px;
	font-size: 10px;
	color: #999;
	text-align: right;
	border-radius: 3px;
    white-space: nowrap;
}
.sGroup .join i,.sGroup .okjoin i{
	font-size: 10px;
	margin-right: 3px;
}
.sGroup .info .desc,.sGroup .info .num{
	color: #999;
	line-height: 14px;
	font-size: 11px;
}
.xz-new .xz-list{
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
}
.xz-new .xz-list .xz-item{
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: flex;
	flex-direction: row;
}
.xz-new .xz-list .xz-item .img{
	width: 30px;
	height: 30px;
	background-color: #E5EF83;
	border-radius: 3px;
	overflow: hidden;
	margin:5px 10px 5px 0;
	background-size: cover !important;
}
.xz-new .xz-list .xz-item .text{
	width: calc(100% - 40px);
	height: 40px;
	position: relative;
	display: flex;
	flex-direction: row;
}
.xz-new .xz-list .xz-item .text:before{
	content: "";
	display: block;
	width: 200%;
	top:40px;
	position: absolute;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.xz-new .xz-list .xz-item:last-child .text:before{
	border:none;
}
.xz-new .xz-list .xz-item .text .xz-name{
	color: #435356;
	width: 100%;
	font-size: 13px;
	margin-right: 10px;
}
.xz-new .xz-list .xz-item .text .xz-num{
	color: #C3C3C3;
	font-size: 10px;
	text-align: right;
	white-space:nowrap; 
}
.xz-update{
	width: 100%;
	margin-top: 10px;
}
.xz-update .cj{
	width: 100%;
	background-color: #fff;
	height: 40px;
	margin-bottom: 10px;	
	color: #797979;
	line-height: 40px;
}
.xz-update .up-style{
	width: 100%;
	height: 50px;
	line-height: 60px;
	color: #797979;
	padding: 0 15px;
	box-sizing: border-box;
}
.xz-update .up-item{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	background: #fff;
	box-sizing: border-box;
}
.xz-update .up-item .cj-btn{
	height: 12px;
	line-height: 12px;
	font-size: 6px;
	padding: 0 3px;
	top:19px;
	margin-left: 5px;
	position: relative;
	color: #fff;
	background-color: #4199A9;
	border-radius: 6px;
}
.xz-update .up-item .jr-btn{
	height: 12px;
	margin-left: 5px;
	line-height: 12px;
	font-size: 6px;
	color: #fff;
	top:19px;
	padding: 0 3px;
	position: relative;
	background-color: #F699A2;
	border-radius: 6px;
}

.xz-update .up-item .up-img{
	width: 36px;
	height: 36px;
	left: 15px;
	position: absolute;
	margin-top: 7px;
	border-radius: 3px;
	overflow: hidden;
	background-color: #86A4E9;
	background-size: cover !important;
}
.xz-update .up-item .up-name{
	height: 50px;
	left: 61px;
	position: absolute;
	line-height: 50px;
}
.xz-update .up-item .up-num{
	right: 15px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	margin-top: 15px;
	position: absolute;
	padding: 2px 5px;
	box-sizing: border-box;
	background:rgba(67,83,86,.85);
	color: #fff;
	border-radius: 15px;
}
.xz-update .botm-x:before{
	content: "";
	display: block;
	width: 200%;
	top: 50px;
	position: relative;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e0e0e0;
}
.xz-go .go-num{
	color: #C3C3C3;
	font-size: 12px;
	right: 15px;
	position: absolute;
}
.xz-more{
	width: 100%;
	height: 80px;
	padding: 0 15px;
	box-sizing: border-box;
	margin-top: 10px;
	font-size: 18px;
	background-color: #fff;
	line-height: 80px;
}
.xz-more .more-btn{
	width: 100px;
	height: 30px;
	border-radius: 3px;
	font-size: 15px;
	margin-top: 25px;
	line-height: 30px;
	background-color: #4199A9;
	color: #fff;
}

/*发表-回复页面*/
.xz-fabiao-item{
	width: calc(100% - 20px);
	background-color: #fff;
	border-radius: 5px;
	margin-left: 10px;
	margin-top: 5px;
	padding: 20px 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px #D8D6D6;
}
.xz-fabiao-item .title{
	text-align: left;
	font-size: 16px;
}
.xz-fabiao-item .tl{
	color: #ccc;
	text-align: left;
	margin-top: 10px;
	font-size: 12px;
}
.xz-fabiao-item .tl .img{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 100%;
	background-size: cover !important;
}
.xz-fabiao-item .tl .name{
	height: 20px;
	line-height: 20px;
}


/*视频页*/
.video-item{
	width: calc(100% - 20px);
	margin-left: 10px;
	border-radius: 3px;
	background: #fff;
	color: #435356;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 1px #ccc;
}
.video-item .title{
	width: 100%;
	text-align: left;
	font-size: 16px;
	max-height: 67px;
	padding:15px 10px 10px;
}
.video-item .video-cont{
	width: 100%;
	height: 190px;
}
.video-item .video-cont .cover{
	width: 100%;
	height: 190px;
	background-size: cover !important;
}
.video-item .video-cont .video-btn{
	position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    left: calc(50% - 25px);
    margin: 70px auto;
    background:rgba(0,0,0,.4);
}
.video-item .video-cont .video-btn .btn{
	position: relative;
	height: 0px;
	width: 0px;
	top: calc(50% - 12px);
	left: 35%;
	border-top: 12px solid transparent;
	border-left: 20px solid #fff;
	border-bottom: 12px solid transparent;
}
.video-item .tag{
	width: 100%;
	font-size: 12px;
	padding:10px;
}
.video-item .tag .author,.video-item .tag .time,.video-item .tag .comment{
	height: 20px;
	line-height: 20px;
}
.video-item .tag .time{
	width: 52px;
	position: absolute;
	left:calc(50% - 26px);
}
.video-item .tag .author{
	margin-right: 10px;
}
.video-item .tag .author .icon{
	height: 16px;
	width: 16px;
	margin-top: 2px;
	margin-right: 5px;
	display:inline-block;
	border-radius: 100%;
	background-size: cover !important;
}

/*课程页*/
.study-swiper{
	width: calc(100vw - 20px);
	height: 120px;
	margin: 10px;
	box-shadow: 0 0 10px #fff;
}
.study-swiper a{
	width: 100%;
	height: 120px;
	display: block;
	border-radius: 3px;
	overflow: hidden;
}
.study-swiper a div{
	width: 100%;
	height: 100%;
	background-size: cover !important
}
.study-fenlei{
	width: 100%;
	padding:10px 0;
	background: #fff
}
.study-fenlei li{
	width: 20%;
	list-style: none;
	display: block;
	font-size: 12px;
	cursor:pointer;
	text-align: center;
	margin:10px auto;
}
.study-fenlei li div{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-size: 50% !important;
	margin:0 auto 5px auto;
}
.study-ad{
	width: 100%;
	height: 100px;
	margin-top: 15px;
	background-size: cover !important;
}
.study-item-t{
	width: 100%;
	background: #fff;
	margin-top: 10px;
	color: #435356;
	padding:15px;
}
.study-item-t .item-tag{
	width: 100%;
	font-size: 16px;
	line-height: 18px;
}
.study-item-t .item-tag .tag{
	border-left:3px solid #4199A9;
	padding-left: 8px;
	display: inline-block;
}
.study-item-t .item-tag .more{
	color: #4199A9;
	font-size: 14px;
}
.study-item-t .item-cont{
	width: 100%;
}
.study-item-t .item-cont .img{
	width: calc(50% - 3px);
	height: 108px;
	margin-top: 15px;
	border-radius: 3px;
	background-size: cover !important
}

/*直播页面*/
.live{
	width: 100%;
	margin-top: 10px; 
	background: #fff;
	color: #435356;
	font-size: 16px;
	padding: 15px 10px;
}
.start{
	width: 100%;
	color: #4199A9;
	background: #fff;
	font-size: 16px;
	padding: 10px;
	margin-top:10px;
	margin-bottom: -10px;
}
.start:after{
	content: "";
	display: block;
	width: 200%;
	position: relative;
	bottom: -10px;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	box-sizing: border-box;
	border-bottom: 1px solid #E4E4E4;
}

.start div{
	border-left:3px solid #4199A9;
	padding-left: 8px;
}
.live .img{
	width: 100%;
	height: 190px;
	border-radius: 3px;
	overflow: hidden;
	background-size: cover !important;
}
.live .title{
	font-weight: bold;
	padding: 10px 0;

}
.live .tag{
	width: 100%;
	font-size: 12px;
}
.live .tag .state{
	margin-right: 10px;
}
.live .tag .state font{
	color: #29a1f7
}

/*个人页*/
.myInfo{
	width: 100%;
    padding-bottom: 15px;
    margin-top: 20px;
}
.myInfo .icon{
	width: 55px;
	height: 55px;
	margin-left: 15px;
	margin-top: 5px;
	border-radius: 100%;
	background-size: cover !important;

}
.myInfo .info{
	color: #121d33;
	padding-top: 10px;
	padding-left: 15px;
	width: calc(100% - 80px);
}
.myInfo .info .name{
	font-size: 18px;
    color: #121d33;
    font-weight: bold;
}
.myAuth{
	line-height: 20px;
	font-size: 12px;
	padding-right: 10px;
}
.myOption{
	width: 100%;
    padding: 10px 15px;
    display: flex;
}
.myOption li{
	font-size: 12px;
    width: 100%;
    margin-right: 10px;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 0 5px #f5f6fa;
}
.myOption li:last-child{
	margin-right: 0;
}
.myOption li .icon{
	line-height: 25px;
}
.myOption li i{
	font-size: 20px;
}
.meHomeHd{
	background: rgba(255,255,255,.1) !important;
	color: #444 !important;
}	
.meHomeImg{
	width: 100%;
	height: 200px;
	background-size: cover !important;
}
.meHomeIcon{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border:2px solid #fff;
	position: absolute;
	background-size: cover !important;
	margin-top:-40px;
	left: calc(50% - 40px);
}
.meHomeInfo{
	background: #fff;
	text-align: center;
	padding-top: 40px;
}
.meHomeInfo span{
	font-size: 20px;
	display: inline-block;
	margin:5px 0;
}
.meHomeInfo div{
	font-size: 12px;
	color: #999;
}
.meHomeInfo .Btn{
	width: 190px;
	margin:15px auto;
}
.meHomeInfo .Btn .btnlist:last-child,.meHomeInfo .Btn .btnlist:first-child{
	width: 100%;
	height:30px;
	color: #333;
	position: relative;
	line-height: 30px;
	font-size: 16px;
	border-radius: 15px;
}
.meHomeInfo .Btn .btnlist:last-child:after,.meHomeInfo .Btn .btnlist:first-child:after{
	content: "";
	display: block;
	width: 200%;
	height: 60px;
	position: relative;
	left:-1px;
	top: -31px;
	border-radius: 30px;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.meHomeInfo .Btn .btnlist:first-child{
	margin-right: 30px;
}
.meHomeInfo .desc{
	font-size: 14px;
	color: #000;
	line-height: 18px;
	text-align: left;
	padding:0 20px 40px;
}
.meHomeTab,.meHomeTab .tab{
	width: 100%;
	background:#fff;
}
.meHomeTab .tab li{
	width: 20%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.meHomeTab .goTop i{
	font-size: 20px;
}
.meHomeTab .goTop{
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	position: fixed;
	right: 20px;
	bottom: 70px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.3);
}
.xzItem{
	width: 100%;
	padding:25px 20px;
	display: flex;
	background-color: #fff;
	position: relative;
	flex-direction: row;
}
.xzItem .xzIcon{
	width: 80px;
	height: 80px;
	position: relative;
	background-size: cover !important;
}
.xzItem .xzIcon .tips{
	padding:0 5px;
	height: 30px;
	color: #fff;
	position: absolute;
	background-color: rgba(0,0,0,.2);
	line-height: 30px;
	text-align: center;
	bottom: 0;
}
.xzItem .xzInfo{
	height: 80px;
	font-size: 16px;
	text-align: left;
	width: calc(100% - 80px);
	padding-right: 10px;
}
.xzItem .xzInfo .adminName,.xzItem .xzInfo .followNum{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	width: 100%;
	color: #888;
}
.xzItem .xzInfo .xzName{
	height: 40px;
	line-height: 40px;
	width: 100%;
	color: #333;
}




/*.me-top{
	width: 100vw;
	height: 100px;
	background: #1c82d4; 
}
.me-often{
	width: calc(100vw - 20px);
	margin:-80px 10px 20px; 
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 20px;
	box-shadow: 0 2px 10px #E4E4E4;
}
.me-often .me-info{
	width: 100%;
}
.me-often .me-info .icon{
	width: 45px;
	height: 45px;
	border-radius: 100%;
	background-size: cover !important;
	overflow: hidden;
}
.me-often .me-info .name{
	line-height: 45px;
	margin-left: 10px
}
.me-often .me-info .type{
	background: #F89595;
	border-radius: 3px;
	overflow: hidden;
	height: 11px;
	line-height: 11px;
	padding: 0 2px;
	margin-top: 18px;
	margin-left: 10px;
	color: #fff;
	font-size: 8px;
}
.me-often .me-info .jt{
	font-weight: bold;
	line-height:45px;
}
.me-often .often{
	width: 100%;
	color: #888;
	margin-top:15px;
}
.me-often .often .msg,.me-often .often .fans,.me-often .often .wallet{
	width: 33.333333%;
	height: 75px;
	text-align: center;
}
.me-often .often .msg .msg-icon,.me-often .often .fans .fans-icon,.me-often .often .wallet .wallet-icon{
	width: 40px;
	height: 40px;
	margin:10px auto 5px;

}
.me-often .often .msg .msg-icon{
	background: url(/skin/images/msg.png) no-repeat center;
	background-size: cover;
}
.me-often .often .fans .fans-icon{
	background: url(/skin/images/fans.png) no-repeat center;
	background-size: cover;
}
.me-often .often .wallet .wallet-icon{
	background: url(/skin/images/wallet.png) no-repeat center;
	background-size: cover;
}
.me-service{
	width: calc(100vw - 20px);
	margin-bottom: 10px;
	margin-left: 10px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 3px #E4E4E4;
}
.me-service .tag{
	padding: 10px;

}
.me-service .tag:after{
	content: "";
	display: block;
	width: calc(200% + 40px);
	left: -10px;
	bottom: -10px;
	position: relative;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	box-sizing: border-box;
	border-bottom: 1px solid #F0F0F0;
}
.me-service .service{
	width: 100%;
	color: #888;
	padding: 10px;
}
.me-service .service .service-item{
	width: 20%;
	height: 66px;
	margin:0 0 10px;
	font-size: 12px;
	text-align: center;
}
.me-service .service .service-item .icon{
	width: 30px;
	height: 30px;
	margin:10px auto;
	background-size: 80% !important;
}
.login-out{
	width: calc(100vw - 20px);
	margin-left: 10px;
	height: 45px;
	color: #fff;
	line-height: 45px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	border-radius: 3px;
	overflow: hidden;
	background: #53A8EC;
	letter-spacing: 2px;
}*/

/*个人页子页*/
.header-color,.classHeader{
	background: #fff !important;
	color: #444 !important;
	padding-right: 20px !important;
}
.meSet-color{
	background: #fff !important;
	color: #444 !important;
}
.header-color:after{
	content: "";
	width: 200%;
	left: 0;
	bottom: -1px;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eee;
}
.meMsg,.loginMain,.myMain,.classMain{
	width: 100%;
	padding-top: 48px;
}
.meMsgClass{
	width: 100%;
	background: #fff;
	padding: 10px 0;
}

.msgQuery{
	width: calc(100% - 20px);
	margin-left: 10px;
	border-radius: 5px;
	background: #f3f3f3;
	height: 30px;
	line-height: 30px;
	padding:0 10px;
	color: #8d8d8d;
}
.msgQuery input{
	width: calc(100% - 36px);
	height: 30px;
	position: absolute;
	background: rgba(0,0,0,0);
	border:none;
	outline:none;
	font-size: 15px;
	padding:0 0 0 10px;
	color: #444;
}
.msgQuery i{
	color: #8d8d8d;
}
.msgClass{
	width: 100%;
	padding: 20px 0;
	font-size: 14px;
	color: #848484;
}
.msgClass .mitem{
	width: 25%;
	text-align: center;
}
.msgClass .mitem-follow{
	width: 33.3333333% !important;
	text-align: center;
}
.msgClass .mitem i{
	font-size: 30px;
	color: #666;
}
.msgMain{
	width: 100%;
	margin-top: 10px;
	background: #fff;
}
.reItem{
	width: 100%;
	padding:10px;
	background: #fff;
	display: flex;
	position: relative;
	flex-direction: row;
}
.reItem:after{
	content: "";
	display: block;
	width: 200%;
	position: absolute;
	left:0;
	bottom: 0;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}
.reItem .reLeft{
	width: 35px;
	height: 35px;
	text-align: center;
}
.reItem .reLeft .icon{
	width: 35px;
	height: 35px;
	margin-bottom: 5px;
	border-radius: 100%;
	background-size: cover !important;
}
.reItem .reLeft span{
	color: #ccc;
	font-size:10px;
}
.reItem .reCont{
	width: calc(100% - 95px);
	padding: 0 25px 0 10px;
}
.reItem .reCont span{
	font-size: 12px;
}
.reItem .reCont .re{
	font-size: 12px;
	color: #ccc;
}
.reItem .reCont .cont{
	font-size: 13px;
	line-height: 15px;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.reItem .reImg{
	width: 60px;
	height: 60px;
	background-size: cover !important;
}
.newsTitle{
	font-size: 16px;
	color: #000;
	line-height: 24px;
	height: 24px;
}
.newsDesc{
	font-size: 12px;
	color: #777;
	margin-top: 2px;
}
.newsTag{
	font-size: 12px;
	color: #888;
	line-height: 24px;
}
.newsTag i,.newsTag span{
	font-size: 12px;
}
.newsTag span{
	margin-right: 5px;
}
.newsAudit{
	color: #FA7716;
	margin-right:0px !important;
}
.fansMain,.newsMain{
	margin-top: 0 !important;
}
.mainTag .tag{
	width: 100%;
	padding: 0 10px 0 20px;
	height: 60px;
	line-height: 60px;
}
.mainTag:after{
	content: "";
	width: 200%;
	left: 0;
	bottom: 0;
	display: block;
	position: relative;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F6F6F6;
}
.joinBtn{
	display: block;
	padding:0 10px;
	border-radius: 5px;
	line-height: 30px;
	text-align: center;
	height: 30px;
	margin-top: 15px;
	background: #eee;
}
.joinBtn-follow{
	color: #555;
	margin-right:5px;
}
.joinBtn-follow span{
	font-size: 13px;
	display:block;
}
.mainTag,.msg-item,.follow-item,.news-item,.meVideo-item{
	width: 100%;
}
.videoList{
	width: calc(100% - 20px);
	margin:0 auto 10px;
	border-radius:5px;
	overflow: hidden;
	color: #fff;
	position: relative;
}
.videoList .pic{
	width: 100%;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.videoList .contmain{
	width: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0
}
.videoList .contmain .author{
	width: 100%;
	height: 13px;
	line-height: 13px;
	display: flex;
	flex-direction: row;
	position: absolute;
	top: 10px;
	left: 0;
	padding-left: 10px;
}
.videoList .contmain .author .icon{
	width: 13px;
	height: 13px;
	border-radius: 100%;
	background-size: cover !important;
	margin-right: 3px;
}
.videoList .contmain .author .name{
	font-size: 12px;
}
.videoList .contmain .info{
	font-size: 12px;
	width: 100%;
	display: flex;
	flex-direction: row;
	padding:0 10px;
	bottom: 10px;
	position: absolute;
	line-height: 20px;
}
.videoList .contmain .info .states{
	height: 21px;
	padding:0 8px;
	font-size: 10px;
	white-space:nowrap; 
	line-height: 22px;
	margin-right: 10px;
	background: rgba(0,0,0,.4);
	border-radius: 10px;
}
.live0{
	background: #40a8c4 !important;
}
.Preview{
	background: rgba(255,255,255,.4) !important;
}
.video0{
	background: #1c82d4 !important;
}
.videoList .contmain .info .states i{
	font-size: 10px;
}
.videoList .contmain .info .num{
	width: 100%;
}
.videoList .contmain .info .time{
	width: 100%;
	text-align: right;
}
.videoList .contmain .title{
	width: 100%;
	padding:0 10px;
	font-size: 17px;
	position: absolute;
	bottom: 40px;
	left: 0;
}




.videoPic{
	width: 100%;
	height: 200px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 70px 80px -10px rgba(0,0,0,.4) inset;
	background-size: cover !important;
}
.videoTitle{
	color: #fff;
	font-size: 17px;
	line-height: 20px;
	padding:10px 15px 0;
}
.videoPic .num{
	font-size: 12px;
	color: #fff;
	margin-left: 15px;
}
.vAction{
	text-align: center;
	line-height: 45px;
	width: 45px;
	height: 45px;
	color: #fff;
	position: relative;
	padding-left: 5px;
	left: calc(50% - 22px);
	top: calc(50% - 22px);
	margin-top: -45px;
	border-radius: 100%;
	background-color: rgba(0,0,0,0.3);
}
.vAction i{
	font-size: 25px;
}
.videoPic .time{
	display: block;
	height: 20px;
	text-align: center;
	border-radius: 10px;
	line-height: 20px;
	position: absolute;
	bottom: 10px;
	color: #fff;
	right: 10px;
	padding:0 8px;
	font-size: 10px;
	background-color: rgba(0,0,0,0.5);
}
.videoTag{
	width: 100%;
	padding: 0 15px;
	height: 45px;
	overflow: hidden;
	color: #435356;
	background-color: #fff;
	font-size: 14px;
	line-height: 45px;
}
.videoTag .tag span{
	margin-right: 20px;
}
.videoTag .tag i{
	font-size: 20px;
}
.videoTag .icon{
	width: 25px;
	height: 25px;
	margin-right: 5px;
	border-radius: 100%;
	margin-top: 10px;
	background-size: cover !important;
}
.msg-item:after,.follow-item:after,.news-item:after,.set-item:after,.myItem .item:after{
	content: "";
	width: calc(200% - 80px);
	left: 20px;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F6F6F6;
}

.msg-item .item{
	padding:10px;
}
.follow-item .item,.news-item .item{
	padding:15px;
}
.msg-item .icon{
	width: 33px;
	height: 33px;
	border-radius: 100%;
	background-size: cover !important;
}
.follow-item .icon{
	width: 43px;
	height: 43px;
	border-radius: 100%;
	background-size: cover !important;
}
.news-item .icon{
	width: 70px;
	height: 45px;
	border-radius: 3px;
	background-size: cover !important;
}
.news-item .cont{
	width: calc(100% - 70px);
	padding-left: 10px;
}
.msg-item .cont{
	width: calc(100% - 33px);
	padding-left: 10px;
}
.follow-item .cont{
	width: calc(100% - 103px);
	padding-left: 10px;
	padding-right: 10px;
}
.follow-item .isfollow{
	width: 60px;
	height: 30px;
	color: #ccc;
	font-size: 14px;
	border-radius: 15px;
	text-align: center;
	line-height: 30px;
	margin-top: 6px;
	background: #F8F8F8
}
.msg-item .cont .name{
	font-size: 15px;
	color: #444
}
.follow-item .cont .name{
	font-size: 16px;
	height: 43px;
	line-height: 43px;
	color: #444
}
.msg-item .cont .time{
	font-size: 10px;
	color: #979797
}
.msg-item .cont .msg,.follow-item .cont .msg{
	font-size: 12px;
	width: 100%;
	color: #979797;
}
.follow-item .cont .msg{
	height: 20px;
	line-height: 20px;
}
.meSet-item,.myItem{
	width: 100%;
	margin-top: 15px;
	background-color: #fff;
}
.itemicon{
	margin-left: 5px; 
	font-size: 20px;
}
.set-item,.myItem .item{
	width: 100%;
	padding:0 15px;
	height: 50px;
	font-size: 14px;
    color: #5e667b;
	line-height: 50px;
}
.myItem .item .iconSpan{
	width: 40px;
}
.set-item i,.myItem .item i{
	color: #a8abb4;
	font-size: 12px;
}
.c-state{
	padding: 0 8px;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
}
.c-state-no{
	/*background-color: rgba(0,0,0,.3) !important;*/
}
.c-setCont{
	color: #a8abb4 !important;
}
.c-me-setCont{
	/*background: rgba(0,0,0,.02) !important;*/
	color: #a8abb4 !important;
}
.setOut{
	width: calc(100% - 20px);
	height: 45px;
	margin-left: 10px;
	background-color: #444;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	border-radius: 3px;
	margin-top: 15px;
}


/*登录页面*/
.loginTitle{
	font-size: 37px;
	color: #333;
	margin:40px 0;
	text-align: center;
	letter-spacing: 2px;
}
.logininput{
	width: 86%;
	height: 50px;
	margin-left: 7%;
	margin-top: 10px;
}
.logininput input{
	width: 100%;
	font-size: 16px;
	color: #333;
	height: 100%;
	border:none;

}
.logininput:after{
	content: "";
	width: 200%;
	left: ;
	bottom: 0;
	display: block;
	position: relative;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eee;
}
.loginSub{
	width: 86%;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-left: 7%;
	margin-top: 20px;
	border-radius: 3px;
	border:none;
}
.userReg{
	width: 86%;
	margin-left: 7%;
	color: #333;
	font-size: 16px;
	margin-top: 8px;
}
.loginMore{
	width: 86%;
	position: relative;
	margin-left: 7%;
}
.loginIcon{
	margin-top: 30px;
	width: 70%;
	margin-left: 15%;
}
.loginIcon li{
	width: 33.3333%;
	color: #fff;
}
.loginIcon li div{
	width: 40px;
	height: 40px;
	text-align: center;
	margin:0 auto;
	border-radius: 100%;
}
.loginIcon li div i{
	font-size: 30px;
}
.loginOther{
	width: 100%;
	background: #fff;
}
.disanfang{
	font-size: 14px;
	color: #999;
	height: 20px;
	text-align: center;
}
.disanfang:after{
	content: "";
	width: calc(100% - 100px);
	right:calc(-50% + 50px);
	top: 50%;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eee;
}
.disanfang:before{
	content: "";
	width: calc(100% - 100px);
	top: 50%;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-top: 1px solid #eee;
}

/*资讯内容页*/
.author-top{
	width: 100%;
	height: 62px;
	position: fixed;
	top: 0;
	left: 0;
	zoom: 1;
	-webkit-transform: translateZ(0);
	background: #fff;
	z-index: 10;
	box-shadow: 0 0 1px #ccc;
}
.author-top .icon{
	width: 22px;
	height: 22px;
	margin-top: 9px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 10px;
	background-size: cover !important;
}
.author-top .guanzhu{
	background: #0EA5CE;
	display: block;
	width: 50px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	margin-top: 9px;
	font-size: 13px;
	border-radius: 3px;
	color: #fff;
}
.author-top .name{
	display:inline-block;
	height: 22px;
	margin-top: 9px;
}
.newcont{
	width: 100%;
	min-height: 100px;
	padding: 0 15px;
	background: #fff;
}
.newcont .title-top{
	width: 100%;
	padding:50px 0 30px;
	font-size: 20px;
	font-weight: bold;
}
.newcont .author{
	width: 100%;
	height: 40px;
}
.newcont .author .icon{
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background-size: cover !important;
	border-radius: 100%;
	overflow: hidden;
}
.newcont .author  .info{
	height: 40px;
}
.newcont .author .info .name{
	height: 20px;
	font-weight: bold;
	line-height: 20px;
}
.newcont .author .info .time{
	margin-right: 5px;
}
.newcont .author .info .time-author{
	height: 20px;
	color: #BBBBBB;
	font-size: 13px;
	line-height: 20px;
}
.newcont .author .gz{
	background: #0EA5CE;
	display: block;
	width: 60px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	margin-top: 5px;
	font-size: 15px;
	border-radius: 3px;
	color: #fff;
}
.newcont .content{
	width: 100%;
	font-size: 17px;
	padding: 20px 0 30px;
	line-height: 25px;
	letter-spacing: 1px
}
.newcont .content img{
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc;
	margin:10px 0 !important;
	max-width: 100% !important;
	height: auto !important;
}
/*.newcont .content img{
	width: 100%;
}
*/.newcont .zan-jubao{
	width: 100%;
	padding-bottom: 40px;
}
.newcont .zan-jubao .dianzan{
	width: calc(50% - 5px);
	height: 40px;
	color: #555;
	border-radius: 3px;
	background: #F8F8F8;
	line-height: 40px;
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
}
.newcont .zan-jubao .jubao{
	width: calc(50% - 5px);
	height: 40px;
	color: #555;
	line-height: 40px;
	border-radius: 3px;
	background: #F8F8F8;
	text-align: center;
	font-weight: bold;
}
.newcont .tui{
	width: 100%;
	margin:20px 0;
}
.newcont .tui .items{
	width: 100%;
	height: 71px;
	margin-top: 3px;
	box-sizing: border-box;
	background: #fff;
}
.newcont .tui .items .text{
	width: calc(100% - 90px);
	height: 71px;
	padding-right: 15px;
	position: relative;
	box-sizing: border-box;
}
.newcont .tui .items .text .title{
	margin-top: 5px;
}
.newcont .tui .items .text .info{
	width: 100%;
	font-size: 10px;
	color: #969696;
	bottom: 0;
	position: absolute;
}
.newcont .tui .items .text .info .great{
	margin-right: 15px;
}
.newcont .tui .items .text .info .date{
	margin-left: 5px;
}
.newcont .tui .items .pic{
	width: 90px;
	height: 65px;
	margin-top: 3px;
	border-radius: 4px;
	overflow: hidden;
	background-size: cover !important;
}
.newcont .liuyan{
	width: 100%;
	padding-bottom: 50px;
	background: #fff;
}
.newcont .liuyan .item{
	width: 100%;
	min-height: 120px;
	padding: 10px 0;
}
.newcont .liuyan .item .icon{
	width: 25px;
	height: 25px;
	border-radius: 100%;
	overflow: hidden;
	background-size: cover !important;
	margin-right: 10px;
}
.newcont .liuyan .item .cont-info{
	width: calc(100% - 35px);
}
.newcont .liuyan .item .cont-info .user{
	width: 100%;
}
.newcont .liuyan .item .cont-info .user .name{
	font-weight: bold;
	font-size: 14px
}

.newcont .liuyan .item .cont-info .user .zan{
	font-size: 12px;
	color: #969696;
}
.newcont .liuyan .item .cont-info .cont{
	width: 100%;
	margin:10px 0;
}
.newcont .liuyan .item .cont-info .time{
	font-size: 12px;
	color: #969696;
}
.newcont .liuyan .item .cont-info .huifu{
	font-size: 12px;
	color: #969696;
	margin-top: 10px;
}
.article{
	width: 100%;
	height: 50px;
	font-size: 14px;
	padding: 5px;
	margin-top: 20px;
	background: #F1F1F1;
}
.article .art-img{
	width: 53.33px;
	height: 40px;
	margin-right: 5px;
	background-size: cover !important;
}
.article .text{
	width: calc(100% - 58.33px);
	height: 40px;
}
.newcont .liuyan .footer-l{
	background: #fff;
	color: #ccc;
	width: 100%;
	text-align: center;
	margin:0 auto 20px;
}
.newcont .tm{
	background: #fff;
	color: #ccc;
	width: 100%;
	font-size: 14px;
	text-align: center;
	padding-bottom:40px;
}
.cont-footer{
	width: 100%;
	position: fixed;
	bottom: 0;
	zoom: 1;
	left: 0;
	height: 50px;
	line-height: 50px;
	background: #fff;
	box-shadow: 0 0 1px #ccc;
	z-index: 10;
}
.cont-footer .back{
	width: 10%;
	font-size: 18px;
	font-weight: bold;
	height: 50px
}
.cont-footer .fa{
	width: calc(45% - 30px);
	margin: 0 15px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	padding-left: 15px;
	color: #969696;
	border-radius: 15px;
	margin-top: 10px;
	background: #F1F1F1;
}
.cont-footer .liu,.cont-footer .shou,.cont-footer .share{
	width: 15%;
	height: 50px;
}
.cont-footer .liu .icon{
	background:url(/skin/images/huifu.png) no-repeat center;
	background-size: 70%;
	height: 30px;
	font-size: 10px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
	margin:10px auto;
	width: 30px;
}
.cont-footer .shou .icon{
	background: url(/skin/images/shou.png) no-repeat center;
	background-size: 70%;
	height: 30px;
	margin:10px auto;
	width: 30px;
}
.cont-footer .shou .icon3{
	background: url(/skin/images/shou3.png) no-repeat center;
	background-size: 70%;
	height: 30px;
	margin:10px auto;
	width: 30px;
}
.cont-footer .share .icon{
	background: url(/skin/images/share1.png) no-repeat center;
	background-size: 70%;
	height: 30px;
	margin:10px auto;
	width: 30px;
}
.share-body{
	width: 100vw;
	height: 100vh;
	padding: 20px;
	z-index: 100;
	top:0;
	left: 0;
	display: none;
	position: fixed;
	background: rgba(0,0,0,.2);
}
.share-btn{
	width: calc(100% - 40px);
	position: fixed;
	left: 20px;
	bottom: -230px;
	z-index: 101;
	border-radius: 10px;
	padding: 20px 10px;
	background: #fff;
}
.share-btn .share-item{
	width: 25%;
	font-size: 10px;
	color: #5E5E5E;
	padding: 10px 0px;
	text-align: center;
	border-radius: 5px;
}
.share-btn .share-item .icon{
	width: 40px;
	height: 40px;
	margin:0px auto 10px;
	border-radius: 100%;
	background-size: cover !important
}

/*圈子页面*/
.qz-release{
	width: 100%;
	height: 52px;
	line-height: 52px;
	color: #949090;
	background-color: #FAFBFC;
	letter-spacing: 1px;
}
.qz-release:after{
	content: "";
	width: 200%;
	left: 0;
	display: block;
	position: relative;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #E3E3E3;
}
.qz-release .icon{
	width: 40px;
	height: 40px;
	margin-right: 20px;
	background-size: cover !important;
	border-radius: 100%;
	margin-top: 6px;
	margin-left: 20px;
}
.qz-release i{
	margin-right: 20px;
}
.qz-release .icon-xiangji{
	font-size: 26px;
}
.qz-release .icon-pinglun7{
	font-size: 20px;
}
.qz-item{
	width: 100%;
	padding: 20px 15px;
	background-color: #fff;
	margin-top: 10px;
}
.qz-item .item-top{
	width: 100%;
	height: 40px;
	margin-top: 15px;
}
.qz-item .item-top .icon{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 15px;
	background-size: cover!important;
}
.qz-item .item-top .text{
	height: 36px;
	margin-top: 2px;
}
.qz-item .item-top .text .name{
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #586b95;
}
.qz-item .item-top .icon-more2{
	line-height: 40px;
	color: #949090;
}
.qz-item .item-top .icon-more2{
	margin-left: 15px;
}
.qz-item .item-content{
	width: calc(100% - 55px);
	margin-left: 55px;
	font-size: 16px;
}
.qz-item .qz-share{
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 15px;
	margin-top: 13px;
	border-radius: 3px;
	background-color: #F3F3F3;
}
.qz-item .qz-share .icon{
	width: 40px;
	height: 40px;
	background-size: cover !important;
	margin-right: 15px;
}
.qz-fgx{
	padding-bottom: 15px;
	position: relative;
}
.qz-fgx:after{
	content: "";
	width: 200%;
	left: 0;
	padding-bottom: 30px;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #EFEFEF;
}
.qz-item .qz-share .title{
	width: calc(100% - 55px);
	line-height: 20px;
}
.qz-item .qz-share .desc{
	width: calc(100% - 55px);
	color: #949090;
	line-height: 20px;
	font-size: 14px;
}
.qz-item .btn{
	width: 100%;
	color: #586b95;
	line-height: 40px;
	text-align: center;
}
.qz-item .btn .icon-praise,.qz-item .btn  .icon-praise_fill{
	font-size: 20px;
}
.qz-item .btn .icon-yuejiaoliuyan{
	font-size: 16px;
	margin-left: 2px;
}
.qz-item .btn p{
	font-size: 12px;
}
.qz-item .item-menu{
	width: 120px;
	line-height: 30px;
	padding: 10px 0;
	border-radius: 5px;
	display: none;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 10px #ccc;
	position: absolute;
	right: 15px;
	color: #586b95;
	z-index: 9999;
	margin-top: 30px;
}
.qz-item .item-menu p i{
	font-size: 15px;
	margin-right: 10px;
}
.qz-item .item-menu .icon-report{
	font-size: 18px;
}
.qz-item .item-menu .icon-quxiaoguanzhu4{
	font-size: 14px;
}.qz-item .item-menu .icon-icon-test{
	font-size: 15px;
}
.qz-item .item-content .img2359{
	width: 100%;
	height: auto;
	margin-top: 13px;

}
.qz-item .item-content .img4{
	width: 66%;
	height: auto;
	margin-top: 13px;

}
.qz-item .item-content .img1{
	max-width: 100%;
	max-height: 230px;
	overflow: hidden;
	margin-top: 13px;

}
.qz-item .item-content .img1 a img,.qz-item .item-content .img1 div{
	width: auto;
	height: auto !important;
	max-width: 100%;
	max-height: 230px !important;

}
.qz-item .item-content .img2359  figure  {
	width: calc(33% - 2px);
	margin-right: 2px;
	margin-top: 2px;
	float: left;
	overflow: hidden;
}
.qz-item .item-content .img4 figure {
	margin-right: 2px;
	margin-top: 2px;
	float: left;
	width: calc(50% - 2px);
	overflow: hidden;
}
.qz-item .item-content .img2359 figure div a img,.qz-item .item-content .img4 figure div a img{
	width: auto;
	height: auto;
	max-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
figure {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.qz-item .qz-msg{
	width: calc(100% - 55px);
	padding: 10px 5px;
	font-size: 15px;
	color: #555;
	background: #F5F5F5;
	margin-left:55px;
}
.qz-fa-header{
	border-bottom: 1px solid #E8E8E8; 
	color: #444;
	font-size: 18px; 
	height: 48px;
	width: 100%;
	margin-top: 22px; 
	line-height: 48px;
	padding: 0 20px 0 15px;
}
.qz-fa-header .icon-bijizuofanyex{
	color: #368461;
	display: inline-block;
	font-size: 20px;
	margin-right: 45px;
}
.qz-fa-header .icon-iconfontfenxiangeps{
	color: #368461;
	display: inline-block;
	font-size: 22px;
}
.qz-fa-header .icon-fabu{
	color: #368461;
	display: inline-block;
}

/*圈子动态详情页*/
.dt-more-praise{
	height: 40px;
	line-height: 30px; 
	width: 100%;
}
.dt-more-praise .icon-praise{
	font-size: 20px;
}
.dt-more-praise .user-icon{
	height: 30px;
	line-height: 30px;
}
.dt-more-praise .user-icon .items{
	width: 20px;
	height: 20px;
	background-size: cover !important;
	border-radius: 100%; 
	display: inline-block;
	margin-top: 5px;
}
.dt-more-praise .user-icon .icon-bijiyoufanyex{
	font-size: 14px;
	color: #959595;
}
.dt-more-praise .user-icon span{
	font-size: 12px;
	color: #959595;
	margin: 0 5px 0 10px;
}
.dt-more-ly{
	margin-top: 20px;
	background: #fff;
}
.dt-more-ly .tag{
	height: 50px;
	border-bottom: 1px solid #666;
	display: inline-block; 
	line-height: 60px;
	margin-left: 20px;
}
.dt-more-ly .ly-items{
	width: 100%;
	padding:15px 20px;
}
.dt-more-ly .ly-items .item{
	margin-top: 15px;
}
.dt-more-ly .ly-items .item .icon{
	width: 30px;
	height: 30px;
	background-size: cover !important;
	border-radius: 100%;
}
.dt-more-ly .ly-items .item .text{
	width: calc(100% - 45px);
	margin-left: 15px;
	margin-bottom: 15px;
}
.dt-more-ly .ly-items .item .text:after{
	content: "";
	width: calc(200% - 130px);
	left: 65px;
	margin-top: 15px;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #E3E3E3;

}
.dt-more-ly .ly-items .item .text p{
	font-weight: bold;
	font-size: 14px;
}
.dt-more-ly .ly-items .item .text p span{
	font-weight: 400;
	font-size: 12px;
	color: #CACACA;
	margin-left: 10px;
}
.dt-more-ly .ly-items .item .text .ly-cont{
	font-size: 14px;
}
/*圈子动态详情页END*/

/*小组详情页*/
.talk-xz-top{
	height: 48px;
	position: fixed;
	width: 100%;
	z-index: 99
}
.talk-xz-topbg{
	width: 100%;
	height: 48px;
	z-index: 98;
	position: fixed;
}
.talk-xz-top .top{
	color: #fff; 
	height: 48px;
	width: 100%; 
	/*margin-top: 22px;*/
	line-height: 48px;
	padding:0 10px 0 10px;
	font-size: 18px;
}
.talk-xz-top .top .icon-bijizuofanyex{
	font-size: 20px;
	margin-right: 15px;
}
.talk-xz-top .top .name{
	display:block;
	vertical-align:middle;
	width: 40px;
	height: 24px;
	line-height: 22px;
	text-align: center; 
	margin-top: 12px; 
	border:1px solid #fff;
	font-size: 12px;
	border-radius: 3px;
	margin-right: 20px
}
.talk-xz-title{
	height: 148px;
	width: 100%;
	padding-top: 48px;
}
.talk-xz-title .icon{
	height: 60px;
	width: 60px;
	border-radius: 8px;
	background-size: cover !important;
	margin: 15px 15px 20px;
}
.talk-xz-title .xz-text{
	width: calc(100% - 90px);
	height: 60px;
	margin-top: 15px;
	padding-right: 15px;
	color: #fff
}
.talk-xz-title .xz-text .title{
	font-size: 17px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
}
.talk-xz-title .xz-text .tag{
	height: 26px;
	line-height: 26px;
}
.talk-xz-title .xz-text .tag .join{
	background-color: #fff;
	display: block;
	padding:0px 7px;
	height: 24px;
	margin-top: 1px;
	line-height: 24px; 
	font-size: 13px;
	border-radius: 4px;
}
.talk-xz-title .xz-text .tag .join .icon-jiahao{
	font-size: 13px;
	font-weight: bold;
}
.talk-xz-xtag{
	height: 50px !important;
	width: 100%;
	background:#FAFAFA;
	padding:15px 20px !important;
}
.talk-xz-xtag .xz-tag{
	width: 80px !important;
	height:20px  !important;
	line-height: 20px  !important;
	border-radius: 3px; 
	border:1px solid #9b9b9b;
}
.talk-xz-xtag .xz-tag .tag{
	display: block;
	color: #9b9b9b;
	width: 50% !important;
	text-align: center;
	font-size: 12px;
	box-sizing: border-box !important;
}
.talk-xz-mitem{
	width: 100%;
	padding:15px 0;
	background-color: #fff;
}
.talk-xz-mitem .talk-xz-mnum{
	width: 60px;
	text-align: center;
}
.talk-xz-mitem .talk-xz-mnum .icon-pinglun10{
	font-size: 12px;
}
.talk-xz-mitem .talk-xz-mnum span{
	font-size: 12px;
	color: #9b9b9b
}
.talk-xz-mitem .talk-xz-mtext-img{
	width: calc(100% - 125px);
	padding-right: 10px;
}
.talk-xz-mitem .talk-xz-mtext{
	width: calc(100% - 60px);
	padding-right: 10px;
}
.talk-xz-mitem .talk-xz-mtext-img .mtitle,.talk-xz-mitem .talk-xz-mtext .mtitle{
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 10px;
}
.talk-xz-mitem .talk-xz-mtext-img .mtext,.talk-xz-mitem .talk-xz-mtext .mtext{
	height: 18px;
	line-height: 18px;
}
.talk-xz-mitem .talk-xz-mtext-img .mtext .micon,.talk-xz-mitem .talk-xz-mtext .mtext .micon{
	height: 18px;
	width: 18px;
	border-radius: 100%;
	background-size: cover !important;
}
.talk-xz-mitem .talk-xz-mtext-img .mtext .mname,.talk-xz-mitem .talk-xz-mtext .mtext .mname{
	font-size: 12px;
	margin-left: 5px;
	color: #9b9b9b
}
.talk-xz-mitem .talk-xz-mtext-img .mtext .mtime,.talk-xz-mitem .talk-xz-mtext .mtext .mtime{
	font-size: 12px;
	margin-left: 10px;
	color: #ccc
}
.talk-xz-mitem .talk-xz-cont-img{
	height: 50px;
	width: 50px;
	background-size: cover !important;
	margin-right: 15px;
}

		.talk-xz-mitem .talk-xz-mtext .mtext,.talk-xz-mitem .talk-xz-mtext-img .mtext{
			position: relative;
		}
		.talk-xz-mitem .talk-xz-mtext .mtext:after{
			content: "";
			width: calc(200% + 20px);
			left: 0;
			bottom: -15px;
			display: block;
			position: absolute;
			transform: scale(0.5, 0.5);
			transform-origin: 0 0;
			border-bottom: 1px solid #eee;
		}
		.talk-xz-mitem .talk-xz-mtext-img .mtext:after{
			content: "";
			width: calc(200% + 150px);
			left: 0;
			bottom: -15px;
			display: block;
			position: absolute;
			transform: scale(0.5, 0.5);
			transform-origin: 0 0;
			border-bottom: 1px solid #eee;
		}
		.talk-xz-mitem:last-child .mtext:after{
			border:none;
		}
.talk-xz-find{
	width: 100%;
	/*margin-top: 10px;*/
	background: #fff;
}
.talk-xz-find .find-tag{
	width: 100%;
	padding-left: 15px;
	font-size: 13px;
	display: inline-block;
	padding-top: 15px;
}
.talk-xz-find .talk-xz-find-item{
	width: 100%;
	padding: 15px;
}
.talk-xz-find .talk-xz-find-item .text:after{
	content: "";
	width: 200%;
	left:0;
	margin-top: 15px;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #E4E4E4;
}
.talk-xz-find .talk-xz-find-item .icon{
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-size: cover !important;
}
.talk-xz-find .talk-xz-find-item .text{
	max-width: calc(100% - 40px);
	padding-left:10px;
}
.talk-xz-find .talk-xz-find-item .text .title{
	max-width: calc(100% - 40px);
	height: 20px;
	line-height: 20px;
}
.talk-xz-find .talk-xz-find-item .text .numpelo{
	width: 40px;
	font-size: 13px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #9b9b9b
}
.talk-xz-find .talk-xz-find-item .text .jj{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #9b9b9b
}
.talk-xz-xtag-new,.talk-xz-xtag-hot{
	width: 100%;
}
.talk-xz-write{
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 100%;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	text-align: center;
	box-shadow: 0 0 5px #444;
	background-color: #444;
}
.talk-xz-write i{
	font-size: 25px;
	color: #fff;
}
/*小组详情页end*/

/*企业名片*/
.companyMain{
	padding-top: 48px;
}
.companyIndexList{
    margin-top: 10px;
    width: 96%;
    border-radius: 10px;
    margin-left: 2%;
    overflow: hidden;
}
.companyIndexList .cardInfo{
	padding:15px;
	position: relative;
}
.companyIndexList .cardInfo .info{
	min-height: 20px;
	line-height: 20px;
}
.companyIndexList .cardInfo .info .name{
	font-size: 16px;
}
.companyIndexList .cardInfo .info .collect{
	font-size: 12px;
}

.companyIndexList .cardInfo:after{
	content: "";
	width: 200%;
	bottom: 0;
	left: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #eee;
}
.companyIndexList .cardInfo:last-child:after{
	border:none;
}

.cardInfo{
	width: 100%;
	background: #fff;
	padding:20px 15px;
}
.cardInfo .info{
	width: 100%;
	min-height: 30px;
	line-height: 30px;
	display: flex;
	flex-direction: row;
}
.cardInfo .info .name{
	width: 100%;
	font-size: 1.5em;
	color: #444;
	padding-right: 20px;
}
.cardInfo .info .collect{
	text-align: right; 
	font-size: 13px;
	color: #888;
	white-space:nowrap;
}
.cardInfo .cardLabel .labelName{
	height: 18px;
	border-radius: 9px;
	line-height: 20px;
	border:none;
	background: #F0F6FC;
	position: relative;
	padding:0 5px;
	text-align: center;
	color: #64AEE9;
	font-size: 10px;
	margin:10px 10px 0 0;

}
.cardInfo .cardLabel .labelNameRed:after{
	border:1px solid #A82424 !important;
}
.cardInfo .cardLabel .labelNameRed{
	background:#f2dede;
	color:#A82424;
}
.cardInfo .cardLabel .labelNameOrg:after{
	border:1px solid #CB711C !important; 
}
.cardInfo .cardLabel .labelNameOrg{
	background:#fcf8e3;
	color:#CB711C;
}
.cardInfo .cardLabel .labelName:after{
	content: "";
	height: 34px;
	width: calc(200% - 1px);
	position: absolute;
	border-radius: 18px;
	top: 0;
	left: 0;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border: 1px solid #64AEE9;
}
.cardCont{
	width: 100%;
	background: #fff;
	margin-top: 10px;
	padding:0 15px;
}
.cardCont .tag,.comment .tag{
	height: 40px;
	line-height: 40px;
	color: #666;
	position: relative;
	font-size: 13px;
}
.cardCont .tag:after,.comment .tag:after{
	content: "";
	width: 200%;
	left:0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.cardCont .cont .strengthList{
	display: none;
}
.cardCont .cont .strengthTag,.cardCont .cont .strengthList{
	padding:10px 0;
}
.cardCont .cont .strengthList .item{
	margin:10px 0;
}
.cardCont .cont .strengthList .item:after{
	content: "";
	width: calc(200% - 30px);
	left:15px;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.cardCont .cont .strengthList .item:last-child:after{
	border:none;
}

.cardCont .cont .strengthList .item .strengthName{
	font-size: 14px;
	color: #555;
}
.cardCont .cont .strengthList .item .strengthName i{
	font-size: 14px;
	color: #64AEE9;
	margin-right: 5px;
}
.cardCont .cont .strengthList .item .strengthCont{
	font-size: 14px;
	color: #555;
	padding:10px 0 10px 18px;
}

.cardCont .cont .strengthTag .item{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #555;
	margin-right: 10px;
}
.cardCont .cont .strengthTag .item i{
	font-size: 14px;
	color: #64AEE9;
	margin-right: 5px;
}
.cardCont .cont .switchBtn{
	font-size: 14px;
	color: #999;
	text-align: center;
	padding:5px 0;
}
.switchBtn180{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}
.cardMenu{
	width: 100%;
	background: #fff;
	margin-top: 10px;
	padding:10px 0;
}
.cardMenu .item{
	width: 25%;
	font-size:12px;
	margin: 5px 0;
	text-align: center;
}
.cardMenu .item i{
	font-size: 35px;
	line-height: 35px;
	color: #64AEE9;
}
.cardMenu .item span{
	display: block;
	color: #444;
	line-height: 30px
}
.comment{
	width: 100%;
	background: #fff;
	padding:0 15px;
	margin-top: 10px;
}
.comment2{
	width: 100%;
	padding:0 15px 70px;
}

.comment .commentInfo{
	width: 100%;
	padding:20px 0;
	position: relative;
	display: flex;
	flex-direction: row;
	text-align: center;
}
.comment .commentInfo .level,.comment .commentInfo .info{
	width: 100%;
}
.comment .commentInfo .info .num{
	color: #999;
}
.comment .commentInfo .level{
	font-size: 2em;
	height: 60px;
	position: relative;
	line-height: 60px;
	border-right: 1px solid #F5F5F5;
}
.comment .commentInfo:after{
	content: "";
	width: 200%;
	left:0;
	bottom: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.comment .commentItem,.comment2 .commentItem{
	width: 100%;
	padding:20px 0 70px;
}
.comment .commentItem .item,.comment2 .commentItem .item{
	width: 100%;
	padding:20px 0;
	position: relative;
	display: flex;
	flex-direction: row;
}
.comment .commentItem .item .icon,.comment2 .commentItem .item .icon{
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background-size: cover !important;
}
.comment .commentItem .item .cont,.comment2 .commentItem .item .cont{
	width: calc(100% - 35px);
	padding-left: 15px;
	font-size: 16px;
}
.comment .commentItem .item:after{
	content: "";
	width: calc(200% - 100px);
	left:50px;
	bottom: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.comment2 .commentItem .item:after{
	content: "";
	width: calc(200% - 100px);
	left:50px;
	bottom: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #E4E4E4;
}
.comment .commentItem .item:last-child:after,.comment2 .commentItem .item:last-child:after{
	border:none;
}
.comment .commentItem .item .cont .nameTag,.comment2 .commentItem .item .cont .nameTag{
	width: 100%;
	height: 20px;
	line-height: 20px;
	display: flex;
	flex-direction: row;
}
.comment .commentItem .item .cont .nameTag .name,.comment2 .commentItem .item .cont .nameTag .name{
	margin-right: 15px;
	color: #64AEE9;
	font-size: 15px;
}
.comment2 .commentItem .item .cont .nameTag .name span{
	color: #444;
	margin:0 3px;
}
.comment .commentItem .item .cont .nameTag .tagItem,.comment2 .commentItem .item .cont .nameTag .tagItem{
	color: #fff;
	height: 12px;
	line-height: 15px;
	margin-top: 4px;
	font-size: 10px;
	padding:0 3px;
	border-radius: 2px;
}
.comment .commentItem .item .cont .time,.comment2 .commentItem .item .cont .time{
	font-size: 12px;
	color: #999;
	line-height: 20px;
}
.comment .commentItem .item .cont .text,.comment2 .commentItem .item .cont .text{
	margin-top: 5px;
	color: #444;
}
.comment .commentItem .item .cont .cont2{
	width: 100%;
	background:#EEE;
	padding:10px;
	margin-top:10px;
	font-size: 14px;
}
.comment .total{
	color: #4A96D2;
	font-size:14px;
}
.comment .total2{
	color: #444;
	font-size:12px;
	display: inline-block;
	padding:3px 5px;
	border:1px solid #444;
	border-radius: 3px;
	margin-top: 10px;
}
.comment .total i{
	font-size: 14px;
}
.comment .commentItem .item .cont .cont2 .item2 .name{
	color: #64AEE9
}
.cardFooter{
	width: 100%;
	position: fixed;
	bottom: 0;
	font-size: 16px;
	line-height: 48px;
	color: #444;
	height: 48px;
	background:#fff;
}
.cardFooter .input{
	width: calc(100% - 30px);
	height: 30px;
	color: #ccc;
	padding-left: 10px;
	line-height: 30px;
	border-radius: 5px;
	background:#F6F6F6;
	margin:9px auto;
}
.cardFooter:after{
	content: "";
	width: 200%;
	left: 0;
	top: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-top: 1px solid #eee;
}

.cardFooter .item{
	width: 100%;
	display: flex;
	color: #777;
	flex-direction: row;
}
.cardFooter .item div{
	width: 33.3333%;
	text-align: center;
	position: relative;
}
.cardFooter .item div:after{
	content: "";
	width: 200%;
	height: 130%;
	left: 0;
	top: 15%;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-right: 2px solid #eee;
}
.cardFooter .item div:last-child:after{
	border:none;
}

.cardFooter .item div i{
	font-size: 18px
}
.textareaBody{
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	z-index: 50;
	padding-top: 48px;
	top: 0;
	left: 0;
	display: none;
}
.textareaBody .textarea{
	width: 100%;
	background: #fff;
}
.textareaBody .textarea textarea{
	height: 120px;
	width: 100%;
	padding:15px;
	background: #fff;
	border:none;
	outline: none;
	resize: none;
}
.textareaBody .textarea .okBtn{
	font-size: 16px;
	color: #999;
	width: 100%;
	height: 40px;
	text-align: right;
	line-height: 40px;
	padding-right: 15px;
}
.commentBody{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
.commentMain{
	padding: 48px 15px 0;
}
.commentMain .evaluate{
	width: 100%;
	height: 50px;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	font-size: 16px;
}
.commentMain .evaluate .label{
	min-width: 100px;
	line-height: 50px;
}
.commentMain .evaluate .xing2{
	width: 100%;
	padding-top: 3px;
}
.commentMain textarea{
	width: 100%;
	height: 130px;
	outline: none;
	resize: none;
	padding:10px;
	margin-top: 30px;

}
.commentMain .submit1{
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 30px;
	background: #64AEE9
}
.companyContMain{
	width: 100%;
	min-height: 100%;
	font-size: 16px;
	padding:70px 15px 20px;
	background: #fff;
}
.companyContMain img{
	max-width: 100%;
}
.companyAdminMain{
	width: 100%;
	height: 100%;
	padding-top:48px;
}
.companyAdminMain .adminItem{
	width: 100%;
	padding: 15px;
	display: flex;
	background: #fff;
	flex-direction: row;
	margin-top: 10px;
}
.companyAdminMain .adminItem:first-child{
	margin-top: 0;
}
.companyAdminMain .adminItem img{
	width: 60px;
	height: 100%;
}
.companyAdminMain .adminItem .info{
	width: 100%;
	padding-left: 15px;
}
.companyAdminMain .adminItem .info .job{
	font-size: 10px;
	color: #999;
	line-height: 20px
}
.companyAdminMain .picItem{
	width: 100%;
	padding:15px;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:10px; /* Firefox */
	-webkit-column-gap:10px; /* Safari and Chrome */
	column-gap:10px;
}
.companyAdminMain .picItem .item{
	background: #fff;
	position: relative;
	margin-bottom: 10px;
	border-radius: 3px;
	overflow: hidden;
}
.companyAdminMain .picItem .item .desc{
	background: rgba(0,0,0,.5);
	bottom: 0;
	width: 100%;
	color: #fff;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
}






/*小组讨论页*/
.talk-xz-header:after{
	content: "";
	width: 200%;
	left: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #E3E3E3;
}
.talk-xz-tl{
	width: 100%;
	padding: 70px 15px 20px;
	background: #fff;
	margin-bottom: 10px;
}
.talk-xz-tl-info{
	width: 100%;
	height: 66px;
	margin-top: 15px;
	border-radius: 5px;
	padding-left: 10px;
	box-shadow: 0 3px 15px #E1E1E1;
}
.talk-xz-tl-info .icon{
	width: 42px;
	height: 42px;
	border-radius: 3px;
	margin-top: 12px;
	background-size: cover !important;
}
.talk-xz-tl-info .t-name{
	width: calc(100% - 110px);
	height: 42px;
	margin-top: 12px;
	padding:0 10px;
}
.talk-xz-tl-info .t-name .tname{
	width: 100%;
	height: 21px;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
}
.talk-xz-tl-info .t-name .tnum{
	width: 100%;
	height: 21px;
	font-size: 12px;
	color: #9b9b9b;
	line-height: 27px;
}
.talk-xz-tl-info .go{
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	font-size: 12px;
	margin-top: 23px;
	text-align: left;
	color: #9b9b9b;

}
.talk-xz-tl .tl-name{
	width: 100%;
	font-size: 25px;
	color: #444;
	margin-top: 20px;
	font-weight: bold;
}
.talk-xz-tl .tl-author{
	width: 100%;
	margin-top: 20px;
}
.talk-xz-tl .tl-author .icon{
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background-size: cover !important;

}
.talk-xz-tl .tl-author .t-name{
	width: calc(100% - 36px);
	height: 36px;
	padding-left: 10px;
}
.talk-xz-tl .tl-author .t-name .name{
	width: 100%;
	height: 18px;
	font-size: 14px;
	line-height: 18px;
}
.talk-xz-tl .tl-author .t-name .time{
	width: 100%;
	height: 18px;
	font-size: 12px;
	color: #9b9b9b;
	line-height: 18px;
}
.talk-xz-tl .tl-cont{
	width: 100%;
	margin:30px 0;
}
.talk-xz-tl .tl-cont img{
	max-width: 100%;
}
.xzTalkInfo,.talkTitle{
	height: 48px;
	color: #555;
}
.talkTitle{
	width: calc(100% - 80px);
	position: absolute;
	top: 31px;
	left: 40px;
	height: 30px;
	display: none;
	text-align: center;
	background: #fff;
}
.talkTitle .title{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #555;
}
.talkTitle .text{
	width: 100%;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	color: #999;
}
.xzTalkInfo{
	width: calc(100% - 75px);
	display: flex;
	flex-direction: row;
}
.xzTalkInfo img{
	width: 30px;
	height: 30px;
	margin-top: 9px;
	border-radius: 3px;
}
.xzTalkInfo .info{
	width: 100%;
	height: 30px;
	margin-top: 9px;
	padding-left: 5px;
}
.xzTalkInfo .info .name,.xzTalkInfo .info .num{
	width: 100%;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
}
.xzTalkInfo .info .num{
	font-size: 10px;
	padding-top:2px;
}
/*小组讨论页end*/

/*小组管理*/
.zTopBtn{
	height: 24px;
	padding:0 5px;
	margin-top: 12px;
	line-height: 24px;
	font-size: 12px;
	color: #999;
	border-radius: 3px;
	border:1px solid #ccc;
}
.adminSearch{
	width: calc(100% - 30px);
	height: 30px;
	background:#EEEDED;
	border-radius: 15px;
	margin:10px 15px;
	text-align: left;
	padding:0 15px;
	color: #999;
	line-height: 30px;
	display: flex;
	flex-direction: row
}
.adminSearch input::-webkit-input-placeholder{
	color: #999;
}
.adminSearch input{
	width: 100%;
	border:none;
	background: rgba(0,0,0,0);
	padding-left: 10px;
	outline: none;
}
.xzAdminItem{
	width: 100%;
	padding: 10px 15px;
	background:#fff;
	display: flex;
	position: relative;
	flex-direction: row;
}
.xzAdminItem:after{
	content: "";
	display: block;
	width: 200%;
	bottom: 0;
	left: 0;
	position: absolute;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.xzAdminItem:last-child:after{
	border:none;
}
.xzAdminItem .icon{
	width: 40px;
	height: 40px;
	position: relative;
	border-radius: 5px;
	background-size: cover !important;
}
.xzAdminItem .icon .zTop{
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	font-weight: bold;
	border-radius: 2px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 5px;
	background:rgba(0,0,0,.5);
}
.xzAdminItem .icon .admin{
	width: 30px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	position: absolute;
	right: calc(50% - 15px);
	bottom: 2px;
	font-size: 5px;
	background:rgba(36,128,45,.8);
}
.xzAdminItem .text{
	width: calc(100% - 40px);
	padding-left:10px;
	height: 40px;
	line-height: 40px;
	display: flex;
	flex-direction: row;
}
.xzAdminItem .name{
	width: 100%;
	text-align: left;
	color: #555;
	padding-right: 10px;
}
.xzAdminItem .num{
	text-align: right;
	white-space:nowrap;
	font-size: 10px;
	color: #BCBCBC;
}
.xzAdminItem .num i{
	font-size: 20px;
	color: #33B24A;
	margin-right: 10px;
}
.faList{
	width: 100%;
	background:#fff;
	padding:15px 20px 15px 0;
	display: flex;
	position: relative;
	flex-direction: row;
}
.faList:after{
	content: "";
	display: block;
	width: 200%;
	bottom: 0;
	left: 0;
	position: absolute;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.faList:last-child:after{
	border:none;
}
.faList .num{
	width: 50px;
}
.faList .num  i{
	font-size: 12px;
}
.faList .num  span{
	display: block;
	font-size: 12px;
	color: #9b9b9b;
}
.faList .cont{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.faList .cont .img{
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	height: 50px;
	background-size: cover !important;
	display: block;
	border-radius: 5px;
}
.faList .cont .text{
	width: 100%;
	padding-right: 10px;
	text-align: left;
	color: #555;
}
.faList .cont .text .info{
	width: 100%;
	height: 15px;
	margin-top: 10px;
	line-height: 15px;
	font-size: 12px;
	color: #9b9b9b;
	display: flex;
	flex-direction: row;
}
.faList .cont .text .info .icon{
	width: 15px;
	height: 15px;
	border-radius: 3px;
	background-size: cover !important
}
.faList .cont .text .info .name{
	margin-left: 5px;
	margin-right: 15px;
}
.faList .cont .text .info .time{
	font-size: 10px;
}
.faList .contNoNum{
	padding-left: 15px;
}
.zTopMain{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 100;
	display: none;
}
#xzList{
	height: calc(100% - 98px);
	overflow-y:auto
}
.zTopHeader{
	width: 100%;
	height: 48px;
	top: 0;
	left: 0;
	display: flex;
	background: #fff;
	flex-direction: row;
	line-height: 48px;
	padding-left:15px;
	padding-right:10px;
	font-size: 17px;
}
.zTopHeader:after{
	content: "";
	display: block;
	width: 200%;
	bottom: -1px;
	left: 0;
	position: absolute;
	box-sizing: border-box;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.zClose,.okTop{
	width: 100%;
}
.okTop{
	text-align: right;
	color: #33B24A;
}


/*问答详情页*/
.talk-aq-main{
	width: 100%;
	padding: 48px 0;
}
.talk-aq-main .title{
	width: calc(100% - 30px);
	margin:10px auto 15px;
	padding: 15px;
	background: #fff;
	color: #435356;
	border-radius: 5px;
	box-shadow: 0 0 10px #ccc;
}
.talk-aq-main .title .tag{
	width: 100%;
	height: 20px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
}
.talk-aq-main .cont{
	width: 100%;
	background: #fff;
	color: #435356;
	padding: 15px;
	font-size: 16px;
}
.talk-aq-main .cont img{
	max-width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.talk-aq-main .cont .author{
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
}
.talk-aq-main .cont .author .icon{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-size: cover !important;
}
.talk-aq-main .cont .author .name-time{
	width: calc(100% - 140px);
	height: 40px;
	padding-left: 10px;
}
.talk-aq-main .cont .author .name-time .name{
	width: 100%;
	height: 20px;
	color: #435356;
	font-size: 14px;
	line-height: 20px;
}
.talk-aq-main .cont .author .name-time .time{
	width: 100%;
	height: 20px;
	font-size: 12px;
	color: #9b9b9b;
	line-height: 20px;
}
.talk-aq-main .cont .author .guanzhu{
	width: 80px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-top: 5px;
	border-radius: 5px;
	text-align: center;
	color: #7F8789;
	border:1px solid #7F8789;
}
.talk-aq-main .cont .author .guanzhu i{
	font-size: 14px;
}
.talk-aq-main .cont .tag{
	width: 100%;
	height: 40px;
	margin: 20px 0;
	font-size: 14px;
	line-height: 40px;
}
.talk-aq-main .cont .tag .views{
	color: #7F8789;
}
.talk-aq-main .cont .tag .jubao{
	color: #7F8789;
	height: 30px;
	margin-top: 5px;
	line-height: 30px;
	width: 80px;
	border-radius: 5px;
	background: #ECECEC;
	text-align: center;
}
.talk-aq-main .cont-ly{
	width: 100%;
	padding: 15px;
	margin-top: 10px;
	background: #fff;
}
.talk-aq-main .cont-ly .tl-liuyan{
	width: 100%;
}
.talk-aq-main .cont-ly .tl-liuyan .lytop{
	text-align: center;
	width: 100%;
	margin:10px 0;
	color: #7F8789;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .icon{
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background-size: cover !important;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .ly-info{
	width: calc(100% - 35px);
	padding-left: 10px;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .ly-info .top{
	height: 20px;
	line-height: 20px;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .ly-info .top .i-author{
	font-size: 13px;
	color: #7F8789;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .ly-info .time{
	font-size: 13px;
	color: #7F8789;
	margin-top: 10px;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .ly-info .top i{
	color: #7F8789;
	font-size: 20px;
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .ly-info .top .num{
	font-size: 13px;
	color: #7F8789
}
.talk-aq-main .cont-ly .tl-liuyan .tl-liuyan-item .ly-info .contly{
	width: 100%;
	color: #435356;
}
.talk-aq-footer{
	width: 100%;
	height:48px;
	line-height: 48px;
	background: #fafbfe;
	position: fixed;
	bottom: 0;
	padding: 0 10px;
}
.talk-aq-footer:before{
	content: "";
	width: 200%;
	left: 0;
	display: block;
	position: absolute;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	border-top: 1px solid #E3E3E3;
}
.talk-aq-footer .aq-input{
	width: 150px;
	height: 32px;
	line-height: 32px;
	color: #7F8789;
	margin-top: 8px;
	border-radius: 19px;
	background: #F5F5F5;
	padding-left:20px;
}
/*问答详情页end*/

/*回答列表页*/
.talk-aq-main .aq-title{
	width: 100%;
	background: #fff;
	padding: 15px;
}
.talk-aq-main .aq-title .tag{
	width: 100%;
}
.talk-aq-main .aq-title .tag .tag-item{
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0px 10px;
	margin-right: 5px;
	font-size: 12px;
	border-radius: 3px;
	color: #7F8789;
	background:#F4F4F4;
}
.talk-aq-main .aq-title .aq-name{
	width: 100%;
	font-size: 22px;
	line-height: 25px;
	color: #435356;
	margin-top: 10px;
}
.talk-aq-main .aq-title .aq-desc{
	width: 100%;
	margin-top: 10px;
}
.talk-aq-main .aq-title .aq-desc .desc{
	font-size: 14px;
	color: #7F8789;
}
.talk-aq-main .aq-title .aq-desc .desc-img{
	width: 100%;
}
.talk-aq-main .aq-title .aq-desc .desc-img .img{
	width: 75px;
	height: 75px;
	margin-right: 2px;
	background-size: cover !important;
	margin-top: 10px;
}
.talk-aq-main .aq-title .q-s{
	width: 100%;
	font-size: 12px;
	color: #9b9b9b;
	margin-top: 10px;
}
.talk-aq-main .aq-q{
	width: 100%;
}
.talk-aq-main .aq-q .aq-q-item{
	width: 100%;
	padding: 15px;
	margin-top: 10px;
	background: #fff;
}
.talk-aq-main .aq-q .aq-q-item .q-author{
	width: 100%;
}
.talk-aq-main .aq-q .aq-q-item .q-author .icon{
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background-size: cover !important;
}
.talk-aq-main .aq-q .aq-q-item .q-author .info{
	width: calc(100% - 35px);
	height: 35px;
	padding-left: 10px;
}
.talk-aq-main .aq-q .aq-q-item .q-author .info .name-gz{
	width: 100%;
	height: 20px;
	line-height: 20px;
}
.talk-aq-main .aq-q .aq-q-item .q-author .info .name-gz .name{
	font-size: 14px;
	color: #435356;
}
.talk-aq-main .aq-q .aq-q-item .q-author .info .name-gz .gz{
	font-size: 14px;
	color: #40A2D8;
}
.talk-aq-main .aq-q .aq-q-item .q-author .info .time{
	font-size: 12px;
	color: #9b9b9b;
}
.talk-aq-main .aq-q .aq-q-item .q-cont{
	font-size: 15px;
	color: #435356;
	margin-top: 10px;
}
.talk-aq-main .aq-q .aq-q-item .q-cont-img{
	width: 100%;
	margin-top: 10px;
}
.talk-aq-main .aq-q .aq-q-item .q-cont-img .img{
	background-size: cover !important;
	
}
.talk-aq-main .aq-q .aq-q-item .q-cont-img .img:nth-child(1),.talk-aq-main .aq-q .aq-q-item .q-cont-img .img:nth-child(2){
	margin-right: 2px;
	
}
.talk-aq-main .aq-q .aq-q-item .q-btn{
	width: 100%;
	height: 40px;
	color: #93999A;
	margin-top: 5px;
	font-size: 12px;
	padding-top: 5px;
}
.talk-aq-main .aq-q .aq-q-item .q-btn span{
	font-weight: bold;
}
.talk-aq-main .aq-q .aq-q-item .q-btn .q-z,.talk-aq-main .aq-q .aq-q-item .q-btn .q-c,.talk-aq-main .aq-q .aq-q-item .q-btn .q-zf,.talk-aq-main .aq-q .aq-q-item .q-btn .q-l{
	height: 30px;
	line-height: 30px;
}
.talk-aq-main .aq-q .aq-q-item .q-btn .q-z,.talk-aq-main .aq-q .aq-q-item .q-btn .q-c{
	background: #F4F4F4;
	margin-right: 5px;
	padding: 0 8px;
	border-radius: 2px;
}
.talk-aq-main .aq-q .aq-q-item .q-btn .q-zf{
	margin-left: 20px;
}
.talk-aq-main .aq-q .aq-footer{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #9b9b9b;
	font-size: 14px;
}
.talk-aq-footer .q-invite,.talk-aq-footer .q-collect{
	height: 48px;
	font-size: 10px;
	color: #93999A;
	width: 100%;
	text-align: center;
}
.talk-aq-footer .q-invite .invite-icon{
	height: 21px;
	line-height: 21px;
	margin-top: 6px;
}
.talk-aq-footer .q-invite .invite-icon i{
	font-size: 20px;
}
.talk-aq-footer .q-invite .invite-font{
	height: 15px;
	line-height: 15px;
}
.talk-aq-footer .q-collect .collect-icon{
	height: 21px;
	line-height: 21px;
	margin-top: 6px;
}
.talk-aq-footer .q-collect .collect-icon i{
	font-size: 20px;
}
.talk-aq-footer .q-collect .collect-font{
	height: 15px;
	line-height: 15px;
}
.talk-aq-footer .q-s-r .q-share,.talk-aq-footer .q-s-r .q-reply{
	height: 48px;
	width: 100%;
	text-align: center;
}
.talk-aq-footer .q-s-r{
	width: 130px;
	position: absolute;
	right: -10px;
	color: #fff;
	letter-spacing: 2px;
}
.talk-aq-footer .q-s-r .q-share{
	background: #ff9738;
}
.talk-aq-footer .q-s-r .q-reply{
	background: #40A2D8;
}
/*回答列表页end*/