@charset "utf-8";
@import "font.css?v=2.14";

td.checkboxs label.checkbox{
	display:inline-block;
	width:120px
}
/* COMMON */
*{
	word-wrap: break-word;
}
body, input, button, select, textarea , table {
	font-family: 'microsoft yahei', helvetica, arial, sans-serif;
	color: #333;
	font-size:14px;
	line-height:150%;
	color:#000;
}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset{
	margin: 0;
	padding: 0;
}
table {
	empty-cells: show;
	border-collapse: collapse;
}
th {
	text-align: left;
	font-weight: 400;
}
ul li{
	list-style: none;
}
em, cite, i {
	font-style: normal;
}
a {
	color:#000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#f00;
}
a.link{
	color:#06C;
	text-decoration:underline;
}
a.link:hover{
	color:#f00;
	text-decoration:none;
}
a img {
	border: none;
}
label {
	cursor: pointer;
}
.tc{
	text-align:center	
}
.l{
	float:left;
}
.r{
	float:right;
}
.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cl {
	zoom: 1;
}
.b{
	font-weight:600;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.pt20{
	padding-top:20px;
}
.pb20{
  padding-bottom:20px;
}
.pl10{
	padding-left:10px;
}
.pr10{
	padding-right:10px;
}
.pt10{
	padding-top:10px;
}
.pb10{
	padding-bottom:10px;
}
.pl5{
	padding-left:5px;
}
.pr5{
	padding-right:5px;
}

.shadow{
	box-shadow: 0 0px 15px #eaeaea;
	-webkit-box-shadow: 0 0px 15px #eaeaea
}
.flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.flex {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.radius{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
/* Input */
.input,.textarea{
	border:1px solid #ddd;
	padding:0 10px;
	line-height:38px;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.input:hover,.input:focus,.textarea:hover,.textarea:focus{
	border:1px solid #2196f3
}
.input:focus,.textarea:focus{
	background:#FCFAED
}
.input{
	width:300px
}
.textarea{
	line-height:24px;
	min-height:96px;
	width:500px;
}
.textarea.row8{
	min-height:192px;
}
.input:disabled{
	color:#ccc;
	border:1px solid #eee
}
.check{
	position: absolute;
	left: -9999em;
}
.checkbox span.icon:before{
	content:"\e68c";
	color:#ccc;
	padding-right:5px;
	font-size:20px
}
.check:disabled +span.icon:before{
	color:#eee
}
.checkbox .check:checked + span.icon:before{
	content:"\e715";
	color:#2196f3;
}
.radio{
	display:inline-block;
}
.radio span.icon:before{
	content:"\e6bf";
	color:#ccc;
	padding-right:5px;
	font-size:20px
}
.radio .check:checked + span.icon:before{
	content:"\e71f";
	color:#2196f3;
} 
.select {
	padding:0;
	font-size:14px;
	display:inline-block;
	position:relative;
	background:#f6f6f6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.select:hover,.select:hover:after{
	background:#eee;
}
.select:after {
	font-family:"iconfont";
	content:"\e92d";
	background:#f6f6f6;
	position:absolute;
	width:24px;
	line-height:38px;
	text-align:left;
	height:38px;
	right:0px;
	bottom:0px;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}
.select select {
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	border: 0;
	outline: 0;
	background-color: transparent;
	width:auto;
	font-size: inherit;
	height: 38px;
	position: relative;
	z-index: 1;
	padding: 0 24px 0 12px;
}
.button{ 
  border:0px; 
  color:#fff !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#2196f3;
	padding:0 20px !important;
	height:40px;
	line-height:40px;
	font-size:16px;
	cursor:pointer;
	display:inline-block;
}
.button:hover{ background:#0f82dd}

.button.w{
	background:#f65d5b;
}
.button.w:hover{
	background:#e04846;
}
.button.d{
	background:#aaa;
}
.button.d:hover{
	background:#ccc;
}
.button + .button{
	margin-left:10px;
}

/*弹窗*/
#window{
	position:fixed;
	z-index:1200;
	top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#mask{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
	position: fixed;
	/*
	background: rgba(0, 0, 0, 0.6);
	*/
}

.loading{
	padding:25px;
	background: rgba(0, 0, 0, 0.6);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.loadingicon{
	width:50px;
	height:50px;
	display:inline-block;
	-webkit-animation: weuiLoading 1s steps(12, end) infinite;
          animation: weuiLoading 1s steps(12, end) infinite;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
  background-size: 100%;
}
@-webkit-keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}

/*openmenu*/
.openmenu{
	position:absolute;
	padding:10px;
	left:0px;
	top:0px;
	z-index:9999;
}
.openmenu li{
	padding:5px;	
}
.openmenu li:last-child{
	padding-bottom:0px;
	border-bottom:0px;
}
/*dialog*/
.dialog{
	width:400px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.dialog h3{
	height:50px;
	line-height:50px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding-left:20px;
}
.dialog h3 span{
	float:right;
}
.dialog p{
	padding:50px 20px;
	font-size:14px;
	line-height:24px;
	text-align:center;
}
.dialog div{
	padding:15px;
	text-align:center;
	font-size:14px;
}
.dialog div a.button{
	font-size:14px
}

.modset{
	width:700px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position:fixed;
	z-index:1100;
	left:calc((100% - 700px)/2);
	top:200px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1);
}
.modset h3{
	height:50px;
	line-height:50px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding-left:10px;
}
.modset h3 em{
	display:inline-block;
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background:#e94a59;
	margin-left:8px;
	margin-top:18px;
}
.modset h3 em.s2{
	background:#f2d57f;
}
.modset h3 em.s3{
	background:#a2c680;
	margin-right:20px;
}
.modset h3 strong {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-size:18px;
	font-weight:400;
	padding-left:20px;
	cursor:move;
}

.modset h3 span,.dialog h3 span{
	font-size:20px;
	height:50px;
	display:inline-block;
	width:50px;
	text-align:center;
	line-height:50px;
	cursor:pointer;
}
.modset .modarea{
	padding:0;
}
.modarea-footer{
	height:20px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.modarea-footer-btn{
	padding:10px 15px;
	text-align:right;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.modset .modarea-content{
	max-height: 360px;
	padding:30px 40px 20px 40px;
	overflow-x: hidden;
}
.modset .modarea-content p{
	line-height:1.6;
	font-size:16px;
	margin-bottom:1rem;
}
.modset .modarea-content.preview {
	padding:20px;
}
.modset .modarea img{
	max-width:100%;
	display:block;
	margin:0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
}


/* Body */
body{
	background:#f2f2f2;
	padding-top:80px;
}
.wrap{
	width:1024px;
	margin:0 auto;
}
.wrap-c{
	width:800px;
	margin:0 auto;
}
/* Showmessage */
.showmessage{
	margin:50px 0;
	padding:50px 200px;
}
.showmessage h1{
	line-height:1;
	padding:0 10px 30px 10px;
	margin-bottom:10px;
}
.showmessage p{
	padding:10px;
	font-size:16px;
}
.showmessage p a.bo{
	display:inline-block;
	padding:0 15px;
	height:30px;
	line-height:30px;
	font-size:14px;
}
.showmessage p a.cc3{
	margin-right:10px;
}

/**/
.pagearea{
	padding:20px;	
}
.pages{
	float:right
}
.pages strong,.pages a{
	display:inline-block;
	padding:5px 10px;
	border-style:solid;
	border-width:1px;
	margin:0 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.pages a{
	background:#fff;
}
.pages strong{
	background:#f30;
	color:#fff;
}
.pages a:hover{
	border-color:#f30;
}

/**/
.sms-inputs{
	padding:8px 0 0 0;
}
.sms-input{
	padding:8px 0
}
.sms-input .sms-input-hd{
	width:100px;
	text-align:right;
	line-height:40px;
	padding-right:10px;
}
.sms-inputs-btn{
	padding-left:110px;
	padding-top:8px;
}
.sms-inputs-btn .button{
	width:322px;
}
.getsmscode{
	border:1px solid #2196f3;
	background:#ecf5ff;
	padding:0 10px;
	height:38px;
	line-height:38px;
	color:#2196f3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
}
.getsmscode:disabled {
	background:#eee;
	border:1px solid #ddd;
	color:#999
}
/* Header */
#header{
	background:#fff;
	background: rgba(255, 255, 255, 0.98);
	padding:15px 0;
	position:fixed;
	width:100%;
	top:0px;
	z-index:100;
	border-bottom:1px solid #eee;
}
#header .logo{
	float:left;
}
#header .logo img{
	height:48px;
	display:block;
}
#header .logo span.icon-logo{
	color:#e64340;
	font-size:48px;
}
#header .logo span.icon-company{
	font-size:24px;
	color:#333;
}
#header ul{
	float:right;
}
#header ul li{
	float:left;
}

