﻿	ul{
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	body{
		background-color:white;
	}
	.type-content-div{
		border: 1px dashed #2EAFBB;
		width: 700px;
		height:460px; 
		overflow: hidden; 
		margin: 10px auto;
	}
	.typetool{
		width:400px;
		margin-left: 10px;
		float:left;
	}
	.typetool>div{
		width:370px;
		margin-left: 10px;
	}
	.article-list-div{
		width:268px;
		margin-right: 5px;
		float:right;
	}
	.article-list-div,
	.typetool{
		height:400px;
		margin-top: 40px;
	}
	.dzq{
		width:100%;
		height:120px;
		line-height:23px !important; 
		display: block;
		border:1px solid #ccc;
		border-radius: 1px;
		text-indent: 0px;
		font-size: 17px;
		color:#3a3a3a;
		padding: 5px 15px;
		overflow-y: scroll;
		line-height: normal;
		word-wrap:break-word;
		border-top: 0px;
		border-bottom: 0px;
	}
	.dzq>span{
		font-size: 17px;
		line-height:23px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.gdq{
		resize: none;
		height:120px;
		line-height:23px;
		overflow-y: scroll; 
		border-radius: 1px;
		width:100%;
		border:1px solid #ccc;
		font-size: 17px;
		padding: 5px 15px;
	}
	.typetool-title{
		border:1px solid #ccc;
		border-bottom: none;
		height:28px;
		line-height: 28px;
		padding-left: 12px;
		color:green;
		font-weight: bold;
	}

	.typetool-data{
		height:30px;
		border:1px solid #ccc;
	}
	.typetool-data>ul{
		padding:0px;
		margin: 0px !important;
		width:100%;
	}
	.typetool-data>ul>li{
		float:left;
		width:52px;
		height:29px;
		line-height: 29px !important;
		text-align: center;
		margin-left: 0px;
		color:white;
		font-size: 14px;
	}
	.typetool-data>ul>li:nth-of-type(1){
		background-color:#00B050;
		width:54px;
	}
	.typetool-data>ul>li:nth-of-type(2){
		background-color:#5E5CA6;
	}
	.typetool-data>ul>li:nth-of-type(3){
		background-color:#1AA1E1;
	}
	.typetool-data>ul>li:nth-of-type(4){
		background-color:#B3C833;
	}
	.typetool-data>ul>li:nth-of-type(5){
		background-color:#008080;
	}
	.typetool-data>ul>li:nth-of-type(6){
		background-color:#CC0099;
	}
	.typetool-data>ul>li:nth-of-type(7){
		background-color:#888;
		width:54px;
	}
	.typetool-progress{
		height:5px;
		border:1px solid #d0d0d0;
	}
	.progress-bar{
		height:4px;
		width:0%;
		background-color:#82CA2F;
	}
	.typetool-btn{
		height:50px;
		line-height: 50px;
		text-align: right;
	}
	.zyh-btn{
		height: 28px;
		line-height: 28px;
		width:64px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		box-shadow: 0 2px 5px rgba(0,28,88,.3);
		cursor: pointer;
		background-color:#247AD2;
		border-radius: 3px;
	}
	.zyh-btn2{
		background-color:#008080;
	}

	.article-tab{
		width:240px;
		height:370px;
	}
	.tran-div-oper{
		height:30px;
	}
	.tran-div-oper>ul{
		padding:0px;
		margin:0px !important;
	}
	.tran-div-oper>ul>li{
		float:left;
		width:100px;
		text-align: center;
		color:#333;
	}
	.tran-div-oper>ul>li:hover{
		cursor: pointer;
	}
	.selected-li-tab{
		border:1px solid #ccc;
		border-bottom: none;
		height:30px;
		line-height: 30px !important;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.unselected-li-tab{
		background-color:#ccc;
		height:24px;
		line-height: 24px !important;
		margin-top: 6px;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
	}
	.line-div{
		clear:both;
		border-top:1px solid #ccc;
		height:1px;width:300px;
		width:40px;
		margin-left: 200px;
	}
	.the-tab-div{
		border:1px solid #ccc;
		height:315px;
		border-top: none;
	}
	.the-tab-div:last-of-type{
		display: none;
	}
	.article-search{
		height:60px;
		line-height: 60px;
		width:210px;
		margin-left:14px;
	}
	.search-ipt{
		width:130px;
		height:28px;
		outline: none;
		border:1px solid #ccc;
		border-radius: 3px;
		text-indent: 10px;
		color:#333;
		font-size: 14px;
	}
	.article-search>input{
		margin-top: 15px;
	}
	.article-search>input:nth-of-type(1){
		float:left;
	}
	.article-search>input:nth-of-type(2){
		float:right;
	}
	.article-ul{
		width:210px;
		border:1px solid #ccc;
		height:234px;
		overflow-y: scroll;
		margin-left:14px !important;
		border-radius: 3px;
	}
	.article-ul>li{
		color:#333;
		height:24px;
		line-height:24px !important;
		font-size:14px;
	}
	.article-ul>li>.article_title{
		margin-left: 10px;
	}
	.article-ul>li:hover{
		cursor: pointer;
		background-color: #ADCE89;
	}
	.type-text-div{
		width:210px;
		margin-left:14px;
	}
	.custom-textarea{
		width:99%;
		height:234px;
		border:1px solid #ccc;
		resize: none;
		border-radius: 3px;
		margin-top: 16px;
		padding:10px 12px;
		font-size: 14px;
		line-height: 20px;
	}
	.row-submit{
		height:50px;
		line-height: 50px;
		text-align: right;
		width:210px;
		margin-left:14px;
	}
	.article_wordcount{
		display: none;
	}
