@charset "utf-8";
/* CSS Document */
body {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	color: #333333;
	background-color: #f9fafc;
	font-size: 15px!important;
	font-family: 'Microsoft Yahei', 'SimSun', 'sans-serif' !important;
	overflow-x: hidden;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
.fix:before, .fix:after {
	content: "";
	display: table;
}
.fix {
*zoom:1;
}
.fix:after {
	clear: both;
}
.banner
{width:1140px;
height:322px;
margin:10px auto;}
.banner img
{border-radius:10px;}

#content {
    width: 1140px;
    height: 100%;
    margin: 10px auto;

}
#content:after
{
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
}
/*左边栏*/
#content .left
{width: 740px;
padding:20px;
float:left;}

#content .left .hd
{position:relative;}
#content .left .hd .more
{position:absolute;
color:#fff;
padding:2px 4px;
background-color: #3591DE;
font-size:13px;
right:10px;
top:9px;}
#content .left h2 {
    font-weight: normal;
    padding: 20px 0;
}
#content .left .new_article
{width: 740px;
padding:20px;
float:left;
display:block;
 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.17);
    border-radius:20px;
min-height:600px;
position:relative;
background-color: #fff;}
.publish_input
{
	width:600px;
	margin:20px auto;
}
.publish_input ul
{
	margin-bottom:20px;
}
.originalImg {
    background-image:url(/tougao/images/pub.png);
    width: 91px;
    height: 94px;
    position: absolute;
    left: 0;
    top: 0;
}
.input {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 1px;
    display: inline-block;
	margin:10px 0;
    height: 38px;
    width: 580px;
    padding: 4px 10px;
	font-size:16px;
    box-shadow: none;
    font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
.textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 1px;
    display: inline-block;
	margin:10px 0;
    /*height:200px;*/
    width: 678px;
	  height: 180px;
    padding: 4px 10px;
	font-size:16px;
    box-shadow: none;
    font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
.input2 {
    background-color: #fff;
	float:left;
    border: 1px solid #ddd;
    border-radius: 1px;
    display: inline-block;
    height: 38px;
	width:335px;
	font-size:16px;
    padding: 4px 10px;
    box-shadow: none;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
.button {
	cursor:pointer;
	background-color: #fafafa;
	border: 1px solid #ddd;
	font-size:16px;
	margin:20px 0 10px 0;
	border-radius: 1px;
	display: inline-block;
	height: 48px;
	width: 600px;
	padding: 4px 10px;
	box-shadow: none;
	cursor:pointer;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
.img_common
{
	width:252px;
	height:141px;
	display:block;
	margin:10px auto;
}
.text {
    height: 150px;
    resize: none;
}
.form-group2 label
{
	font-size:20px;
	color: #173bae;
}
#article-is_creative
{
	width:20px;
	height:20px;
	cursor:pointer;
}
.sub {
    
    border-radius: 35px;
    border: none;
    padding: 10px 50px;
    font-size: 18px;
    display: block;
    float:left;
    margin: 0px auto;
    cursor: pointer;
	    margin-left:10px;
	    color: #fff;
    background: #173bae;
    background: linear-gradient(120deg,#80e4fd 0%,#173bae 50%, #173bae 100%);
}
.sub:hover{
	background: #173bae;
  background: linear-gradient(120deg, #173bae 0%,#173bae 50%,#80e4fd 100%);
}

.preview {
    border:1px solid #173bae;
     background-color: #fff;
    border-radius: 35px;
    padding: 10px 50px;
    color: #173bae;
    font-size: 18px;
      float:left;
    display: block;
    margin: 0px auto;
    cursor: pointer; 
}
/*右边栏*/
.container .right
{width:362px;
float:right;
padding: 20px 0;
display:block;}
.container .right .right_author
{
	width:312px;
	background:#fff;
	height:800px;
	padding: 0 20px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.17);
	  border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    font-size: 15px !important;
    font-family: 'Microsoft Yahei', 'SimSun', 'sans-serif' !important;
}
.right .class_ul {
	padding: 15px 0 0 15px;
	height: 150px;
	border-bottom:1px solid #f4f4f4;
}
.right .class_ul li {
	float: left;
}
.right .class_ul .class_con {
	width: 150px;
	/* max-height: 40px; */
	padding-left: 20px;
}
.right .class_ul li img {
	width: 120px;
	height: 120px;
	border-radius:3px;
}
.right .class_ul li p {
	display: block;
	line-height: 20px;
	/* height: 40px; */
	overflow: hidden;
	color: #333;
}
.right .class_ul li .dy a {
    display: inline-block;
    color: #fff;
    float:right;
    margin-right: 6px;
    font-family: 微软雅黑;
    width: 76px;
    text-align: center;
    background-color: #33cc66;
    border-radius: 30px;
    font-size: 14px;
    padding:3px 0;
    margin-top: 18px;
}
.author
{
	margin-bottom: 5px;
}
.right .class_ul li p a{
	color: #576370;
	font-size:16px;
}
.right .class_ul li p span {
	line-height: 25px; 
	color: #999;
	font-size: 13px;
}
.right .right_author h3 {
    color:#173bae;
    font-size: 16px;
    font-weight: normal;
    padding: 20px 15px;
    float: left;
}
.right .right_author .xg_text
{
	display:block;
	clear:left;
	padding: 0px 15px;
}

.right .right_author .xg_text li a
{
	color:#333;
		line-height:40px;
	    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.right p {
	display: block;
	float:left;
	line-height: 28px;
	padding-left:15px;
	margin-bottom: 10px;
	overflow: hidden;
	color: #333;
}
/*翻页*/
.Flip{ width:550px;padding-bottom:30px;height:24px;line-height:24px; margin:0 auto; position:relative; display:block;}
.Flip a{float:left; padding:0px 10px; height:24px; line-height:24px; border:1px solid #00b38a; color:#333; text-align:center; font-size:12px;  margin-right:2px;}
.Flip a:hover{float:left; padding:0px 10px; height:24px; line-height:24px; border:1px solid #00b38a; color:#333; text-align:center; font-size:12px;  margin-right:2px;}
.Flip .current{float:left; padding:0px 10px; height:24px; line-height:24px; background-color:#00b38a; color:#fff; text-align:center; font-size:12px;  margin-right:2px;}
.Flip span{ float:left; padding:0 8px; color:#333;}