#header ul.site-nav{
	line-height:45px;
	font-size:14px;
}
#header ul.site-nav li{
	font-weight:700;
	padding:0 15px 0 0;
}

#header ul.site-nav li:after{
	content:"|";
	font-weight:100;
	color:#ddd;
	padding:0 0 0 15px;
}
#header ul.site-nav li:last-child:after{
	content:"";
	padding:0px;
}
#header ul.site-nav li a{
	display:inline-block;
	border-bottom:3px solid transparent;
}
#header ul.site-nav li a:hover{
	color:#f00;
}
#header ul.site-nav li.a a{
	border-bottom:3px solid #f00
}

#header ul.user-panel li{
	padding:5px;
}
#header ul.user-panel li.panel-btn a{
	display:block;
	border:1px solid #666;
	padding:0 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height:36px;
	line-height:36px;
}
#header ul.user-panel li.panel-btn a:hover{
	border:1px solid #2196f3;
	color:#2196f3;
}
#header ul.user-panel li.reg a{
	border:1px solid #2196f3;
	background:#2196f3;
	color:#fff;
}
#header ul.user-panel li.user a{
	line-height:38px;
}
#header ul.user-panel li.user a:hover{
	color:#ee4d4a;
}
#header ul.user-panel li.reg a:hover{
	background:#3ba5fa;
	border:1px solid #3ba5fa;
	color:#fff;
}
#header ul.user-panel li img{
	width:38px;
	height:38px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align:middle;
	margin-right:10px;
}
#header ul.user-panel li.user + li.user a:before{
	content:"|";
	font-weight:100;
	color:#ddd;
	padding:0 10px 0 0;
}

/*footer*/
#footer{
	padding:20px 0;
	font-size:12px;
}
#footer li{
	display:inline-block;
}

#footer ul li:after{
	content:"|";
	font-weight:100;
	color:#ddd;
	padding:0 10px;
}
#footer ul li:last-child:after{
	content:"";
	padding:0px;
}

/*main-box*/
.main-box{
	padding:20px;
	margin-top:20px;
}

/* member */
.member{
	padding:100px 200px;
	margin-top:20px;
	position:relative;
}
.member h1{
	line-height:1;
	padding-bottom:30px;
	position:relative;
	z-index:1;
}
.member h1 img{
	position:absolute;
	right:10px;
	top:15px;
	width:48px;
	height:48px;
	padding:2px;
}

.member h1 ul{
	position:absolute;
	z-index:10;
	right:0px;
	bottom:-1px;
	border-style:solid;
	border-width:1px 1px 0 1px;
}
.member h1 ul li{
	float:left;
	font-size:14px;
	font-weight:400;
	height:36px;
	line-height:36px;
}
.member h1 ul li a{
	display:block;
	padding:0 15px;
}
.member form{
	padding:20px 0 40px 0;
}
.member .pandq{
	position:absolute;
	right:0px;
	top:0px;

}

.member .pandq a{
	color:#fff;
	font-size:36px;
	padding:10px 10px 20px 20px;
	background:#F60;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;	
}
.member .pandq a:hover{
	background:#F90;
}
.member .pandq a:after{
	position:absolute;
	content:"";
	border-bottom: 66px solid #fff;
	border-right: 66px solid transparent;
	right:0px;
	top:1px;
}

.member .wechat-login{
	text-align:center;
	position:relative;
}
.member .wechat-login img{
	display:inline-block;
	width:280x;
	height:280px;
}
.member .wechat-login span{
	position:absolute;
	width:280px;
	height:280px;
	background: rgba(255, 255, 255, 0.95);
	line-height:280px;
	text-align:center;
	left:172px;
	top:1px;
	color:#f00;
	font-size:12px;
}
.member .loginmethod{
	text-align:center;
	padding-top:15px;
}
.member .loginmethod img{
	width:32px;
	height:32px;
	vertical-align:middle;
	margin-right:10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

/*side-box*/
.side-box{
	background:url(sidebox.jpg) repeat-y 0 0;
	background-size:191px;
}
.side-box .side-l{
	width:170px;
	float:left;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:5px 0 0 5px;
	padding:15px;
}
.side-box .side-l ul li{
	line-height:46px;
	font-size:16px;
}
.side-box .side-l ul li.line{
	height:0px;
	line-height:0px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #fff;
}
.side-box .side-l ul li span{
	padding-right:10px;
	font-size:24px;
}
.side-box .side-l ul li img{
	padding-right:10px;
	width:24px;
	height:24px;
	vertical-align:middle;
}

.side-box .side-r{
	width:793px;
	float:right;
	padding:15px;
}

/*右侧项目导航*/
.side-box .side-r .navitem{
	padding-left:10px;
	margin-bottom:10px;
}
.side-box .side-r .navitem li{
	float:left;
	padding:0 15px;
	line-height:45px;
	margin-bottom:-1px;
	background:#fff;
}
.side-box .side-r .navitem li.oc2{
	border-style:solid;
	border-width:1px 1px 0 1px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;	
}
.side-box .side-r .navitem li.oc2 a{
	font-weight:600;
}
.side-box .side-r .navitem li a{
	display:block;
}

/*右侧页面导航*/
.side-r .nav{
	padding:10px 10px 15px 10px;
	margin-bottom:10px;
}
.side-r .nav a{
	font-weight:600;
}
.side-r .nav em:before{
	content:">";
	padding:0 8px;
	color:#ccc
}

/* con-box */
.con-box .side-l{
	width:200px;
	float:left;
}
.con-box .side-r{
	width:800px;
	float:right;
}
.con-box .side-m{
	width:700px;
	float:left;
}
.con-box .side-s{
	width:300px;
	float:right;	
}

.side-tags{
	padding:5px 15px;
}
.side-tags li{
	border-style:solid;
	border-width:0 0 1px 0;
	padding:15px 10px;
	font-size:16px;
	overflow:hidden;
}
.side-tags li:last-child{
	border-bottom:0px;
}


/* 选择小组 */
.choose_topic h3{
	font-size:18px;
	padding:15px 0 20px 0;
}
.choose_topic li{
	float:left;
	padding:0 15px 15px 0;	
}
.choose_topic li a{
	display:block;
	height:36px;
	line-height:36px;
	padding:0 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.choose_topic li a:hover{
	border:1px solid #2196f3;
	color:#2196f3;
}

/*view-topic*/
.view-topic{
	padding:20px;
	margin-bottom:15px;
}
.view-topic img{
	float:left;
	margin-right:10px;
	width:80px;
	height:80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.view-topic h3{
	font-size:18px;
	padding:5px 0;
}
.view-topic p span{
	padding:0 3px;
}
.view-topic ul{
	padding-top:13px;
}
.view-topic ul li{
	float:left;
	text-align:center;
	padding:0 20px 0 0;
}
.view-topic ul li.oc3{
	padding:0 0 0 20px
}
.view-topic ul li strong{
	display:inline-block;
	padding-top:10px;
	font-size:20px;
	font-weight:600;
}
/*notice*/
.notice{
	display: block;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #fffddd;
	color: #ff6600;
	margin: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* 帖子查看 */
.viewtheme{
	padding:20px 30px;
}
.viewtheme h1.vt-subject{
	line-height:1.6;
	font-size:24px
}
.vt-author{
	padding:10px 0 20px 0;
	margin-bottom:20px;
}
.vt-author span.date{
	padding-left:5px;
	font-size:12px;
}
.vt-author span.ctw{
	display:inline-block;
	padding:0 5px;
	margin-right:5px;
	font-size:12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.vt-abstract{
	padding:15px;
	font-style:italic;
	margin-bottom:20px;
	font-size:16px;
	line-height:1.5;
}
.vt-article{
	font-size:18px;
	line-height:1.8;
}
/*免费内容*/
.free_content{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
}
.free_content:before{
	content:"以下内容是公开内容";
	display:block;
	text-align:center;
	font-size:14px;
	color:#ccc;
	padding-bottom:10px;
}

.vt-article img{
	max-width:100%;
	display:block;
}
.vt-article img.viewpic{
	margin:0 auto;
}
.vt-article img.viewpic + br{
	display:none;
}
.vt-article p{
	margin-bottom:1.5rem;
}

.vt-article h2{
	font-size:20px;
}
.vt-article h3,.vt-article h4,.vt-article h5,.vt-article h6{
	font-size:18px;
}
.vt-needpay{
	text-align:center;
	padding:15px;
	background:#E7FAE8;
	color:#090;
	margin-bottom:15px;
}
.vt-imgs img{
	max-width:100%;
	display:block;
	margin:0 auto 10px auto;
}
/* vs-author */

.vs-author{
	padding:20px;
	text-align:center
}
.vs-author img{
	display:inline-block;
	width:100px;
	height:100px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}
.vs-author h3{
	padding:10px 0;
}
.vs-author h3 span{
	font-weight:400;
	padding-left:5px;
	font-size:12px;
}
.vs-author ul{
	padding-top:15px;
	margin-top:10px;
}
.vs-author ul li{
	float:left;
	width:33.33%;
	text-align:center;
}
.vs-author ul li strong{
	font-size:20px;
	display:inline-block;
	padding-top:10px;
	font-weight:400;
}

/* vs-box */

.vs-box{
	margin-top:15px;
	padding:15px;
}
.vs-box h3{
	padding-bottom:15px;
	font-size:16px;
}

/**/
.vs-themes li{
	padding:10px 0
}
.vs-themes li:last-child{
	border-bottom:0px;
}

/* mobile-qrcode */
.mobile-qrcode{
	margin-top:15px;
	text-align:center;
	padding:30px 15px;
}
.mobile-qrcode img{
	width:160px;
	display:inline-block;
}
/*编辑器内容*/
/*文件下载*/
.download{
	display:block;
	margin-bottom:10px;
	padding:0 15px;
	height:60px;
	line-height:60px;
	overflow:hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:16px;
	color:#586C94;
	background:#f6f6f6;
}
.download:before{
	font-size:36px;
	padding-right:5px;
	vertical-align:top;
	color:#333
}
/*视频*/
.video{
	margin: 10px 0px;
	position: relative;
}
.video img{
	max-width:100%;
	margin:0 auto;
	display:block
}
.video span.icon{
	position:absolute;
	left:50%;
	top:50%;
	color:#fff;
	font-size:48px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;

}
.video span.icon:before{
	content:"\e787"
}
.video p.price{
	color:#fff;
	position:absolute;
	top:150px;
	left:0px;
	width:100%;
	text-align:center
}
.video video{
	object-fit: contain;
	max-width:100%;
	display:block;
	margin:0 auto
}

/*音频*/
.audio a{
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 25px;
	background:#339933;
	color:#fff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	font-size:0.875rem;
	cursor:pointer;
}
.audio a div.voicestate{
	display:inline-block;
	padding-right:5px;
}
.audio a span.icon{
	font-size:20px;
	display:inline-block;
	width:24px;
}
.audio audio{
	visibility:hidden
}
@keyframes voicestate_1 {
	0% {
			opacity: 1;
	}
	50% {
			opacity: 0;
	}
	100% {
			opacity: 0;
	}
}

@keyframes voicestate_2 {
	0% {
			opacity: 0;
	}
	50% {
			opacity: 1;
	}
	100% {
			opacity: 0;
	}
}
@keyframes voicestate_3 {
	0% {
			opacity: 0;
	}
	50% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}
}
.audio-circle{
	width:24px;
	height:18px;
	display:inline-block
}
.audio-circle span{
	display:inline-block;
	background:#fff;
	margin:0px 2px;
	overflow:hidden;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	vertical-align:middle
}
.audio-circle .first{
	width:4px;
	height:6px;
	-webkit-animation: voicestate_1 1s infinite linear;
	animation: voicestate_1 1s infinite linear;
}
.audio-circle .second{
	width:4px;
	height:12px;
	-webkit-animation: voicestate_2 1s infinite linear;
	animation: voicestate_2 1s infinite linear;
}
.audio-circle .third{
	width:4px;
	height:18px;
	-webkit-animation: voicestate_3 1s infinite linear;
	animation: voicestate_3 1s infinite linear;
}


/* 二维码展示 */
.qrcode-page{
	background:url(qrcode_bg.jpg) no-repeat 50% calc(100% - 100px);
	background-size:600px;
	height:634px;
}
.qrcode-page .phone{
	padding:38px 61px 80px 61px;
	width:238px;
	height:516px;
	margin:0 auto;
	position:relative;
}
.qrcode-page .phone .swiper{ width:238px; overflow:hidden}
.qrcode-page .phone img{
	width:238px;
	height:516px;
}
.qrcode-page .phone_cover{
	width:360px;
	height:634px;
	margin:0 auto;
	background:url(newphone.png) no-repeat 0 0;
	background-size:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
}
.qrcode-page .swiper-button-next, .qrcode-page .swiper-button-prev{
	color:#fff;
	background: rgba(255, 83, 83, 0.8);
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.qrcode-page .swiper-button-prev{
	left:-160px;
}
.qrcode-page .swiper-button-next{
	right:-160px;
}
.qrcode-page .swiper-button-prev:after,.qrcode-page .swiper-button-next:after{
	font-size:20px;
}
.qrcode_footer{
	position:fixed;
	width:100%;
	height:180px;
	background: rgba(255, 80, 80, 0.95);
	z-index:20;
	left:0px;
	bottom:0;
}
.qrcode_ft_content {
	width:624px;
	margin:0 auto;
	padding:20px;
}
.qrcode_ft_content img{
	width:140px;
	height:140px;
	float:left;
	margin-right:20px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 20px #d82a2a;
	-webkit-box-shadow: 0px 0px 20px #d82a2a;
}
.qrcode_ft_content div{
	padding-top:15px;
}
.qrcode_ft_content h2{
	font-size:18px;
	font-weight:600;
	color:#fff;
}
.qrcode_ft_content p{
	padding:10px 0;
	color:#fdeded
}
.qrcode_footer .qrcodes{
	height:34px;
}
.qrcode_footer .qrcodes li{
	float:left;
	padding-right:10px;
}
.qrcode_footer .qrcodes li a{
	display:block;
	padding: 0 20px;
	line-height:32px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #fff;
	color:#fff;
}
.qrcode_footer .qrcodes li.a a{
	border:1px solid #d82a2a;
	background: #fff;
	color:#000
}
.qrcode_footer dl{
	padding-top:8px;
}
.qrcode_footer dl dd{
	float:left;
	font-size:12px;
	padding-right:10px;
	color:#fff;
}
.qrcode_footer dl dd a{
	color:#fff;
}
.qrcode_info{
	padding:0 0 15px 0;
	width:824px;
	margin:0 auto;
	text-align:center;
}
.qrcode_info h2{
	font-size:24px;
	padding-bottom:23px;
}
.qrcode_info p{
	font-size:16px;
}

/*content*/
.content{
	padding:30px;
	margin-top:20px;	
}
.content .title{
	padding-bottom:30px;	
}
.content .content_body{
	line-height:1.8;
	padding-top:20px;
}

/* posttable */
.posttable{
	width:100%;
}
.posttable th{
	vertical-align:top;
	padding:10px;
}
.posttable td{
	padding:10px;
}
.posttable th{
	line-height:40px;
	text-align:right;
	width:70px;
}
.posttable td .input_w{
	width:663px;
}
.posttable td.relative{
	position:relative
}
.posttable td span.ctg3{
	padding-left:10px;
	font-size:12px;
}
.posttable td span.alert em{
	padding:0 5px;
}
.posttable td p{
	padding-top:10px;	
}
.posttable td img{
	height:48px;
	margin-right:10px;
	vertical-align:middle;
	padding:2px;
	border:1px solid #ddd;
}
.posttable td span.icon-close{
	position:absolute;
	z-index:10;
	width:20px;
	height:20px;
	background:#000;
	color:#fff;
	padding:0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}
.posttable td.relative span.icon-close{
	right:170px;
	top:0;	
}
.post_abstract{
	border-style:dashed;
	border-width:1px;
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}

/*listtable*/
.listtable{
	width:100%;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.listtable td{
	border-bottom:1px solid #eee;
	padding:10px;
	
}
.listtable td.tableitem img{
	float:left;
	width:100px;
	margin-right:10px;
}
.listtable td.date{
	font-size:12px;
	color:#ccc;
}
.listtable thead td{
	padding:15px 10px;
	background:#2997f7;
}
.listtable thead td:first-child{
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
.listtable thead td:last-child{
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

.listtable thead td{
	border-right:1px solid #47a8fd;
	color:#fff;
}
.listtable thead tr td:last-child{
	border-right:0px;
}

.listtable tbody td{
	border-right:1px solid #eee;
}
.listtable tbody tr td:first-child{
	border-left:1px solid #eee;
}
.listtable tbody tr:hover td{
	background:#e9f4ff
}
.listtable td a{
	color:#2196f3;
}
.listtable tfoot td{
	background:#f6f6f6;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
/**/
.boxinfo{
	padding:10px 10px 20px 10px;
}
.boxinfo h3{
	padding-bottom:10px;
}
/**/
.upvodeo{
	padding:2px;
	display:inline-block;
	text-align:center;
}
.upvodeo span{ display:block; padding:0px !important; width:150px; height:100px; line-height:100px; text-align:center}
.upvodeo img{ height:200px; display:inline-block}
.upcover{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:26px;
	text-align:center;
	font-size:30px;
	padding:10px;
	vertical-align:middle;
}


.covers li{
	float:left;
	margin-right:10px;
	position:relative;
}
.covers li span{
	right:-8px;
	top:-8px;
}
.covers li img{
	height:100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}
/**/
.select_talk a{
	margin:0 10px 10px 0;
	display:inline-block;
	padding:5px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/**/
.inpsel_area ul{
	position:absolute;
	left:10px;
	top:50px;
	background:#fff;
	padding:10px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.16);
}
.inpsel_area ul li{
	line-height:36px;
	padding:0 10px;
	border-bottom:1px solid #eee;
	cursor:pointer;
}
.inpsel_area ul li span.c9{
	padding-left:5px;
	color:#f30;
}
.inpsel_area ul li span.c9:before{
	content:"(";
}
.inpsel_area ul li span.c9:after{
	content:")";
}

.inpsel_area ul li:last-child{
	border-bottom:0px;
}

.s{
	width:40px;
	text-align:center
}
.w100{
	width:100px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}

/**/
.theme_lists{
	padding:15px 30px;
}
.theme_list{
	padding:10px 0;	
}
.theme_list_author img{
	width:40px;
	height:40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	float:left;
	margin-right:10px;
}
.theme_list_subject{
	padding:10px 0 0 0;
}
.theme_list_subject a:hover{
	color:#2196f3;
}
.theme_list_abstract{
	padding:10px 0 0 0;
}
.theme_list_subject a.cc3{
	padding-left:5px;
}
.theme_list_video{
	display:inline-block;
	position:relative;
	padding-top:10px;
}
.theme_list_video img{
	width:200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.theme_list_video span.icon-play{
	position:absolute;
	left: 100px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:48px;
	color:#fff;
}
.s__ti_oneimg{
	display:inline-block;;
	padding-top:10px;
}
.s__ti_oneimg img{
	width:180px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:block;
}
.s__ti_imgs li{
	float:left;
	margin:10px 10px 0 0
}
.s__ti_imgs li img{
	width:120px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.theme_list_foot{
	padding-top:10px;
	line-height:30px;
}
.theme_list_foot .cc3{
	background:#E4F5F8;
	display:inline-block;
	padding:0 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.theme_list_foot ul{
	float:right
}
.theme_list_foot ul li{
	float:left;
	padding-left:10px;
}
.theme_list_foot ul li span.icon{
	font-size:18px;
	padding-right:5px;
	padding-top:6px;
	vertical-align:top;
}
/*----------color----------*/

.ctw,.cw,.cw a{ color:#fff}
.ctg1,.cg1,.cg1 a{ color:#000;}
.ctg2,.cg2,.cg2 a{ color:#333}
.ctg3,.cg3,.cg3 a{ color:#999}
.ctg4,.cg4,.cg4 a{ color:#aaa}
.ctg5,.cg5,.cg5 a{ color:#ccc}
.ctg6,.cg6,.cg6 a{ color:#ddd}
.ctg7,.cg7,.cg7 a{ color:#eee}
.ctc1,.cc1,.cc1 a{ color:#ff0000}/*大红*/
.ctc2,.cc2,.cc2 a{ color:#e64340}/*葡红*/
.ctc3,.cc3,.cc3 a{ color:#2196f3}/*蓝*/
.ctc4,.cc4,.cc4 a{ color:#3366cc}/*深蓝*/
.ctc5,.cc5,.cc5 a{ color:#009933}/*绿*/

.bo{ border: 1px solid;}
.bob{ border-bottom: 1px solid;}
.bot{ border-top: 1px solid;}
.bol{ border-left: 1px solid;}
.bor{ border-right: 1px solid;}

.oc1{ border-color:#ccc}
.oc2{ border-color:#e9e9e9}
.oc3{ border-color:#eee}
.oc4{ border-color:#ddd}
.oc5{ border-color:#f3f3f3}
.oc6{ border-color:#f6f6f6}

.ocr{ border-color:#e64340}/*葡红*/
.ocb{ border-color:#2196f3}
.ocw{ border-color:#fff}

.bg1{ background-color:#333}
.bg2{ background-color:#eee}
.bg3{ background-color:#f6f6f6}
.bg4{ background-color:#f9f9f9}
.bg5{ background-color:#fcfcfc}
.bg6{ background-color:#fff}
.bg7{ background-color:#e64340}/*葡红*/
.bg8{ background-color:#44acff}/*浅蓝*/
.bg9{ background-color:#2196f3}/*蓝*/

/*size*/
.size_12{ font-size:12px;}
.size_14{ font-size:14px;}
.size_16{ font-size:16px;}
.size_18{ font-size:18px;}
.size_20{ font-size:20px;}
.size_24{ font-size:24px;}
.size_28{ font-size:28px;}

/*color*/
.color_1{ color:#F00}
.color_2{ color:#00F}
.color_3{ color:#090}
.color_4{ color:#960}
.color_5{ color:#900}
.color_6{ color:#C00}
.color_7{ color:#F60}
.color_8{ color:#600}
.color_9{ color:#C09}
.color_10{ color:#666}
.color_11{ color:#999}
.color_12{ color:#ccc}