@charset "utf-8";

::selection {
	background-color: #ec494e;
	color: #fff
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

::-webkit-scrollbar-thumb {
	background-color: rgba(50, 50, 50, .3)
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(50, 50, 50, .6)
}

::-webkit-scrollbar-track {
	background-color: rgba(50, 50, 50, .1)
}

::-webkit-scrollbar-track:hover {
	background-color: rgba(50, 50, 50, .2)
}

ul {
	list-style: none
}

audio {
	width: 100%
}

* {
	margin: 0;
	padding: 0
}

.set {
	line-height: 35px
}

a:focus,
a:hover {
	text-decoration: none !important
}

.glyphicon-search {
	color: #999
}

.glyphicon-tag {
	color: #56a2ed
}

.glyphicon-folder-close {
	color: #56a2ed
}

#sure_grp_chos {
	width: 80px
}

.text_box {
	width: 100%
}

.title_star {
	padding: 0 5px;
	color: red
}

#editor_id {
	width: 100%
}

.top_menu>li:last-child {
	padding: 2px 0 5px
}

#new_list_input {
	display: none;
	padding: 2px 5px;
	margin: 0 auto;
	width: 90%
}

#detail_memb li>div:nth-child(1) {
	width: 32%;
	text-align: right;
}

#detail_memb li>div:nth-child(2) {
	width: 62%;
	word-break: break-all;
	background-color: #e0edfc;
}

#detail_memb li>div {
	float: left
}

.sendch3 {
	float: left;
	margin: 3px 3px 3px 3px
}

.sendch333 {
	float: left;
	margin: 3px 3px 3px 3px
}

.rec_tag {
	position: absolute;
	left: 0;
	top: -30px
}

.rec_tag div {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	border-right: 1px solid #e0edfc
}

.all_CinportSnedMsgs {
	background-color: #659fe0;
	border: none;
	color: #fff;
	border-radius: 4px;
	width: 132px;
	height: 25px;
	margin-right: 10px
}

.rec_tag div.act {
	background-color: #659fe0;
	color: #fff
}

.rec_tag div:hover {
	background-color: #71afee;
	color: #fff
}

textarea {
	resize: none
}

input,
button,
select,
textarea {
	border: 1px #b9b9b9 solid;
}

input:focus,
textarea:focus,
.chat_exp:focus {
	outline: 0;
	border: 1px #6db6f9 solid;
	border-radius: 3px;
}

::-ms-reveal,
input::-ms-clear {
	display: none
}

#load_preview {
	padding: 2px 5px;
	width: 100px;
	border: none;
	height: 25px;
	background-color: #eee;
	color: #000
}

#datetimepicker5 {
	height: 25px;
	padding: 2px 5px;
	width: 160px
}

#datetimepicker,
#datetimepicker1,
#datetimepicker2 {
	height: 20px;
	padding: 2px 5px;
	width: 120px
}
input[type=datetime-local] {
	height: 20px;
	padding: 2px 5px;
	width: 160px
}
#datetimepicker4 {
	height: 20px;
	padding: 2px 5px;
	width: 60px
}

#datetimepicker6 {
	height: 20px;
	padding: 2px 5px;
	width: 100px
}

#datetimepicker7 {
	height: 20px;
	padding: 2px 5px;
	width: 100px
}

@media(min-width:768px) {

	.app,
	body {
		width: 100%;
		height: 100%
	}
}

.bgimgcol {
	background-image: :url(../imgs/background.BMP);
	background-position: right;
	background-size: cover;
	position: absolute;
	right: 5px;
	left: 5px;
	top: 42px;
	bottom: 0;
	color: transparent;
	z-index: 0
}

mainline {
	position: fixed;
	bottom: 10px;
	margin: 0 auto;
	width: 60%;
	height: 40px;
	border: 1px solid red
}

.position3 {
	position: fixed;
	z-index: 498;
	top: 0;
	bottom: 0;
	width: 400px;
	border-bottom: none;
	background-color: #fff;
	box-shadow: -2px 0 4px rgba(0, 0, 0, .2);
	-webkit-transition: 3s;
	-moz-transition: 3s;
	-ms-transition: 3s;
	-o-transition: 3s;
	transition: 3s
}

body {
	font-size: 12px !important
}

.logo span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: auto 5px;
	font-size: 18px;
	padding: 0 7px;
	color: #333;
	font-weight: 700;
	vertical-align: middle;
	border-left: 1px solid #666
}

.logo img {
	margin-top: -4px;
	margin-right: 5px;
	height: 25px;
	width: auto
}

#grp_wind_close {
	font-size: 30px;
	background-color: transparent;
	border: none;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 0
}

#grp_wind_close:hover {
	background-color: #ea7066
}

.transfer_mid .transfer_ul:not(.top_trans) {
	display: block !important;
	border-left: 1px solid #e2e2e2
}

.all_del_tip {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 150px;
	margin: auto;
	background-color: #fff;
	z-index: 1004;
	border-radius: 4px;
	border: 1px solid #999;
	box-shadow: 1px 2px 2px rgba(10, 10, 10, .3)
}

.all_del_tipwin {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 150px;
	margin: auto;
	background-color: #fff;
	z-index: 1004;
	border-radius: 4px;
	border: 1px solid #999;
	box-shadow: 1px 2px 2px rgba(10, 10, 10, .3)
}

.all_del_tipcelare {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 150px;
	margin: auto;
	background-color: #fff;
	z-index: 1004;
	border-radius: 4px;
	border: 1px solid #999;
	box-shadow: 1px 2px 2px rgba(10, 10, 10, .3)
}

.all_del_head {
	height: 40px;
	border-bottom: 1px solid #cacaca;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	background: #a5c6f1
}

.all_del_body {
	height: 15px;
	width: 100%;
	text-align: center;
	padding: 10px
}

.all_del_body p {
	padding-top: 20px
}

.all_del_body>div {
	margin-top: 20px
}

.file_tip_back {
	z-index: 10000;
	position: fixed;
	margin: 0 auto;
	top: 12px;
	left: 0;
	right: 0;
	height: auto;
	text-align: center;
	opacity: 0;
	transition: all ease-in .5s;
	-o-transition: all ease-in .5s;
	-ms-transition: all ease-in .5s;
	-moz-transition: all ease-in .5s;
	-webkit-transition: all ease-in .5s
}

.file_tip_back span {
	padding: 15px 30px;
	font-size: 18px;
	color: #fff;
	background-color: #e97884;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4)
}

.all_del_body button:nth-child(1) {
	padding: 2px 5px;
	width: 60px;
	border: 1px solid #4a8fdb;
	margin-right: 20px;
	height: 25px;
	background-color: #4a8fdb;
	color: #fff;
	border-radius: 4px
}

.all_del_body button:nth-child(2) {
	padding: 2px 5px;
	width: 60px;
	border: 1px solid #ccc;
	height: 25px;
	background-color: #eee;
	color: #000;
	border-radius: 4px
}

.all_del_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 10, 0, .2);
	z-index: 1003
}

.char_ul li.activeBB p {
	background-color: #c6dbfb
}

.qrcdlog {
	padding: 0 100px;
	height: 100%
}

.qrlog {
	height: 100%;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	box-shadow: 0 0 30px rgba(0, 0, 0, .4)
}

.login {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 600px;
	min-width: 800px;
	background-image: url(../imgs/mhbg.png);
	background-size: cover;
	background-position: center
}

.lgborder {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 500px;
	height: 400px;
	border-radius: 4px
}

.lghead {
	margin-top: 20px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 60px
}

.login form {
	margin-top: 40px
}

.login form .use1 {
	width: 195px;
	padding: 4px 10px;
	border-radius: 2px;
	border: 1px solid #999
}

.login form>div {
	margin-left: 150px;
	margin-right: 150px;
	width: 100%;
	margin-top: 10px
}

.login form>div:nth-child(4)>div {
	margin-top: 10px;
	line-height: 30px;
	margin-left: 140px;
	font-size: 10px
}

.login form>div:nth-child(4)>div a {
	color: #000;
	font-size: 8px
}

.login form>div:nth-child(4)>div a:hover {
	text-decoration: underline !important
}

.login form>div>span {
	height: 26px;
	line-height: 26px;
	display: block;
	float: left;
	width: 100px;
	font-weight: 700;
	text-align: right
}

.lgbtn {
	margin-top: 10px;
	background-color: #242424;
	border: 3px solid #242424;
	color: #fff;
	width: 195px;
	border-radius: 4px
}

.lgbtn:hover {
	box-shadow: 2px 2px 2px rgba(10, 10, 0, .2)
}

.loginbg span {
	color: transparent;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #eee
}

.charset1 {
	position: absolute;
	width: 90%;
	right: 5%;
	bottom: 0;
	padding-top: 25px;
	text-align: center;
	line-height: 30px;
	border-top: 1px solid #ccc
}

.board_tip {
	position: absolute;
	bottom: 27px;
	text-align: center;
	width: 100%
}

.qqlogo {
	background-image: url(../imgs/qqk.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: transparent;
	font-size: 10px;
	padding: 2px
}

.navch1 li:hover .glyphicon-earphone {
	color: #fff
}

.gwlogo {
	background-image: url(../imgs/gw.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: transparent;
	font-size: 10px;
	padding: 2px
}

.navch1 li:nth-child(2) a:hover span {
	background-image: url(../imgs/qq7.png)
}

.navch1 li:nth-child(3) a:hover span {
	background-image: url(../imgs/qq7.png)
}

.navch1 li:nth-child(4) a:hover span {
	background-image: url(../imgs/qq7.png)
}

.logo {
	position: absolute;
	height: 50px;
	width: 25%;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 550;
	font-family: "Microsoft YaHei", 微软雅黑
}

@media(min-width:768px) {
	.mainbox {
		height: 100%;
		width: 100%;
		position: relative
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.mainbox {
			display: table
		}
	}

	@-moz-document url-prefix() {
		.mainbox {
			display: table
		}
	}
}

.navb {
	min-height: 50px;
	z-index: 998;
	position: relative
}

.navb>div:not(.tt) {
	border-radius: 4px;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #368eef;
	background: url(../imgs/pg5.png) repeat-x
}

.tt {
	background-color: #f5f5f5;
	position: absolute;
	width: 100%;
	height: 100%
}

.navbar1 {
	float: right !important;
	margin: 0 5px 0 0
}

@media(max-width:768px) {
	.navbar1>li:not(.dpmn) {
		display: none
	}
}

.navbar1>li {
	float: left;
	position: relative;
	display: block;
	padding: 0
}

.navbar1>li>a {
	line-height: 44px;
	text-align: center;
	color: #222;
	height: 44px;
	padding: 0 15px;
	display: block;
	margin: 2px 0
}

.navbar1>li>a:hover {
	text-decoration: none;
	background-color: #659fe0;
	color: #fff
}

.navbar1>li:nth-child(4)>a {
	position: relative
}

.navbar1 .arrow {
	top: 15px;
	right: 10px
}

.redpot {
	position: absolute;
	top: 10px;
	min-width: 10px;
	height: 10px;
	display: block;
	background-color: #ea7066;
	border-radius: 10px;
	line-height: 16px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	padding: 0 5px;
	left: 28px
}

.navch1 {
	display: none;
	position: absolute;
	top: 48px;
	left: -2px;
	width: 120px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(10, 10, 0, .3);
	padding: 2px 4px;
	background-color: #fff
}

.navch1 li {
	line-height: 20px;
	padding: 2px 0
}

.navch1 li a {
	display: block;
	width: 100%;
	height: 100%;
	white-space: nowrap
}

.navch1 li a:hover {
	background-color: #659fe0;
	color: #fff !important
}

.navchild {
	display: none;
	position: absolute;
	right: 0;
	top: 50px;
	min-width: 100px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(10, 10, 0, .3);
	padding: 5px 8px;
	background-color: #fff
}

.navchild li {
	position: relative;
	display: block;
	padding: 0;
	margin-left: 20px
}

.navchild li a {
	text-align: left;
	line-height: 30px;
	color: #000
}

.navchild li a:hover {
	background-color: #fff;
	text-shadow: 3px 3px 3px rgba(10, 10, 0, .5)
}

.arrow {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 13px;
	right: 15px
}

.arrowch {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 13px;
	right: 15px
}

.color_turn .arrowch {
	border-right-width: 2px;
	border-bottom-width: 2px
}

.arrow img {
	width: 20px
}

@media(min-width:768px) {
	.mainbox>section {
		position: absolute;
		bottom: 0;
		top: 0;
		width: 100%;
		overflow: hidden
	}

	.bod {
		top: 50px !important
	}
}

.yinyin {
	box-shadow: 2px 2px 11px #000000b8;
	border-radius: 4px;
}

.mainbod {
	height: 100%;
	width: 100%;
	position: relative
}

.side {
	padding-top: 5px;
	color: #000
}

.side {
	width: 200px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

@media (max-width:768px) {
	.side .navbt {
		display: none
	}
}

.sidemenu {
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	width: auto;
	height: 100%;
	border: 1px solid #368eef;
	border-bottom: none;
	border-radius: 4px;
	background-image: url(../imgs/pg6.png);
	background-repeat: repeat-x;
	background-size: contain
}

.sidemenu nav {
	z-index: 999
}

.nav li {
	position: relative;
	display: block;
}

.nav li .active {
	top: 15px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}

nav>.nav>li>a {
	padding: 10px 25px !important;
	position: relative;
	border-bottom: 1px solid #85adf1;
	color: #333;
	font-weight: 700;
	background: url(../imgs/pg5.png) repeat-x
}

nav>.nav>li>a:visited {
	background-color: #ef6375
}

.head_list_li {
	text-align: center;
	font-size: 14px;
	padding: 5px 0;
	border-bottom: 1px solid #85adf1;
	/* cursor:pointer */
}

.usericon-list img {
	width: 0;
	height: 90px;
	cursor: pointer;
	transition: width 0.5s;
}

.head_list_li>img {
	 width: 32px;
    height: 32px;
    cursor: pointer;
    /* margin-right: 5px; */
    box-shadow: 1px 1px 3px #718ab0;
    position: relative;
    right: 14px;
}

.usericon-list {
	position: fixed;
	top: 81px;
	left: 93px;
	z-index: 1000;
	width: 0;
	display: none;
	transition: width 0.5s;
	overflow: hidden;
	/* white-space: nowrap; */
	background-color: #fff;
	border-radius: 5px;
	height: 300px;
}

.usericon-list ul {
	display: block !important;
	font-size: 0;
	width: 100%;
	height: 100%;
}

.usericon-list li {
	display: inline-block;
	margin: 4px 0;
	transition: margin 0.5s;
	position: relative;
	top: 3px;
}

.usericon-list.open li {
	margin: 4px;
}

.usericon-list.open {
	width: 300px;
}

.usericon-list.open img {
	width: 90px;
}

.usericon-list img.set {
	border: 2px #23ef23 solid;
	border-bottom: 5px #23ef23 solid;
}

nav>.nav>li>ul {
	display: none;
	background-color: #e0edfc
}

.nav>li>ul>li>a {
	display: block;
	padding: 8px 45px;
	color: #000;
	font-weight: lighter;
	border-bottom: 1px solid #ddd
}

.qrcode {
	display: none;
	position: absolute;
	left: 5;
	top: 50px;
	z-index: 1002;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff !important;
	box-shadow: 1px 1px 1px rgba(10, 10, 0, .3);
	padding: 5px 8px
}

.qrcode a {
	border: none !important;
	color: #000 !important;
	padding: 2px 5px !important
}

nav>.nav>li>a:not(.ch_col):hover {
	background-color: #84adec !important;
	background-image: none
}

.nav>li>a.ch_col {
	background-image: url(../imgs/rg2.png);
	color: #fff
}

.nav>li>a.ch_col .arrow {
	border-color: #fff
}

.navbt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

#navtag1 {
	width: 100%;
	height: 22px
}

#navtag1 div {
	float: left;
	width: 50%;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	background-color: #a5c6f1
}

#navtag1 div:hover {
	background-color: #4794e0;
	color: #fff
}

#navtag1 div:nth-child(1) {
	border-right: 1px solid #f7f7f7
}

#navtag2 {
	width: 100%;
	height: 22px
}

#navtag2 div {
	float: left;
	width: 100%;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	background-color: #a5c6f1
}

#navtag2 div:hover {
	background-color: #4794e0;
	color: #fff
}

#navtag2 div:nth-child(1) {
	border-right: 1px solid #f7f7f7
}

.sysmsg {
	width: 198px;
	padding: 10px 5px;
	margin-bottom: 0;
	cursor: pointer
}

.sysmsg i {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	color: #333
}

.com_name {
	height: 20px;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default
}

.sysmsg li>span:not(.all_name) {
	height: 20px;
	vertical-align: middle;
	color: #333
}

.sysmsg li>span:nth-child(1) {
	color: #000
}

.bgqrcode {
	display: none;
	padding: 8px
}

.qrd_img_con {
	margin: 0 auto;
	width: 120px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(10, 10, 0, .3);
	background-color: #fff
}

.qrcode_a {
	text-align: center;
	padding-top: 5px;
	text-decoration: underline;
	cursor: pointer
}

.sysmsg li {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mainbod>section {
	padding: 0 !important
}

.mainbod>section {
	height: 100%;
	margin-left: 200px
}

p.text span.red {
	float: none;
}

.padd {
	padding: 5px 0 0 5px;
	position: relative
}

.pscard {
	overflow: auto;
	position: relative;
	height: 45%;
	min-height: 200px;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.pscard>div {
	width: 100% !important;
	height: 100%;
	position: absolute
}

.pscard>div>div {
	height: 100%
}

.pscardch1 {
	height: 100%;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1.5px solid #e8e8e8;
	position: relative !important
}

.cardhead {
	line-height: 30px;
	font-weight: 700;
	border-bottom: 1px solid #e8e8e8
}

.newitem {
	margin-top: 10px
}

.newitem .date {
	position: absolute;
	right: 20px;
	text-align: left
}

.newitem li {
	position: relative
}

.newitem li span {
	line-height: 30px;
	float: none !important;
	padding: 0 !important;
}

.news li a {
	color: #000
}

.news li a:hover {
	text-decoration: underline !important
}

.div3 {
	font-weight: 700;
	line-height: 30px;
	border: 2px solid #1c1c1c;
	border-radius: 4px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	box-shadow: 2px 2px 2px rgba(10, 10, 0, .5)
}

.div3 a {
	margin: 0;
	height: 30px;
	padding: 0 10px;
	color: #000
}

.div3 a:focus,
.div3 a:hover {
	color: #000;
	font-size: 15px
}

.entrance {
	position: relative;
	height: 55%;
	padding-top: 5px
}

.entrance>div {
	height: 100%;
	width: 100%;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.cardhead1 {
	margin-left: 10px;
	margin-right: 10px
}

.tablemain {
	width: 100% !important
}

.entercard {
	position: absolute;
	height: 130px;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px
}

.encard1 {
	position: relative;
	height: 100%;
	border: 2px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.encard1 span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 100px
}

.encard1 a:hover {
	text-shadow: 2px 2px 3px rgba(10, 10, 0, .7)
}

.encard1 .sha1:hover span:nth-child(1) {
	text-shadow: none
}

.encard1 a {
	color: #000 !important
}

.addEnter span {
	width: 50% !important
}

.addEnter span:nth-child(1) {
	color: transparent;
	background-image: url(../imgs/index1.png);
	background-repeat: no-repeat;
	background-position: right
}

.addEnter span:nth-child(2) {
	text-align: left
}

.system_set {
	position: absolute;
	z-index: 498;
	top: 5px;
	bottom: 0;
	right: -400px;
	width: 400px;
	background-color: #fff;
	box-shadow: -2px 0 4px rgba(0, 0, 0, .2);
	-webkit-transition: 3s;
	-moz-transition: 3s;
	-ms-transition: 3s;
	-o-transition: 3s;
	transition: 3s
}

.redeve_head {
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	text-align: center;
	position: relative;
	color: white;
	background: url(../imgs/pg9.png) repeat-x;
}

.set_part7 .redeve_set>div:nth-child(1) {
	margin-top: 50px
}

.set_part7 .redeve_set>div {
	margin: 0 auto;
	text-align: center
}

.redeve_btn {
	position: absolute;
	height: 45px;
	bottom: 0;
	text-align: right;
	background-color: #cacaca;
	padding: 10px;
	width: 100%;
	background: url(../imgs/pg10.png) repeat-x
}

.redeve_btn button {
	width: 80px;
	border-radius: 4px;
	border: none;
	background-color: #e1ebfb;
	color: #000;
	height: 24px;
	position: relative;
	bottom: 2px;
}
.redeve_btn select {
	width: 130px;
	height: 24px;
	position: relative;
	margin-right: 15px;
	bottom: 25px;
}

.add_user_btn {
	width: 80px;
	border-radius: 4px;
	border: none;
	background-color: #e1ebfb;
	color: #000;
	height: 25px;
	float: right
}

.add_user_btn:hover {
	background-color: #4a8fdb;
	color: #fff
}

.add_user_btn:hover a {
	color: #fff
}

.add_user_btn a {
	padding: 4px;
	color: #000;
	display: block;
	text-align: center
}

.redeve_btn button a {
	padding: 4px;
	color: #000;
	display: block
}

.redeve_btn button:hover {
	background-color: #4a8fdb;
	color: #fff
}

.redeve_btn button:hover a {
	color: #fff
}

#auto_birth_bt p {
	float: left;
	margin-bottom: 0;
	line-height: 25px
}

#auto_birth_bt input {
	float: left
}

#change_pic {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px
}

#redeve_close {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff
}

#change_pic:hover,
#redeve_close:hover {
	background-color: #ea7066;
	cursor: pointer
}

.set_part1,
.set_part2,
.set_part3 {
	width: 100%;
	height: 100%
}

.padd>.setbody1 {
	position: relative;
	height: 100%;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.sethead {
	height: 45px;
	padding: 10px;
	border-radius: 4px;
	text-align: right
}

.sethead>div {
	float: right
}

#send_record_search,
#send_telephone_search {
	height: 25px;
	padding: 2px 5px;
	width: 100%
}

.sethead select {
	height: 25px
}

.title1 {
	background-color: #5e5e5e;
	border-right: 2px solid #fff;
	text-align: center;
	float: left;
	width: 150px
}

.title1:nth-child(4) {
	border-right: none
}

.title1 a {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 26px;
	color: #fff
}

.title1 a:focus,
.title1 a:hover {
	color: #fff;
	background-color: #3e3e3e
}

.title1:nth-child(1) {
	background-color: #3e3e3e
}

.setline {
	margin-left: 1%;
	width: 98%;
	border-bottom: 1px solid #b6b6b6;
	border-radius: 10px
}

.member_msg_head {
	padding: 10px;
	background-color: #e8e8e8;
	font-size: 16px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.setbody {
	position: absolute;
	height: 100%;
	width: 100%
}

.setbd {
	margin-top: -10px;
	position: absolute;
	top: 60px;
	bottom: 0;
	width: 99%;
	text-align: center;
	vertical-align: middle
}

#crt_parent {
	width: 100%;
	height: 100%;
	position: relative
}

.crt1,
.crt2 {
	width: 50%;
	height: 100%;
	float: left;
	position: relative
}

#crtfield,
#crtgrp {
	position: absolute;
	width: 250px;
	height: 250px;
	top: 0;
	bottom: 20px;
	right: 0;
	left: 0;
	margin: auto;
	cursor: pointer
}

.crt_p {
	position: absolute;
	width: 100%;
	bottom: 50px;
	font-size: 18px
}

.crthd img {
	width: 10px;
	height: 6px;
	float: left;
	margin-top: 6px;
	margin-right: 5px
}

.crtbtn {
	position: absolute;
	width: 100%;
	bottom: 10px;
	text-align: center;
	padding: 5px 0
}

.crtbtn button {
	padding: 2px 5px
}

.tip2 {
	display: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(10, 10, 0, .3);
	padding: 2px 4px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: 50%
}

@media(min-width:990px) {
	.create {
		width: 600px;
		margin: 0 auto;
		overflow: auto;
		min-height: 500px;
		padding: 10px 10px 0 10px;
		border-left: 1px solid #cacaca;
		border-right: 1px solid #cacaca;
		height: 100%
	}
}

.create>form {
	height: 100%;
	position: relative
}

.create ul {
	margin-bottom: 0
}

.crthd span {
	margin: 0 3px;
	cursor: pointer
}

#crted {
	border-radius: 2px
}

.edtbox {
	position: fixed !important;
	width: 300px;
	height: 150px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 500;
	background: #fff;
	border: 1px solid #bfbfbf;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	border-radius: 4px
}

.edtbox div:nth-child(1) {
	height: 30px;
	background-color: #cacaca;
	font-size: 16px;
	line-height: 30px
}

.edtbox div:nth-child(2) {
	line-height: 90px
}

.edtbox div:nth-child(2) input {
	height: 20px;
	padding: 2px 5px
}

.edtbox div:nth-child(3) {
	border-top: 1px solid #cacaca;
	padding: 3px 60px
}

.edtbox div:nth-child(3) button {
	padding: 1px 5px;
	margin: 0 20px
}

.reedt {
	position: fixed !important;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 499;
	display: none
}

.newsect {
	padding: 0 5px;
	margin-left: 15px
}

#edname {
	padding-right: 30px;
	min-width: 100px
}

.newsect li {
	text-align: left
}

.crthd {
	width: auto;
	padding: 0
}

.crthd>a {
	float: left;
	width: auto;
	color: #000;
	display: block;
	min-height: 20px;
	line-height: 16px;
	padding: 2px 5px;
	border-radius: 4px
}

.crthd>a:hover {
	background-color: #5e5e5e;
	color: #fff
}

@media(min-width:990px) {
	.field {
		width: 600px;
		margin: 0 auto;
		overflow: auto;
		max-height: 500px;
		padding: 10px 10px 0 10px;
		border-left: 1px solid #cacaca;
		border-right: 1px solid #cacaca;
		height: 100%
	}
}

.field_ul {
	margin: 10px;
	border: 1px solid #ddd;
	position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.field_ul li p {
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 0;
	position: relative;
	height: 22px;
	line-height: 22px
}

.field_ul li {
	border-bottom: 1px solid #cacaca;
	padding: 5px 0;
	position: relative
}

.field_ul li:nth-child(1) {
	background-color: #cacaca
}

#addfield {
	cursor: pointer;
	width: 20px;
	height: 20px
}

.field_sel {
	height: 100%
}

.field_ul li input {
	height: 22px;
	width: 100px;
	margin: 0 auto;
	padding: 0 2px
}

.field_ul li i {
	position: absolute;
	left: 54%;
	top: 6px;
	display: none;
	font-size: 16px;
	line-height: 20px;
	width: 20px;
	color: #666;
	height: 20px;
	vertical-align: middle;
	cursor: pointer
}

.field_ul li i:hover {
	color: #e55
}

#del_field {
	position: absolute;
	right: 2%;
	top: 6px;
	display: none;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	cursor: pointer
}

#field_tip {
	right: 45%
}

#new_field {
	cursor: pointer
}

#fst_field {
	padding: 2px 5px;
	background-color: #5e5e5e;
	border-radius: 4px;
	color: #fff;
	width: 50px
}

#next_field,
#ok_field,
.field_btn button {
	width: 100px;
	padding: 2px 5px;
	background-color: #5e5e5e;
	border-radius: 4px;
	color: #fff;
	margin: 0 20px
}

#auto_invit_text {
	width: 100%;
	height: 200px;
	padding: 2px 5px
}

.invit_block {
	width: 100%;
	height: 150px;
	margin-top: 10px;
	padding: 2px 5px;
	color: #777
}

#invit_checkbox {
	margin-top: 10px
}

#invit_btn {
	height: 80px;
	position: relative
}

#invit_btn button {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 80px
}

#invit_btn #invit_sure {
	right: 120px
}

.tip_text {
	word-wrap: break-word;
	word-break: break-word;
	display: inline-block;
	vertical-align: top
}

.setbody1 {
	height: 100%;
	background-color: #e0edfc;
	border-radius: 4px;
	border: 1px solid #368eef
}

.newshead1 span {
	width: 16.66666666%
}

.newshead1>div {
	/* padding-left:10px */
}

.newshead1>div>div {
	float: left;
	padding: 0 17px;
	white-space: nowrap;
}

.newshead1>div>div:nth-child(1) {
    width: 135px;
}
.newshead1>div>div:nth-child(2) {
    width: 150px;
}
.newshead1>div>div:nth-child(3) {
    width: 100px;
}
.newshead1>div>div:nth-child(4) {
    width: 100px;
}
.newshead1>div>div:nth-child(5) {
    width: calc(100% - 485px);
}
.newshead1>div>div:nth-child(6) {
	width: 40%
}

.title2 {
	border-right: 2px solid #fff;
	text-align: center;
	line-height: 26px;
	float: left;
	width: 33.333333333333%
}

.title2:nth-child(3) {
	border-right: none
}

.title2 a {
	display: block;
	height: 100%;
	width: 100%;
	color: #fff
}

.title2 a:focus,
.title2 a:hover {
	color: #fff;
	background-color: #3e3e3e
}

.title2:nth-child(1) {
	background-color: #3e3e3e
}

.newsul {
	margin-top: 0
}

.newsul li {
	border-bottom: 1px solid #dbdbdb;
	line-height: 30px
}

.newshead1 {
	background-color: #a5c6f1;
	line-height: 30px
}

.newsul a {
	color: #000;
	display: block;
	width: 100%
}

.send_record_ul .fa-bell {
	color: #efc263;
	padding-right: 2px
}

.send_record_ul .fa-birthday-cake {
	color: #ea7066;
	padding-right: 2px
}

.send_record_ul .fa-user-plus {
	color: #51a552;
	padding-right: 2px
}

.send_record_ul a p,
.send_record_ul a span {
	float: left;
	margin-bottom: 0;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px 0 15px;
	vertical-align: top;
	position: relative;
}

.send_record_ul a {
	/* padding-left:10px */
}

.send_record_ul a:hover {
	background-color: #c6dbfb;
	color: #000
}

.send_record_ul a:visited {
	color: #000
}

.send_record_ul li.back_color {
	background-color: #c6dbfb
}

.send_record_ul .name img {
	height: 20px;
	width: 20px;
	margin-top: -2px;
	margin-left: -2px
}

.send_record_ul .del_rec {
	float: right
}

.set_time_send {
	color: #e7727a;
	margin: 0 2px;
	font-size: 14px;
	line-height: 28px !important
}

.time_box {
	display: none
}

.time_box p {
	float: left
}

.time_tip {
	margin-right: 10px;
	color: #999
}

.send_body {
	position: absolute;
	top: 45px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid #bbb
}

.send_record_ul {
	position: absolute;
	width: 100%;
	top: 30px;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 0
}

.send_record_ul a .name {
	width: 135px;
}

.send_record_ul a .time {
	 width: 150px;
}

.send_record_ul a .model {
	width: 10%
}

.send_record_ul a .num {
     width: 100px;
    padding: 0 5px 0 35px;
}

.send_record_ul a .way {
	width: 10%
}

.send_record_ul a .text {
   width: calc(100% - 515px);
}

.del_rec:not(.dl) {
    width: 30px;
    text-align: center;
    color: #999;
}

.del_rec:not(.dl):hover {
	color: #e7505b;
	font-size: 14px
}

.rec_del_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 10, 0, .3);
	z-index: 499
}

.rec_del_tip {
	position: fixed;
	height: 120px;
	width: 200px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border: 1px solid #999;
	border-radius: 4px;
	z-index: 500;
	background-color: #fff
}

.send_record_head {
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 16px
}

.record_type>p {
	float: left;
	margin: 0;
}

.record_type>div {
	float: right
}

.record_type span {
	padding: 2px 5px;
	background-color: #ddd;
	color: #999;
	margin: 0 2px;
	border-radius: 4px;
	display: inline-block !important
}

.send_record_body {
	position: absolute;
	top: 40px;
	bottom: 0;
	width: 100%;
}

.send_record_mid {
	padding: 10px 10px 20px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	bottom: 50px;
	width: 100%;
}

.task_title_span {
	max-width: 200px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.send_tag div {
	/* float:left; */
	position: absolute;
	width: auto;
	padding: 0 15px;
	z-index: 2;
	text-align: center;
	line-height: 24px;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.send_tag div {
	border-right: 1px solid #fff
}

.send_tag div:hover {
	background-color: #8ebcee
}

.send_tag div.tag_turn {
	background-color: #659fe0;
	color: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
}

.send_record_box {
	border: 1px solid #ccc;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 10px;
	word-break: break-all;
	margin-top: 24px;
	background-color: #e0edfc;
	word-wrap: break-word;
}

.send_target {
	border: 1px solid #ccc;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 10px;
	background-color: #e0edfc;
	margin-top: 24px;
	/* box-shadow: 3px 4px 4px #00000047; */
}

.send_target p {
	margin-bottom: 0;
	height: 25px;
	line-height: 25px
}

.send_target>p>span {
	float: right
}

.send_target>p input {
	height: 25px;
	padding: 2px 5px;
	width: 100%
}

.send_record_text {
	position: relative;
	word-wrap: break-word;
	word-break: break-word
}

.send_record_img_a {
	display: block;
	height: 190px;
	border: 1px solid #ddd;
	background-size: cover;
	background-position: center
}

.send_record_img_a img {
	height: 190px
}

#send_record_imgRR {
	width: 100%
}

.img_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(10, 10, 0, .3);
	top: 0;
	left: 0
}

.big_img_con {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%
}

.close_img {
	position: absolute !important;
	right: 10px;
	top: 10px !important;
	font-size: 40px;
	display: block;
	padding: 10px;
	border-radius: 40px;
	cursor: pointer;
	z-index: 999;
	clear: both;
	color: #ccc
}

.close_img:hover {
	color: #fff;
	background-color: #e15964
}

.something-else-semantic {
	overflow: auto;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	position: relative
}

#big_img {
	height: 95%;
	width: auto;
	margin: 20px 0
}

.record_remark {
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-word
}

.record_remark img {
	width: 100%
}

.record_detail_a p {
	margin-bottom: 0
}

.record_close {
	position: absolute;
	height: 45px;
	padding: 0 10px;
	top: 0;
	right: 0;
	background-color: transparent;
	border: none;
	color: #fff;
	font-size: 30px;
}

.record_close:not(.red_close):hover {
	background-color: #ea7066
}

.send_record_bot {
	padding: 12px
}

.send_record_bot button {
	padding: 2px 5px;
	width: 80px;
	background-color: #e1ebfb;
	border: 2px solid #e1ebfb;
	color: #000;
	border-radius: 2px
}

.send_record_bot button:hover {
	background-color: #4a8fdb;
	border: 2px solid #4a8fdb;
	color: #fff
}

.save_send {
	float: left
}

.cancel_send,
.delete_send {
	margin-left: 5px;
	float: right
}

.position {
	position: absolute;
	z-index: 498;
	top: 5px;
	bottom: 0;
	width: 400px;
	border-bottom: none;
	background-color: #fff;
	box-shadow: -2px 0 4px rgba(0, 0, 0, .2);
	-webkit-transition: 3s;
	-moz-transition: 3s;
	-ms-transition: 3s;
	-o-transition: 3s;
	transition: 3s
}

.position2,
.phonesearch {
	position: fixed;
	z-index: 498;
	top: 0;
	bottom: 0;
	width: 390px;
	border: 1px solid #999;
	border-bottom: none;
	background-color: #fff;
	box-shadow: -2px 0 4px rgba(0, 0, 0, .2);
	-webkit-transition: 3s;
	-moz-transition: 3s;
	-ms-transition: 3s;
	-o-transition: 3s;
	transition: 3s
}

.close_member {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	color: #fff;
	font-size: 30px;
	padding: 0 10px;
	background-color: transparent
}

.close_member:hover {
	background-color: #ea7066
}

.topchat {
	height: 45px;
	line-height: 45px !important;
	position: absolute;
	top: 0;
	width: 100%;
	background-image: url(../imgs/pg9.png);
	background-repeat: repeat-x;
	color: #fff;
}

.selfnews {
	position: absolute;
	bottom: 50px;
	top: 50px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

.botchat {
	height: 45px;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, .2);
	background-color: #5e5e5e;
	background: url(../imgs/pg10.png) repeat-x;
	background-size: contain;
}

.bgcolor1 {
	height: 100%;
	border: 1px solid #368eef;
	border-radius: 4px;
	background-color: #e0edfc
}

.bgcolor1 form {
	height: 100%;
	position: relative
}

.bgcolor1 form .row {
	height: 100%
}

@media(min-width:769px) {
	.bgcolor1 form .row>div {
		height: 100%
	}
}

.chosen {
	height: 45%
}

.main_send_tag div {
	float: left;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-right: 2px;
	cursor: pointer
}

.main_send_tag div a:hover {
	background-color: #a5c6f1 !important
}

.main_send_tag div a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display: block;
	padding: 4px 8px;
	color: #fff
}

.chosen textarea {
	padding: 2px 5px;
	height: 100%;
	width: 100%
}

.chos_box {
	min-height: 180px;
	height: 100%;
	width: 100%;
	border: 1px solid #659fe0;
	position: relative;
	border-radius: 4px;
	box-shadow: 2px 2px 2px rgba(10, 10, 0, .3);
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto
}

#add_click {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	position: absolute
}

#add_click>div {
	position: relative;
	height: 100%;
	width: 100%
}

.add_mem {
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 22px
}

.add_mem:hover {
	color: #e86467
}

#add_li>div,
#load_li>a>div {
	float: left;
	line-height: 24px;
	color: #999;
	cursor: default
}

#load_mmb_nor {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 0;
	opacity: 0;
	cursor: pointer !important;
	top: 0;
	z-index: 100
}

.sel_member_box {
	width: 600px;
	height: 450px;
	position: fixed;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #aaa;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 500
}

.sel_mem_head {
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #a5c6f1;
	position: relative;
	border-bottom: 1px solid #bbb
}

.sel_mem_search {
	padding: 10px;
	border-bottom: 1px solid #ccc
}

.sel_mem_search input {
	padding: 0 5px;
	border: none;
	height: 24px !important
}

.sel_add_ul {
	border: 1px solid #ccc;
	margin-bottom: 0;
	max-height: 180px;
	min-height: 36px
}

.sel_add_ul li {
	float: left;
	margin: 5px;
	min-height: 24px
}

.sel_mem_body {
	position: absolute;
	bottom: 40px;
	width: 100%;
	top: 40px;
	overflow: hidden
}

.main_send_list {
	min-height: 120px
}

.all_s {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #3788e1;
	cursor: pointer;
	text-decoration: underline
}

.left_add_man {
	background-color: #a5c6f1;
	text-align: center;
	padding: 0 5px;
	cursor: pointer
}

.left_add_man i {
	margin: 0 5px
}

.man_insel {
	height: 150px;
	border-top: 1px solid #ddd;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 15px
}

.man_insel_ul {
	position: relative
}

.man_insel_ul img {
	margin: 0 5px
}

.man_insel_ul li {
	margin-bottom: 5px;
	position: relative
}

.man_insel_ul .check {
	top: 0 !important
}

.sel_mem_btn {
	height: 40px;
	border-top: 1px solid #bbb;
	text-align: right;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	width: 100%
}

.sel_mem_btn button {
	width: 60px;
	margin: 0 5px;
	padding: 2px 5px
}

.sel_mem_btn .sel_mem_sure {
	background-color: #4a8fdb;
	color: #fff;
	border: none;
	padding: 4px 7px;
	border-radius: 4px
}

.sel_mem_btn .sel_mem_cancel {
	background-color: #eee;
	color: #000;
	padding: 4px 7px;
	border-radius: 4px;
	border: 1px solid #ccc
}

.sel_add_tag {
	border-bottom: 1px solid #ccc
}

.sel_add_tag span {
	width: 50%;
	line-height: 30px;
	display: inline-block;
	text-align: center
}

.sel_add_tag span div {
	width: 40%;
	margin: 0 auto;
	cursor: pointer
}

.sel_add_tag span div.tag_active {
	border-bottom: 2px solid #777
}

.sel_add_list {
	top: auto;
	bottom: 0;
	width: 100%
}

.sel_all {
	width: 100%;
	bottom: 0;
	top: 35px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 311px;
	overflow-y: auto;
	overflow-x: hidden
}

.sel_all li>div.chos_li {
	background-color: #eee
}

.sel_list_ul {
	margin: 5px 0
}

.sel_group_ul {
	margin: 10 0
}

.sel_group_ul li.activeidxz {
	background-color: #eee
}

.sel_group_ul li,
.sel_list_ul li {
	position: relative
}

.sel_group_ul i,
.sel_list_ul i {
	width: 7px;
	height: 10px;
	line-height: 17px;
	float: left;
	vertical-align: middle;
	color: #777
}

.man_insel_ul .man_img img {
	width: 30px;
	height: 30px;
	margin-right: 5px
}

.sel_list_ul i {
	position: absolute;
	top: 8px;
	left: 10px
}

.sel_list_ultx i {
	position: absolute;
	top: -32px;
	left: 8px
}

.sel_group_ul li {
	margin: 10px 5px;
	position: relative;
	height: 20px
}

.man_insel_ul .name,
.sel_group_ul li .name,
.sel_list_ul li .name {
	max-width: 500px;
	height: 20px;
	line-height: 20px
}

.man_insel_ul .check,
.sel_group_ul li .check,
.sel_list_ul li .check {
	position: absolute;
	right: 5px
}

.sel_list_ul li .check {
	top: 5px
}

.sel_all #sel_check {
	width: 20px;
	height: 20px;
	margin: 0
}

.man_insel input[type=checkbox] {
	width: 20px;
	height: 20px;
	margin: 2px 0
}

.sel_all #sel_checkAA {
	width: 20px;
	height: 20px;
	margin: 0
}

.sel_all .glyphicon {
	margin: 0 10px;
	vertical-align: middle
}

.sel_list_ul .glyphicon {
	position: absolute;
	left: 12px;
	top: 8px
}

.sel_list_ul .name {
	margin-left: 35px;
	max-width: none !important;
	margin-right: 25px;
	display: block !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.demo_box {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 33px
}

.char_btn_box {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 10px;
	background-color: #a5c6f1;
	border-top: 1px solid #bbb;
	color: #000
}

.char_btn_box button {
	background-color: transparent;
	color: #000;
	border: none;
	box-shadow: none;
	width: 100px;
	padding: 2px 5px;
	border-radius: 4px;
	float: left
}

.char_btn_box button:hover {
	background-color: #659fe0;
	color: #fff
}

.char_btn_box>div {
	display: inline-block;
	position: relative;
	margin-left: 10px
}

.char_btn_box>div span {
	display: inline-block;
	height: 22px;
	vertical-align: middle;
	line-height: 21px
}

.char_ul {
	position: absolute;
	width: 100%;
	top: 25px;
	bottom: 0;
	overflow-y: auto;
	overflow-x: auto;
	margin-bottom: 0
}

.char_ul li {
	margin: 0 !important;
	white-space: nowrap;
	height: 25px;
	position: relative
}

.demo_box .char_ul ul::-webkit-scrollbar {
	width: 0
}

.p_hide {
	overflow: hidden;
	height: 25px;
	background-color: #a5c6f1 !important
}

.undel_list {
	white-space: nowrap;
	height: 60px;
	position: relative;
	overflow-x: auto
}

.undel_list p {
	background-color: #a5c6f1 !important
}

.char_ul li p:nth-child(1),
.undel_list p:nth-child(1) {
	width: 140px
}

.char_ul li p,
.undel_list p {
	margin-bottom: 0;
	line-height: 25px;
	height: 25px;
	display: inline-block;
	width: 12%;
	text-align: center;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 0 5px;
	overflow: hidden
}

.data_pre_ul {
	height: 90%;
	overflow-y: auto
}

.add_data_hand {
	z-index: 500;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 350px;
	height: 350px;
	margin: auto;
	border: 1px solid #999;
	box-shadow: 1px 2px 2px rgba(10, 10, 0, .3);
	border-radius: 4px;
	background-color: #fff
}

.add_data_hand button {
	width: 75px !important;
	background-color: #659fe0;
	border: none;
	padding: 2px 5px;
	color: #fff;
	border-radius: 4px;
	margin: 0 2px
}

.add_hand_btn {
	width: 100%;
	text-align: right;
	padding: 0 10px
}

.add_hand_ul {
	border: 1px solid #ccc;
	padding: 10px 0;
	background-color: #c6dbfb;
	height: 90%;
	overflow-y: auto
}

.add_hand_ul li {
	padding: 2px 5px
}

.add_hand_ul li p {
	float: left;
	width: 50%;
	margin-bottom: 0
}

.add_hand_ul li input {
	height: 20px
}

.add_data_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 10, 0, .2);
	z-index: 499;
	display: none
}

.add_data {
	z-index: 500;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 350px;
	height: 450px;
	margin: auto;
	border: 1px solid #999;
	box-shadow: 1px 2px 2px rgba(10, 10, 0, .3);
	border-radius: 4px;
	background-color: #fff
}

.add_data_head,
.add_hand_head {
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #a5c6f1
}

.add_data_body,
.add_hand_body {
	padding: 10px;
	position: absolute;
	top: 30;
	bottom: 0;
	width: 100%
}

.add_data_body button {
	width: 75px !important;
	margin: 0 2px;
	background-color: #659fe0;
	border: none;
	padding: 2px 5px;
	color: #fff;
	border-radius: 4px
}

.data_pre_box {
	border: 1px solid #bbb;
	height: 72%;
	margin-top: 10px
}

.data_pre_box>p {
	margin-bottom: 0;
	background-color: #a5c6f1;
	padding: 2px 5px
}

.data_pre_ul li {
	padding: 2px 5px;
	cursor: pointer;
	border-bottom: 1px solid #ddd
}

.data_pre_ul li.active {
	background-color: #c6dbfb
}

.data_pre_ul li p {
	margin-bottom: 0;
	float: left;
	width: 50%;
	line-height: 20px;
	overflow: hidden;
	height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.data_pre_ul li select {
	border: none;
	line-height: 20px;
	height: 20px;
	width: 100%
}

.data_pre_ul li input {
	height: 20px
}

.add_hand_btn,
.data_pre_btn {
	margin-top: 10px;
	position: absolute;
	bottom: 10px
}

.add_tip_font {
	margin-bottom: 0;
	line-height: 24px;
	color: #bbb
}

#add_ul:not(.char_ul) li {
	margin: 5px;
	position: relative;
	display: block;
	float: left
}

#get_img {
	width: 20px;
	height: 20px
}

.new_li {
	background-color: #eee
}

.task_Taskclass .new_li {
	margin: 5px 0;
	background-color: #fff
}

.new_li span {
	display: inline-block;
	vertical-align: middle
}

.new_li span:nth-child(2) {
	margin: 0 5px;
	line-height: 24px;
	width: 75px;
	white-space: nowrap;
	overflow: hidden
}

.new_li span:nth-child(3) {
	padding: 3px;
	margin-right: 2px;
	vertical-align: top;
	margin-top: 2px
}

.new_li #del_icon {
	border-radius: 10px;
	font-weight: lighter;
	color: #bbb
}

.new_li #del_icon:hover {
	background-color: #ef605c;
	color: #fff
}

.new_liddd {
	border-radius: 10px;
	font-weight: lighter;
	color: #bbb
}

.new_liddd:hover {
	background-color: #ef605c;
	color: #fff
}

@media(max-width:768px) {
	.chosen textarea {
		height: 200px
	}

	.maintext textarea {
		height: 100px !important
	}

	.formbox {
		min-height: 500px;
		height: 100%
	}

	.mainbod>section {
		height: 100%
	}
}

.mainbod {
	min-height: 450px
}

.maintext {
	position: relative;
	padding: 20px 10px;
	border-radius: 4px;
	border: 1px solid #659fe0;
	box-shadow: 2px 2px 2px rgba(10, 10, 0, .3)
}

.maintext>div {
	line-height: 25px
}

.maintext textarea {
	padding: 2px 5px;
	width: 100%;
	height: calc(50% - 120px)
}

.mtsec {
	border-radius: 4px;
	padding: 20px 10px;
	border: 1px solid #659fe0;
	box-shadow: 2px 2px 2px rgba(10, 10, 0, .3)
}

.mtsec>div {
	margin-bottom: 20px;
	position: relative
}

.mtsec input[type=text] {
	width: 100%;
	padding: 2px 5px
}

.pic_text_text {
	padding: 2px 5px;
	width: 100%;
	height: 200px
}

.pic_text_remark {
	padding: 2px 5px;
	width: 100%;
	height: 100px
}

.padd>.container {
	width: 100% !important
}

.padd>.bgcolor1 {
	position: relative;
	background-color: #fff;
	border-radius: 4px
}

.send_container {
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 0;
	right: 400px;
	transition: all ease-in .1s;
	-o-transition: all ease-in .1s;
	-ms-transition: all ease-in .1s;
	-moz-transition: all ease-in .1s;
	-webkit-transition: all ease-in .1s;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.send_border_tag {
	width: 100%;
	height: 100%
}

.preview_box {
	width: 400px;
	height: 100%;
	border-left: 1px solid #bbb;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	transition: all ease-in .1s;
	-webkit-transition: all ease-in .1s;
	-moz-transition: all ease-in .1s;
	-ms-transition: all ease-in .1s;
	-o-transition: all ease-in .1s;
	overflow-y: auto;
	z-index: 10;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.preview_box>div {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 20px 10px
}

.preview_one {
	padding: 20px;
	border: 1px solid #659fe0;
	border-radius: 4px;
	height: 95%
}

.preview_head {
	padding: 4px 8px;
	color: #fff;
	background-color: #659fe0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	display: inline-block
}

.preview_con {
	border: 1px solid #999;
	border-radius: 4px;
	padding: 10px;
	background-color: #fff
}

.lib_pw_ul .preview_placeholder {
	height: 0;
	padding-bottom: 50%
}

.preview_placeholder {
	overflow: hidden;
	height: 190px;
	position: relative;
	border: 1px solid #bbb;
	background-color: #eee;
	color: #777;
	background-position: center;
	background-size: cover
}

#preview_img {
	display: none
}

.preview_vid_imgdsdd video {
	width: 100%
}

.preview_placeholder span {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	width: 160px;
	text-align: center;
	line-height: 20px;
	color: #777
}

.preview_remark {
	padding-top: 10px;
	word-wrap: break-word;
	word-break: break-word
}

.pic_text_remark {
	height: 60px
}

.word_count {
	position: absolute;
	right: 4px;
	bottom: 4px;
	padding: 0 4px;
	background-color: #fff
}

.formbox {
	width: 100%;
	top: 0;
	padding: 15px 10px;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	bottom: 45px
}
.btn1{
	width: 100px;
	border: 1px solid #659fe0;
	background-color: #659fe0;
	border-radius: 4px;
	color: #fff;
	height: 22px;
	line-height: 20px;
	box-shadow: 1px 2px 2px rgba(10, 10, 0, .4)
}
.Deepseek {
	margin-left:30PX;
}
.selectbox button {
	width: 100px;
	border: 1px solid #659fe0;
	background-color: #659fe0;
	border-radius: 4px;
	color: #fff;
	height: 22px;
	line-height: 20px;
	box-shadow: 1px 2px 2px rgba(10, 10, 0, .4)
}

.selectbox button:hover {
	background-color: #2587e0;
	border: 1px solid #2587e0
}

.sendch2 button {
	border: none;
	box-shadow: none;
	color: #000;
	padding: 4px 5px;
	background-color: transparent;
	border-radius: 4px
}

.sendch2 button:hover {
	color: #fff;
	background-color: #659fe0
}

@media(max-width:990px) {
	.bgcolor1 .sltway button {
		float: left;
		margin: 10px 10px 10px 0
	}
}

.sendtype {
	padding-top: 10px;
	position: relative
}

.sendtype>div {
	position: relative
}

.send_tag_ul {
	margin-bottom: 0
}

.sendtype li {
	width: 10%;
	float: left
}

.sendtype li a.active_tag {
	background-color: #659fe0;
	color: #fff
}

.sendtype li a {
	display: block;
	height: 100%;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #000;
	text-align: center;
	border-right: 1px solid #e0edfc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.hide_li {
	display: none;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	-o-transition: all ease-out .3s
}

.right_drop_li {
	width: auto !important
}

.right_drop_li a {
	padding: 0 10px
}

#right_drop {
	line-height: 26px;
	color: #999
}

#right_drop:hover {
	color: #fff
}

.sendtype li a:hover {
	background-color: #8ebcee;
	color: #fff
}

.sendtype .sendch2 {
	height: 25px;
	margin: auto;
	position: absolute;
	right: 10px;
	bottom: 0;
	top: 0;
	border-bottom: none
}

.sel_form_material {
	position: fixed;
	width: 800px;
	height: 90%;
	min-height: 400px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #aaa;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 501
}

.sel_mate_head {
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #a5c6f1;
	border-bottom: 1px solid #bbb
}

.sel_mate_body {
	position: absolute;
	top: 40px;
	bottom: 40px;
	width: 100%
}

.sel_mate_btn {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	text-align: right;
	padding: 7px 10px;
	border-top: 1px solid #bbb
}

.sel_mate_btn button {
	margin: auto 5px;
	width: 60px;
	padding: 2px 5px;
	height: 25px
}

.sel_mate_btn button:nth-child(1) {
	background-color: #4a8fdb;
	color: #fff;
	border: none;
	border-radius: 4px;
	border: 1px solid #4a8fdb
}

.sel_mate_btn button:nth-child(2) {
	background-color: #eee;
	color: #000;
	border-radius: 4px;
	border: 1px solid #ccc
}

.sel_mate_bg {
	background-color: rgba(10, 10, 0, .3);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 499
}

#preview_avatar {
	width: 40px;
	height: 40px;
	border-radius: 2px
}

.chat_preview>div {
	float: left
}

.chat_preview>div:nth-child(1) {
	margin-right: 10px
}

.preview_text_only {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	padding: 10px;
	max-width: 80%;
	min-height: 40px;
	min-width: 16px;
	max-height: 100%;
	font-size:13px;
	overflow: auto
}

.preview_text_only p:not(.doc_pre_p) {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-all;
	font-size:14px;
}

.doc_pre_p {
	margin-bottom: 0
}

.cover_load p {
	margin-bottom: 5px
}

.cover_load div {
	float: left;
	margin-right: 10px;
	vertical-align: bottom
}

.send_pic {
	position: relative;
	width: 160px;
	height: 80px;
	vertical-align: bottom;
	border: 1px dashed #999;
	border-radius: 2px
}

.send_pic img {
	position: absolute;
	width: 30px;
	height: 30px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.pic_text {
	position: absolute;
	bottom: 2px;
	width: 100%;
	text-align: center;
	z-index: 20
}

.pic_text span {
	display: inline-block;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	color: #999
}

.pic_text input {
	margin-top: -1px
}

.src_read {
	vertical-align: bottom;
	margin-top: 10px
}

.more_attach {
	width: 100px;
	height: 30px;
	position: relative;
	display: none
}

.more_attach input {
	opacity: 0;
	cursor: pointer;
	z-index: 100;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%
}

.attach_loadfile {
	padding: 0 5px;
	height: 30px
}

.attach_loadfile .src_read {
	margin: 0;
	height: 100%;
	line-height: 100%;
	vertical-align: baseline !important;
	color: #666
}

.more_attach div {
	color: #666;
	width: 100%;
	height: 100%;
	cursor: pointer;
	line-height: 30px
}

.more_attach div i {
	margin: 0 5px
}

.send_pic>span {
	width: 20px;
	height: 20px;
	font-size: 20px;
	color: #999;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.send_pic input[type=file] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	cursor: pointer
}

.maintext div>span:nth-child(2) {
	position: absolute;
	right: 20px
}

.send_num span {
	display: inline-block;
	left: 0
}

.maintext_fifth,
.maintext_fouth,
.maintext_sixth,
.maintext_third {
	border-radius: 4px;
	padding: 20px 10px;
	border: 1px solid #659fe0;
	box-shadow: 2px 2px 2px rgba(10, 10, 0, .3)
}

.doc_load_box,
.pic_load_box,
.spe_load_box,
.vid_load_box {
	border: 1px solid #999;
	position: relative;
	height: 180px;
	background-color: #fff
}

.doc_load_box a,
.pic_load_box a,
.spe_load_box a,
.vid_load_box a {
	color: #666;
	cursor: pointer
}

#doc_file_input,
#pic_file_input,
#spe_file_input,
#vid_file_input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 100;
	cursor: pointer
}

.input_doc_lead,
.input_pic_lead,
.input_spe_lead,
.input_vid_lead {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center
}

.input_pic_lead span,
input_doc_lead span,
input_spe_lead,
input_vid_lead span {
	text-align: center
}

.load_doc_img,
.load_pic_img,
.load_spe_img,
.load_vid_img {
	background-image: url(../imgs/style_old.png);
	background-position: 0 0;
	display: block;
	width: 30px;
	height: 30px;
	margin: 58px auto 20px
}

.int_div,
.vid_title_div {
	margin: 10px 0;
	position: relative
}

.vid_title {
	width: 100%;
	padding: 2px 5px
}

.vid_int {
	width: 100%;
	height: 150px
}

.preview_int {
	padding-top: 10px;
	word-wrap: break-word;
	word-break: break-word
}

.no_view {
	margin-bottom: 0;
	font-size: 20px;
	color: #999;
	text-align: center
}

#preview_img_only {
	width: 100%;
	height: auto
}

.con_pic {
	border: 1px solid #ddd
}

.con_doc {
	position: relative;
	height: 55px;
	width: 213px
}

.con_doc #doc_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.con_doc>div:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0
}

.con_doc>div:nth-child(2) {
	margin-left: 60px
}

.con_doc img {
	width: 55px;
	height: 55px
}

.lasttext>div {
	float: left
}

.lasttext select {
	height: 20px
}

.lasttext>div>div {
	position: relative;
	float: left;
	margin-right: 8px;
	vertical-align: middle;
	line-height: 20px
}

.ban_send_time {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .5);
	top: 0;
	left: 0
}

.check_mid>div>span {
	display: inline-block;
	height: 20px;
	vertical-align: middle;
	line-height: 20px
}

.check_mid input[type=checkbox] {
	margin: 3px 0 0 0
}

#send_time {
	margin-right: 0;
	height: 20px;
	margin-right: 5px
}

.check_mid {
	height: 20px;
	line-height: 20px
}

@media(max-width:1200px) {
	.lasttext {
		padding-left: 55px
	}

	.lasttext>div>div {
		width: auto;
		margin-right: 5px;
		text-align: left
	}
}

@media(max-width:1125px) {
	.btn1 {
		margin-right: 0 !important
	}

	.lasttext {
		padding-left: 0 !important
	}
}

@media(max-width:1020px) {
	.selectbox {
		padding: 10px 5px !important
	}
}

.selectbox {
	position: absolute;
	bottom: 2px;
	width: 100%;
	padding: 12px;
	text-align: center;
	border-top: 1px solid #acacac;
	min-height: 46px;
	background-color: #e0edfc;
	border-bottom-left-radius: 4px
}

.send_way {
	height: 100%;
	vertical-align: bottom;
	padding: 0 5px
}

.selectbox>div {
	float: left
}

.sltway div {
	margin-bottom: 10px
}

.btn1 {
	float: right
}

.nrow>div:nth-child(1) {
	width: 220px
}

.nrow>div:nth-child(2) {
	position: absolute;
	height: 100%;
	left: 225px;
	top: 0;
	right: 0
}

.space {
	height: 100%;
	width: 100% !important
}

.space .row {
	height: 100%
}

.space .col-sm-2 {
	height: 100%;
	padding: 0
}

.space .col-sm-10 {
	height: 100%;
	padding: 0 0 0 5px
}

@media(max-width:768px) {
	.secmenu {
		font-size: x-small
	}
}

.secmenu {
	height: 100%;
	position: relative;
	border: 1px solid #368eef;
	border-radius: 4px;
	background-color: #e0edfc
}

.sectag {
	height: 44px
}

.sectag span {
	overflow: hidden;
	display: block;
	float: left;
	height: 100%;
	line-height: 44px;
	text-align: center;
	width: 50%
}

.sectag span.active {
	background-color: #a5c6f1
}

.sectag span:nth-child(1) {
	border-right: 1px solid #a5c6f1
}

.sectag1,
.sectag2 {
	display: block;
	width: 100%;
	height: 100%
}

.mmblist {
	overflow-y: auto !important;
	overflow-x: hidden;
	position: absolute;
	top: 45px;
	bottom: 0;
	width: 100%;
	padding: 0 5px
}

.top_menu {
	display: block !important;
	margin-left: 0 !important;
	overflow-x: auto;
	margin-bottom: 0;
	overflow-y: hidden
}

.mmblist ul {
	margin-left: 20px
}

.mmblist a {
	display: block;
	width: 100%;
	padding: 5px;
	border-radius: 4px;
	position: relative;
	white-space: nowrap
}

.mmblist a>span.glyphicon {
	color: #56a2ed
}

#list_input {
	height: 17px
}

.mmblist a>span {
	margin-left: 5px;
	float: left;
	display: block
}

#list_name {
	display: block;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.new_list_input {
	display: none;
	padding: 0 5px;
	margin: 0 auto
}

#add_fst_list {
	cursor: pointer
}

.mmblist a.active {
	background-color: #659fe0;
	color: #fff !important
}

.mmblist a.active>span.glyphicon {
	color: #fff
}

.del_able {
	background-color: #ec576a !important;
	color: #fff !important;
	border-radius: 4px
}

.del_able span {
	color: #fff
}

.all_reedit {
	display: none;
	position: absolute;
	right: 0;
	line-height: 25px;
	height: 25px;
	top: 0;
	border-radius: 4px;
	padding: 0 5px;
	z-index: 100
}

.all_reedit span {
	display: inline-block;
	margin: 0 1px;
	padding: 6px 0;
	cursor: pointer;
	border-radius: 2px;
	width: 16px;
	text-align: center;
	line-height: 13px
}

.all_reedit span:hover {
	background-color: #e27883;
	color: #fff
}

#list_input,
#re_list_name {
	width: 100%;
	color: #000;
	z-index: 10;
	height: 17px
}

.nmlgroup {
	margin-top: 5px;
	padding: 0 5px;
	display: none
}

#grp_ul li {
	margin: 3px 0
}

.nmlgroup a {
	display: block;
	padding: 5px 5px 5px 10px;
	border-radius: 4px;
	white-space: nowrap
}

.nmlgroup a>span {
	display: block;
	float: left
}

.nmlgroup a>span.glyphicon {
	color: #56a2ed
}

.nmlgroup a>span:nth-child(2) {
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#grp_ul .active_bg {
	background-color: #659fe0;
	color: #fff
}

#grp_ul .active_bg>span.glyphicon {
	color: #fff
}

.nmlgroup a:hover {
	background-color: #659fe0;
	color: #fff
}

.nmlgroup a:hover>span.glyphicon {
	color: #fff
}

.nmlgroup img {
	cursor: pointer
}

#regrp {
	display: none;
	padding: 2px 5px;
	margin: 0 auto;
	width: 90%
}

.nmlgroup li {
	position: relative
}

.nmlgroup li>span {
	position: absolute;
	right: 5px;
	line-height: 27px
}

.grp_add_tip {
	display: none;
	padding: 2px;
	border: 1px solid #ccc;
	position: absolute;
	background-color: #fff;
	left: 5px;
	bottom: -15px;
	color: #000;
	line-height: 14px;
	border-radius: 4px
}

#grp_all_edit {
	height: 27px;
	line-height: 27px;
	z-index: 10
}

#plus_grp_mmb {
	float: left
}

#del_grp {
	float: left
}

#edt_grp {
	float: left
}

#reedt_grp {
	height: 18px;
	color: #000
}

.dropmn {
	margin-top: 10px
}

.mmblist a:hover {
	cursor: pointer;
	background-color: #c6dbfb
}

.dropmnxx:not(.top_menu) {
	display: none
}

.dropmnxx li {
	white-space: nowrap;
	margin: 3px 0
}

.dropmnxx a i {
	width: 7px;
	height: 10px;
	line-height: 17px;
	float: left;
	vertical-align: middle;
	color: #777
}

.secmenu a {
	color: #000
}

.secmenu a:focus {
	color: #000
}

.handler {
	height: 100%;
	width: 1px;
	position: absolute;
	left: 180px;
	cursor: col-resize;
	border: 1px solid red;
	bottom: 0
}

.mmbhd {
	padding: 5px;
	font-size: 14px
}

.memberhd {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #c8c8c8;
	width: 100%
}

.memberhd>div {
	margin-left: 10px;
	float: right
}

.memberhd>div:nth-child(1) {
	position: relative;
	float: left
}

.memberhd .glyphicon-search {
	position: absolute;
	right: 5px;
	top: 6px
}

.memberhd>div:nth-child(3) {
	height: 24px
}

.memberhd>div:nth-child(3)>span:not(.folspan) {
	cursor: pointer;
	font-size: 12px;
	margin: 0 5px;
	background-color: #659fe0;
	border-radius: 4px;
	color: #fff;
	line-height: 24px;
	display: inline-block;
	min-width: 34px;
	text-align: center
}

.folspan {
	cursor: pointer;
	font-size: 12px;
	margin: 0 5px;
	background-color: #659fe0;
	border-radius: 4px;
	color: #fff;
	line-height: 24px
}

.memberhd>div:nth-child(3)>span a {
	padding: 5px;
	color: #fff
}

.memberhd>div:nth-child(3)>span:hover a {
	color: #fff
}

.load_type {
	display: none;
	position: absolute;
	right: -15px;
	top: 24px;
	padding: 2px 5px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	box-shadow: 1px 2px 2px rgba(10, 10, 0, .3);
	z-index: 22
}

.load_type ul {
	margin-bottom: 0
}

.load_type li {
	margin: 1px 0;
	padding: 2px 5px
}

.load_type li:hover {
	cursor: pointer;
	background-color: #659fe0;
	color: #fff
}

.folspan {
	display: none;
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 5px !important
}

.memberhd>div:nth-child(1) input {
	height: 24px;
	padding-left: 5px
}

.memberhd>div:nth-child(2) {
	margin-right: 10px
}

.memberhd>div:nth-child(2) select {
	min-width: 100px;
	height: 24px
}

.membersearch {
	position: relative;
	padding: 10px 0;
	height: 50px
}

.membersearch form {
	width: 100%;
	height: 100%
}

.membersearch form>div {
	float: left;
	margin-right: 50px
}

.membersearch form>div select {
	height: 24px
}

.membersearch form>div:nth-child(3) {
	position: absolute;
	right: 10px;
	margin-right: 0
}

.membersearch button {
	width: 120px;
	background-color: #5e5e5e;
	border-radius: 4px;
	color: #fff
}

.mbform {
	position: absolute;
	top: 45px;
	bottom: 0;
	width: 100%
}

.mbform li a>div {
	float: left
}

.mbform li a img {
	float: left;
	border: 1px solid #ccc
}

.mbformhead input[type=checkbox],
.mbformul input[type=checkbox] {
	width: 20px;
	height: 20px
}

.mbformhead p,
.mbformul p {
	float: left;
	height: 27px;
	line-height: 30px;
	padding: 0 5px;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mbformhead {
	padding: 5px 0 5px 20px;
	background-color: #a5c6f1
}

.mbformhead select {
	height: 100%;
	max-width: 100%;
	background-color: transparent;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	cursor: pointer
}

.mbformhead select:hover {
	border: 1px solid #659fe0
}

.mbformhead p:nth-child(1) {
	width: 5%
}

.mbformhead p:nth-child(2) {
	width: 11%
}

.mbformhead p:nth-child(5),
.mbformhead p:nth-child(6) {
	width: 19%
}

.mbformhead p:nth-child(4),
.mbformhead p:nth-child(7) {
	width: 11%
}

.mbformhead p:nth-child(8) {
	width: 8%
}

.mbformhead p:nth-child(9) {
	width: 3%
}

.mbformhdead p:nth-child(1) input {
	vertical-align: middle;
	margin-top: 7px
}

.mbformul {
	padding: 0;
	position: absolute;
	top: 39px;
	bottom: 0;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden
}

.mbformul li {
	border-bottom: 1px solid #cacaca;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px
}

.mbformul li>a {
	display: block
}

.mbformul li:hover {
	background-color: #c6dbfb
}

.mbformul li.active {
	background-color: #c6dbfb
}

.mbformul li div {
	width: 5%
}

.mbformul li p:nth-child(3) {
	width: 11%
}

.mbformul li p:nth-child(5),
.mbformul li p:nth-child(6) {
	width: 19%
}

.mbformul li p:nth-child(4),
.mbformul li p:nth-child(7) {
	width: 11%
}

.mbformul li p:nth-child(8) {
	width: 8%
}

.mbformul p:nth-child(9) {
	width: 3%
}

.mbformul li.mmb_bg {
	background-color: #c6dbfb
}

.chattt {
	font-size: 18px;
	line-height: 50px
}

.selfnews {
	display: block
}

.selfnews input {
	padding: 2px
}

.sfnews1>span {
	float: left
}

.sfnews1 {
	padding: 15px 50px;
}

.sfnews1 div {
	padding-left: 10px;
	float: left
}

.sfnews1 .detailnews {
	width: 130px
}

.sfnews1 .detailnews p:nth-child(1) {
	font-size: 18px
}

.detailnews p span:nth-child(1) input {
	width: 80px;
	height: 23px
}

.detailnews #resex {
	position: absolute;
	right: 0
}

.detailnews p span:nth-child(2) input {
	width: 25px;
	height: 23px
}

.detailnews .attion {
	position: absolute;
	top: 52px;
	right: 20px;
	font-size: 12px;
	background-color: #e1e1e1;
	color: #777;
	padding: 2px 5px;
	border-radius: 2px
}

.sfnews1 .detailnews p:nth-child(2) {
	font-size: 14px
}

select#edt_now {
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 3px
}

.nrow>.invit_interface {
	width: 400px
}

.invit_interface {
	position: absolute;
	width: 300px;
	height: 230px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #bbb;
	border-radius: 4px;
	background-color: #f8f8f8;
	z-index: 10;
	padding: 10px;
	box-shadow: 2px 6px 8px rgba(0, 10, 10, .4)
}

.invit_text {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 2px 5px;
	height: 80px;
	margin-bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto
}

.invit_send_btn {
	text-align: right
}

.invit_send_btn button {
	width: 60px;
	height: 20px;
	margin-left: 20px
}

.sfnews2 ul {
	padding-bottom: 30px
}

.sfnews2 ul li {
	margin-bottom: 10px;
	font-size: 14px
}

#rename {
	padding: 0 2px;
	max-width: 82px;
	overflow: hidden;
	display: inline-block;
	border: 1px #FFFFFF solid;
}

.sfnews2 li span {
	position: relative;
	min-width: 100px;
	min-height: 20px;
	display: block;
	padding: 0 3px;
	border: 1px #FFFFFF solid;
}

.sfnews2 li span textarea {
	min-height: 20px;
	width: 100%;
	overflow: hidden;
	padding: 0 3px
}

.btns {
	position: absolute;
	bottom: 0;
	padding: 2px 10px 2px 50px
}

.btns button {
	margin: 8px 5px;
	border-radius: 4px;
	float: right;
	border: none;
	background-color: #e1ebfb;
}

.btns button a {
	color: #000
}

.btns button:hover {
	background-color: #4a8fdb;
	color: #fff
}

.btns button:hover a {
	color: #fff
}

.btns button a {
	display: block;
	padding: 4px 7px
}

.btns ul {
	padding-left: 0;
	border-radius: 4px;
	box-shadow: 2px 2px 2px rgba(10, 10, 0, .4);
	border: 1px solid rgba(10, 10, 0, .2);
	position: absolute;
	bottom: 45px;
	right: -330px;
	width: 100px;
	display: none
}

.btns ul li a {
	padding: 5px 25px;
	display: block;
	width: 100%;
	height: 100%
}

.btns ul li a:hover {
	background-color: #5e5e5e;
	color: #fff
}

.msglg {
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	bottom: 50px;
	top: 50px;
	width: 100%;
	padding: 10px 0
}

.record_btn {
	padding: 10px;
	text-align: center
}

.record_btn div {
	display: inline-block;
	padding: 0 5px !important;
	color: #777;
	cursor: pointer
}

.record_btn i {
	color: #777
}

.record_btn div:hover {
	color: #333;
	text-decoration: underline
}

.msglg div span:not(.del_chat) {
	min-width: 40px;
	display: inline-block;
	font-size: 12px;
	background-color: #e1e1e1;
	color: #777;
	padding: 2px 5px;
	border-radius: 2px
}

.msglg>div>div {
	padding: 10px
}

.msglg>div>div:nth-child(1) {
	padding: 10px;
	text-align: center
}

.answer .selfimg {
	float: left;
	margin-left: 10px
}

.selfimg img {
	border-radius: 2px;
	width: 34px !important;
	height: 34px !important
}

.answer .selfmsg {
	float: left;
	margin-left: 10px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	background-color: #fff;
	position: relative;
	display: block;
	word-break: break-all;
	word-wrap: break-word;
	max-width: 220px
}

.chat_li>div>div {
	position: relative
}

.savetoM img {
	width: 25px;
	height: 25px
}

.answer .savetoM {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 2px;
	width: 40px;
	height: 40px;
	padding: 8px;
	display: none;
	cursor: pointer
}

.ask .savetoM {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 2px;
	width: 40px;
	height: 40px;
	padding: 8px;
	display: none;
	cursor: pointer
}

.savetoM:hover {
	background-color: #ddd;
	border-radius: 4px
}

.msglg .selfmsg>div:not(.del_chat_div) {
	padding: 6px 8px;
	font-size: 14px;
	word-wrap: break-word;
	word-break: break-word
}

.selfmsg img#send_record_img {
	width: 100%
}

.selfmsg img {
	max-width: 100%
}

.selfmsg audio {
	width: 200px
}

.ask .selfimg {
	float: right;
	margin-right: 10px
}

.ask .selfmsg {
	float: right;
	margin-right: 10px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	background-color: #95dc65;
	position: relative;
	display: block;
	word-break: break-all;
	word-wrap: break-word;
	max-width: 220px
}

.clear_chat {
	position: fixed;
	height: 120px;
	width: 200px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border: 1px solid #999;
	border-radius: 4px;
	z-index: 500;
	background-color: #fff
}

.clear_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 10, 0, .3);
	z-index: 499
}

.del_chat {
	position: absolute !important;
	top: -9px !important;
	right: -9px;
	color: #000;
	border-radius: 10px;
	border: 1px solid #bbb;
	padding: 3px;
	background-color: #eee;
	cursor: pointer
}

.del_chat_div {
	display: none
}

.del_chat_div span {
	color: #666
}

.del_chat:hover {
	color: #fff;
	background-color: #da4958
}

.chatbt {
	padding: 9px 0
}

.emoji_span {
	float: right;
	margin: 0 4px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-top: 3px
}

.chatbt>span {
	position: relative;
	display: inline-block
}

.chatbt>span:nth-child(1) {
	margin-left: 5px
}

.chat_icon>span {
	margin: 0 2px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-top: 2px
}

.chat_icon .glyphicon {
	color: #fff;
	font-size: 20px;
	height: 28px;
	width: 28px;
	margin-top: 0;
	top: 6px
}

.sin_del_tip {
	position: absolute;
	padding: 2px 5px;
	border-radius: 4px;
	background-color: #fff;
	top: -30px;
	left: 0;
	border: 1px solid #999;
	min-width: 60px;
	display: none
}

.all_clear_tip {
	position: absolute;
	padding: 2px 5px;
	border-radius: 4px;
	background-color: #fff;
	top: -25px;
	left: 0;
	border: 1px solid #999;
	min-width: 60px;
	display: none
}

.chat_icon {
	padding-bottom: 2px;
	height: 25px
}

#exp_icon {
	height: 28px;
	width: 28px;
	margin-top: -1px
}

.chat_icon #sin_del {
	width: 28px;
	height: 28px;
	color: #fff
}

.chat_icon #all_del {
	width: 25px;
	height: 25px;
	color: #fff
}

.chat_exp {
	transition: width ease-in .3s;
	-ms-transition: width ease-in .3s;
	-moz-transition: width ease-in .3s;
	-webkit-transition: width ease-in .3s;
	-o-transition: width ease-in .3s;
	min-height: 100%;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #c8cacd;
	width: 268px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 110px;
	font-size: 14px;
}

.more_icon {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-left: 10px;
	margin-top: 0px;
}

.more_icon img {
	height: 100%;
	cursor: pointer
}

.more_icon .icon_box {
	position: absolute;
	border: 1px solid #ddd;
	top: -60px;
	left: -10px;
	width: 142px;
	z-index: 100;
	box-shadow: 0 0 10px rgba(40, 40, 40, .4);
	background-color: #fff;
	padding: 0 10px;
	height: 50px;
	display: none;
}

.more_icon .icon_box span {
	margin: 0 5px;
	height: 48px;
	padding: 10px;
	cursor: pointer;
	position: relative;
	display: inline-block
}

.more_icon .icon_box span:hover {
	background-color: #e3e3e3
}

.more_icon .icon_box span input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0
}

#area2 img {
	position: relative;
	vertical-align: bottom
}

.arrow_right {
	color: #fff;
	font-size: 20px;
	height: 22px;
	margin-top: 0;
	position: relative;
	top: 3px !important
}

.arrow_right_div {
	margin-left: 10px;
	float: left;
	display: none
}

.chat_btn,
.chat_input {
	float: right;
	height: 30px;
	overflow: hidden;
	top: -2px;
	right: 2px;
	margin-left: 13px;
}

.chat_btn {
	margin-right: 10px !important
}

.chatbt input {
	height: auto;
	line-height: 20px;
	padding: 2px 5px;
	border: 1px solid #c8cacd;
	width: 190px;
	margin-right: 10px
}

.chatbt button {
	color: #000;
	padding: 4px 7px;
	background-color: #f8f8f8;
	background-color: #e1ebfb;
	border: none;
	height: 30px;
	width: 60px;
	border-radius: 4px;
}

.chatbt button:hover {
	background-color: #4a8fdb;
	color: #fff
}

.chatbt button span {
	font-size: 16px
}

#celchos {
	font-size: 30px;
	background-color: transparent;
	border: none;
	padding: 0 10px;
	position: absolute;
	right: 0
}

#celchos:hover {
	background-color: #ea7066
}

.topchat .back {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	border: none;
	height: 100%;
	padding: 0 10px
}

.topchat .back:hover {
	background-color: #ea7066
}

.topchat .back span {
	line-height: 15px
}

.topchat button:nth-child(2) {
	font-size: 30px
}

#edtmb {
	font-size: 18px;
	line-height: 50px;
	color: #fff
}

#reedtmb {
	position: absolute;
	bottom: 50px;
	top: 50px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

#bzbot {
	padding: 12px 0
}

#bzbot button {
	padding: 4px 7px;
	position: absolute;
	right: 10px;
	border-radius: 2px;
	background-color: #e1ebfb;
	border: none;
	height: 25px
}

#bzbot button:hover {
	background-color: #4a8fdb;
	color: #fff
}

.addtip {
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
	margin-left: -10px;
	border-top: 1px solid #cacaca;
	background-color: #f8f8f8
}

.chattp {
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: center
}

#chostop {
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px
}

#midchos {
	position: absolute;
	top: 50px;
	bottom: 50px;
	width: 100%;
	padding-left: 10px;
	overflow-y: auto;
	overflow-x: hidden
}

#midchos li {
	border-bottom: 0 none;
	cursor: default;
	width: 25%;
	padding: 10px 3px;
	height: 102px;
	float: left;
	text-align: center;
	position: relative
}

#midchos li a {
	display: block;
	background-color: #f8f8f8;
	border-radius: 10px;
	font-size: 18px;
	border: 1px solid #cacaca;
	position: absolute;
	top: 4px;
	left: 50%;
	margin-left: 21px;
	line-height: 12px;
	padding: 2px
}

#midchos li a:hover {
	background-color: #e27883;
	color: #fff
}

#midchos li img {
	height: 60px;
	width: 60px
}

#midchos li p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.2
}

#chosbot {
	padding: 12px;
	text-align: center
}

#chosbot>div {
	float: right
}

#chosbot button {
	padding: 4px 7px;
	border-radius: 2px;
	margin-left: 10px;
	background-color: #e1ebfb;
	border: none;
	height: 25px;
	color: #000
}

#chosbot button:hover {
	background-color: #4a8fdb;
	color: #fff
}

.midchat {
	position: absolute;
	top: 50px;
	bottom: 50px;
	width: 100%;
	padding: 10px;
	overflow: auto
}

#list_mid ul li a {
	color: #000
}

#list_mid ul li input[type=checkbox] {
	float: right;
	height: 20px;
	width: 20px;
	margin-top: -1px
}

#list_top {
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff
}

.back_toggle {
	position: absolute !important;
	left: 0;
	top: 0;
	height: 48px;
	width: 50px;
	line-height: 48px !important;
	cursor: pointer
}

.back_toggle:hover {
	background-color: #ea7066
}

#list_bot {
	padding: 12px;
	text-align: right
}

#list_bot button {
	padding: 4px 7px;
	width: 80px;
	background-color: #e1ebfb;
	border: none
}

#list_bot button:hover {
	background-color: #4a8fdb;
	color: #fff
}

.all_move {
	display: none;
	position: absolute;
	bottom: 55px;
	right: 5px;
	border: 1px solid #bbb;
	border-radius: 4px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
	background: #fff;
	padding: 5px
}

.all_move ul {
	margin-bottom: 0
}

.all_move ul li {
	margin: 2px 0
}

.all_move ul li a {
	padding: 2px 5px;
	border-radius: 4px
}

.all_move ul li a:hover {
	background-color: #659fe0;
	color: #fff
}

.changehd {
	padding: 10px;
	text-align: center;
	font-size: 18px;
	background-color: #e8e8e8;
	margin: 0 -10px
}

.changehd button {
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 1px 5px;
	font-size: 14px
}

.changebd {
	padding-top: 20px
}

.changebd>div {
	margin: 0 auto;
	width: 350px
}

.mainchange {
	padding-top: 20px
}

.mainchange div {
	font-size: 14px;
	line-height: 34px
}

.mainchange input {
	line-height: 20px;
	width: 350px;
	padding: 2px 5px
}

.mainchange select {
	width: 150px;
	height: 28px;
	line-height: 28px;
	padding: 2px 5px
}

.botsub {
	position: absolute;
	margin: 0 -10px;
	width: 100%;
	bottom: 0;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #cecece
}

.botsub button {
	padding: 3px 7px;
	font-size: 14px
}

.exchghd {
	width: 100%;
	padding: 10px;
	font-size: 18px;
	background-color: #a5c6f1
}

.exchghd button {
	padding: 2px 5px;
	position: absolute;
	right: 10px;
	font-size: 14px
}

.exchgbd {
	height: 100%
}

.exchgbd>div {
	padding: 10px;
	height: 100%
}

.exchgbd input[type=text] {
	width: 250px;
	padding: 2px 5px;
	line-height: 20px
}

.exchgbd .addtip>div {
	margin-bottom: 20px
}

.exchgbd textarea {
	min-height: 100px;
	width: 250px;
	padding: 2px 5px;
	line-height: 20px;
	vertical-align: top
}

.exchgbd button {
	width: 80px;
	padding: 2px 8px
}

.dtl_tip_ul p {
	float: left;
	width: 25%;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dtl_tip_ul li>p:nth-child(1) {
	width: 10%
}

.dtl_tip_ul li>p:nth-child(2) {
	width: 50%
}

.dtl_tip_ul li>p:last-child {
	width: 15%;
	text-align: center
}

.dtl_tip_ul li>p:last-child span {
	margin: 0 5px
}

.dtl_tip_ul li {
	padding: 5px
}

.dtl_tip_ul li span {
	display: inline-block;
	padding: 0 2px;
	color: #999;
	height: 17px;
	cursor: pointer
}

.dtl_tip_ul li span:hover {
	color: #e1515b
}

.dtl_tip_ul li.active_edt,
.dtl_tip_ul li.active_tip {
	background-color: #eee
}

.click_dtl_li:hover {
	cursor: pointer;
	background-color: #eee
}

.detail_tip_box {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-left: -10px;
	padding: 0 10px;
	border-top: 1px solid #b9b9b9;
	background-color: #f8f8f8;
	max-height: 500px
}

.more_msg_hd {
	padding: 10px 0
}

.more_msg_hd #close_tip_box {
	cursor: pointer;
	float: right;
	padding: 3px;
	border-radius: 10px
}

.more_msg_hd #close_tip_box:hover {
	background-color: #ed7a89;
	color: #fff
}

.more_msg_ul {
	background-color: #fff;
	padding: 0 5px;
	border-radius: 4px;
	border: 1px solid #b9b9b9;
	overflow-y: auto;
	overflow-x: hidden
}

.more_msg_ul li {
	padding: 5px 0
}

.more_msg_ul li>span:nth-child(1) {
	white-space: nowrap;
	display: inline-block
}

.addbody {
	width: 320px;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center
}

.addbody h4 {
	margin-bottom: 20px
}

.addbody>div {
	position: relative;
	padding: 10px 0
}

.addbody>div>div {
	float: left;
	line-height: 25px
}

.addbody>div>div:nth-child(1) {
	width: 30%;
	text-align: right
}

.addbody>div>div:nth-child(2) {
	width: 70%;
	text-align: left
}

.font_star {
	color: red;
	padding: 5px;
	position: absolute;
	display: block;
	right: 48px;
	line-height: 25px;
	top: 5px
}

.addbody input {
	padding: 2px 5px;
	width: 160px;
	height: 25px
}

.addbody select {
	height: 25px;
	width: 160px
}

#add_btn {
	text-align: center
}

#add_btn button {
	width: 60px;
	padding: 2px 5px;
	margin: 0 30px
}

#load_box {
	width: 100%;
	top: 50px;
	bottom: 50px;
	margin: 0 auto;
	position: absolute
}

#load_box p {
	font-size: 16px
}

#load_box button {
	padding: 2px 5px
}

#load_file {
	height: 25px
}

.sheet_sel {
	padding: 10px;
	height: 40px
}

.sheet_sel span {
	display: block;
	float: left;
	line-height: 25px
}

.sheet_sel span:not(:nth-child(3)) {
	margin-right: 20px
}

.sheet_sel span button {
	height: 22px;
	line-height: 21px;
	width: 60px
}

.sheet_sel select {
	height: 22px
}

.box_load {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 20px
}

.load_field {
	padding-top: 10px
}

.load_ul {
	width: 100%;
	border: 1px solid #c9c9c9;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	border-radius: 4px;
	background-color: #fff
}

.load_ul li {
	padding: 3px 10px;
	position: relative;
	border-bottom: 1px solid #ddd
}

.load_ul li:nth-child(odd) {
	background-color: #eee
}

.load_ul li:nth-child(1) {
	background-color: #a5c6f1
}

.load_ul li span {
	width: 50%;
	display: inline-block
}

.load_ul li span:nth-child(2) {
	padding-left: 10px
}

.load_ul li span select {
	width: 100%;
	border: none
}

.load_view {
	padding-bottom: 10px
}

.load_view>div {
	width: 100%;
	border: 1px solid #c9c9c9;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	border-radius: 4px;
	height: 300px;
	position: relative;
	overflow: auto
}

.view_ul li p {
	width: 15%;
	display: inline-block;
	font-size: 12px !important;
	margin-bottom: 0;
	height: 30px;
	line-height: 30px;
	padding-left: 10px
}

.view_ul {
	width: 100%;
	height: 100%;
	margin-bottom: 0
}

.view_ul_one p {
	background-color: #a5c6f1
}

.view_ul li {
	white-space: nowrap;
	height: 30px;
	position: relative
}

.submit_btn_load {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px 20px;
	border-top: 1px solid #aaa;
	background-color: #a5c6f1;
	text-align: right
}

#load_ok {
	padding: 2px 5px;
	width: 100px;
	border: none;
	margin-right: 20px;
	height: 25px;
	background-color: #4a8fdb;
	color: #fff
}

#load_Inport,
#load_cancel {
	padding: 2px 5px;
	width: 100px;
	border: none;
	height: 25px;
	background-color: #eee;
	color: #000
}

.submit_btn_load button {
	background-color: #e1ebfb;
	border-radius: 4px
}

.submit_btn_load button:hover {
	background-color: #4a8fdb;
	color: #fff
}

#loadin {
	overflow: hidden
}

#load_box {
	overflow-y: auto;
	overflow-x: hidden
}

.back_news_box {
	position: absolute;
	top: 45px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid #bbb
}

.backnews {
	position: absolute;
	top: 30px;
	width: 100%;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden
}

.backnews li p,
.bn_li1 p {
	float: left;
	width: 33.3333333%;
	margin-bottom: 0;
	padding-left: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px
}

.backnews li .person,
.bn_li1 .person {
	width: 17%
}

.backnews li .time,
.bn_li1 .time {
	width: 15%
}

.backnews li .message,
.bn_li1 .message {
	width: 65%
}

.backnews li .message span {
	margin-right: 5px
}

.backnews li .glyphicon-trash {
	color: #777;
	padding: 0 5px
}

.backnews li .glyphicon-trash:hover {
	color: #ea7e75;
	font-size: 14px
}

.backnews li a:hover {
	background-color: #c6dbfb;
	color: #000
}

.backnews li a:visited {
	color: #000
}

.backnews li a.back_color {
	background-color: #c6dbfb
}

.backwaya div {
	text-align: center;
	width: 50%;
	float: left;
	border-bottom: 1px solid #97bedf;
	padding-bottom: 5px;
	margin-left: -10px
}

.setbody select {
	width: 100px;
	height: 25px
}

.message_head>div {
	float: right;
	margin-left: 3px
}

.message_head button {
	height: 25px;
	padding: 0 5px;
	line-height: 23px
}

.all_read {
	background-color: #659fe0;
	border: none;
	color: #fff;
	border-radius: 4px
}

.all_ClearMsgs {
	background-color: #659fe0;
	border: none;
	color: #fff;
	border-radius: 4px
}

.all_CinportMsgs {
	background-color: #659fe0;
	border: none;
	color: #fff;
	border-radius: 4px
}

#message_search {
	height: 25px;
	padding: 2px 5px;
	width: 100%
}

#message_img {
	width: 20px;
	height: 20px
}

.phone_img,
.wechat_img {
	width: 25px;
	height: 23px
}

.unread_tip {
	position: absolute;
	top: 5px;
	left: 7px
}

.unread_tip img {
	width: 20px;
	height: 20px
}

.pos_search,
.pos_search_tele {
	position: absolute !important;
	right: 5px;
	top: 7px !important;
	z-index: 10
}

.more_message {
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 0;
	background-color: rgba(10, 10, 0, .5);
	border-top: 1px solid #aaa;
	text-align: center;
	line-height: 30px;
	color: #fff;
	cursor: pointer
}

.more_message:hover {
	background-color: rgba(10, 10, 0, .6)
}

.redeve_set {
	position: absolute;
	top: 45px;
	bottom: 45px;
	width: 100%;
	/* overflow-y:auto; */
	overflow: hidden;
	background-color: #fff;
}

.redeve_set>form {
	width: 300px;
	height: 300px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 50px;
	left: 0;
	right: 0
}

#redeve_form>div {
	padding: 10px
}

#redeve_form input:not(#load_file) {
	padding: 2px 5px;
	width: 200px
}

.other_tag {
	z-index: 222
}

.other_tag>span {
	display: inline-block;
	width: 33.3333%;
	text-align: center;
	padding: 0 10px;
	line-height: 23px;
	z-index: 501;
	cursor: pointer
}

.other_tag>span span {
	height: 28px;
	line-height: 28px;
	display: block
}

.other_tag>span span:hover {
	border-bottom: 2px solid #ea7066
}

#other_tag1.active span,
#other_tag2.active span,
#other_tag3.active span,
#other_tag4.active span {
	border-bottom: 2px solid #ea7066
}

.other_set {
	position: absolute;
	top: 50;
	bottom: 0;
	width: 100%
}

.form_div_parent {
	position: absolute;
	top: 28px;
	bottom: 0;
	width: 100%;
	z-index: 1;
	border-top: 1px solid #e8e8e8
}

#other_form {
	width: 100%;
	height: 100%
}

#other_form>div {
	position: relative;
	padding: 10px
}

#other_form>div span {
	display: inline-block;
	margin: 0 5px
}

#other_form button {
	padding: 2px 5px
}

#other_btn {
	position: absolute;
	right: 0
}

.other_line {
	border-top: 1px solid #cdcdcd
}

#altbox3,
#altbox4,
#altbox5 {
	background-color: #f8f8f8;
	height: 100%
}

#altbox6 {
	background-color: #fff;
	height: 100%
}

#altbox6 select {
	height: 20px;
	width: 110px
}

#altbox6 p {
	/* font-weight:700; */
	margin: 0;
	display: inline-block;
}

.argu_sys span {
	margin: 0 !important;
	vertical-align: middle
}

.no_pass span {
	margin: 0 !important
}

.argu_sys input {
	margin-top: -3px !important
}

#altbox6 input[type=text] {
	height: 20px;
	width: 250px;
	max-height: 300px;
	margin-top: 5px;
	/* margin-left:18px */
}

#ans_form {
	position: relative;
	border: 1px solid #cacaca;
	background: #fff;
	width: 100%;
	height: 100%
}

#ans_btn {
	position: relative;
	height: 20%;
	width: 100%
}

#auto_sure {
	padding: 2px 5px;
	width: 90px;
	margin: 0 auto;
	position: absolute;
	right: 120px;
	bottom: 10px
}

#auto_cancel {
	padding: 2px 5px;
	width: 90px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	bottom: 10px
}

#auto_msg {
	padding: 2px 5px;
	border-radius: 4px;
	position: relative
}

#auto_fin_li {
	padding: 2px
}

#auto_msg p {
	margin-bottom: 0
}

#auto_msg:hover {
	background-color: #5e5e5e;
	color: #fff
}

#auto_edit {
	position: absolute;
	right: 25px;
	top: 5px;
	cursor: pointer
}

#auto_del {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px
}

#ans_box {
	height: 60%;
	width: 100%
}

.msg_set_box1 {
	height: 10%;
	padding: 3px 0
}

.ban_background {
	position: absolute;
	background-color: rgba(255, 255, 255, .5);
	width: 100%;
	height: 100%;
	top: 0
}

.auto_ans_text {
	width: 100%;
	height: 100%;
	padding: 2px 5px
}

.msg_set_box2 {
	padding: 10px 0;
	height: 20%
}

.msg_set_box2 div {
	float: left;
	margin-right: 20px
}

#msg_name_sel {
	height: 22px;
	color: #bbb
}

.msg_set_box3 {
	height: 10%
}

.auto_send_check {
	padding: 5px;
	background: #fff;
	border: 1px solid #b9b9b9;
	position: relative;
	margin-top: 10px
}

.msg_set_box3 div {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
	height: 20px;
	line-height: 20px
}

#msg_sel {
	color: #bbb;
	height: 22px
}

#auto_ans_ul {
	padding: 10px
}

#auto_ans_ul input[type=radio] {
	float: left
}

#auto_ans_ul p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 220px;
	margin-left: 5px;
	float: left;
	line-height: 20px
}

#auto_add {
	width: 20px;
	height: 20px;
	cursor: pointer
}

#auto_text {
	position: absolute;
	height: 30%;
	width: 100%;
	bottom: 0;
	padding: 2px 5px;
	display: none
}

.auto_ans {
	position: absolute !important;
	right: 0;
	left: 0;
	z-index: 500
}

.auto_ans input[type=checkbox] {
	margin: 0 5px 0 0 !important;
	vertical-align: middle
}

#birth_text {
	width: 100%;
	height: 100%;
	padding: 2px 5px
}

.birth_set {
	height: 20%;
	padding: 10px 0
}

.birth_set>div {
	margin-bottom: 10px
}

.birth_set>div>div {
	float: left;
	margin-right: 20px;
	height: 20px;
	line-height: 20px
}

#birth_name_sel {
	height: 22px;
	color: #bbb
}

#birth_way_sel {
	height: 22px
}

.birth_set p {
	margin: 5px 0
}

.birth_time_set {
	height: 10%
}

.birth_send_time {
	width: 90px
}

.user_set {
	position: absolute;
	top: 50;
	bottom: 0;
	width: 100%
}

#user_ul {
	padding: 10px
}

#user_ul li p {
	float: left;
	width: 15%;
	padding-left: 10px
}

.user_manage_ul {
	/*padding: 0 10px 5px 10px;
	margin-top: 27px;
	height: calc(100% - 27px);
	overflow-y: auto;*/
	padding: 0 10px 5px 10px;
    margin-top: 30px;
    height: calc(100% - 73px);
    overflow-y: auto;
}

.user_manage_ul>li {
	position: relative;
	margin: 5px 0;
	border-radius: 4px;
	background: #e0edfc;
	min-height: 40px;
	max-height: 40px;
	transition: max-height ease-out .6s;
	-ms-transition: max-height ease-out .6s;
	-moz-transition: max-height ease-out .6s;
	-webkit-transition: max-height ease-out .6s;
	-o-transition: max-height ease-out .6s;
	overflow: hidden
}

#user_manage_a:hover {
	background-color: #c6dbfb
}

#user_manage_a.active {
	background-color: #c6dbfb
}

.user_manage_ul>li span {
	display: inline-block;
	margin: 0 5px;
	line-height: 18px;
	vertical-align: middle
}

.user_manage_ul .user_child_ul>li span.glyphicon-edit:hover {
	border-radius: 10px;
	color: #ea7066
}

#user_manage_a {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	padding: 5px 5px;
	color: #000;
	position: relative;
}

#reset_sure {
	display: none;
	height: 20px;
	padding: 2px 5px
}

#reset_password {
	cursor: pointer;
	color: #666
}

.all_user_font {
	position: absolute;
	right: 0;
	top: 6px
}

#ban_user,
#del_user_li,
#edit_user_li,
#unban_user {
	float: left;
	border-radius: 10px;
	color: #bbb;
	top: 4px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center
}

#unban_user.glyphicon-minus {
	color: #d74655
}

#unban_user.glyphicon-ok {
	color: #4ee055
}

.ban_tip {
	position: absolute;
	left: -30px;
	height: 30px;
	line-height: 30px;
	display: none
}

#del_user_li:hover {
	background-color: #de5661;
	color: #fff
}

#edit_user_li:hover {
	background-color: #ea7066;
	color: #fff
}

.user_child_div {
	border-radius: 4px;
	background-color: #eee;
	width: 100%
}

.user_child_ul {
	padding: 10px
}

.user_child_ul>li {
	line-height: 20px;
	padding: 3px 0
}

#back_user_manage {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px
}

#back_user_manage:hover {
	background-color: #ea7066
}

.add_users>div {
	padding: 10px 20px
}

.add_users input[type=password],
.add_users input[type=text] {
	padding: 1px 5px;
	width: 200px
}

.add_users i {
	margin-left: 5px;
	color: red
}

.list_auth {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	background-color: #e0edfc
}

.auth_ul {
	margin-bottom: 0
}

.auth_ul li {
	float: left;
	padding: 5px
}

.ftn_auth {
	border-radius: 4px;
	background-color: #e0edfc;
	padding: 5px
}

.ftn_auth span {
	margin: 0 5px;
	vertical-align: middle
}

.ftn_auth>div:nth-child(1) {
	margin-bottom: 10px
}

.ftn_auth input {
	vertical-align: middle;
	margin-top: -2px !important;
	margin-right: 2px !important
}

.library_head {
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	background-color: #a5c6f1;
	border-radius: 4px
}

.library_head>div:nth-child(1) {
	float: left
}

.library_head>div:nth-child(2) {
	float: right
}

.library_head>div:nth-child(3) {
	float: right;
	position: relative;
	width: 150px;
	height: 25px;
	margin: 8px 0
}

.library_head>div:nth-child(3) input {
	width: 100%;
	height: 100%;
	padding: 2px 5px
}

.library_head_ul {
	margin-bottom: 0;
	margin-left: 20px
}

.library_head_ul li {
	float: left;
	padding: 0 10px;
	margin-right: 20px
}

.library_head_ul li a {
	color: #000;
	height: 44px;
	line-height: 44px;
	text-align: center;
	padding: 0 5px;
	display: block
}

.library_head_ul li a.active {
	border-bottom: 2px solid #ea7066
}

.library_head_ul li a:hover {
	border-bottom: 2px solid #ea7066
}

.library_add_btn {
	padding: 8px 10px
}

.library_add_btn div {
	height: 25px
}

.library_add_btn div a {
	height: 25px;
	line-height: 25px;
	display: block
}

.library_box {
	background-color: #fff;
	border-radius: 4px;
	height: 100%;
	border: 1px solid #368eef
}

.library_body a,
.library_box a {
	color: #000
}

.lib_left {
	float: left;
	width: 15%;
	height: 100%;
	border-right: 1px solid #bbb;
	overflow-y: auto;
	overflow-x: hidden
}

.lib_list_head {
	text-align: center;
	margin-bottom: 0;
	line-height: 30px;
	background-color: #bbb
}

.lib_list_ul {
	height: 100%;
	margin-bottom: 0;
	padding: 5px
}

.lib_list_ul li {
	line-height: 30px;
	position: relative;
	border-radius: 4px;
	cursor: pointer;
	margin: 2px 0
}

.lib_list_ul li:not(.lib_list_add):hover {
	background-color: #659fe0;
	color: #fff
}

.lib_list_ul li:not(.lib_list_add):hover .glyphicon-folder-close {
	color: #fff
}

.lib_list_ul li:not(.lib_list_add).be_chos {
	background-color: #659fe0;
	color: #fff
}

.lib_list_ul li:not(.lib_list_add).be_chos .glyphicon-folder-close {
	color: #fff
}

.lib_list_ul li>div {
	float: left
}

.lib_list_doc span {
	line-height: 26px;
	margin-left: 5px;
	display: block
}

.lib_list_doc .glyphicon-folder-close {
	color: #56a2ed
}

.lib_list_name {
	width: 80%;
	padding: 0 5px;
	overflow: hidden;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.lib_list_edit {
	line-height: 30px;
	position: absolute;
	right: 0;
	display: none
}

.lib_list_edit span {
	line-height: 28px;
	margin: 0 5px;
	color: #fff;
	border-radius: 10px;
	cursor: pointer
}

.lib_list_edit span:hover {
	font-size: 14px;
	color: #ee7789
}

.lib_list_add {
	text-align: center
}

#lib_add_input,
#lib_re_input {
	height: 22px;
	color: #000 !important;
	width: 100%;
	margin: 4px 0
}

#lib_add_img {
	width: 25px;
	height: 25px;
	cursor: pointer
}

.lib_right {
	float: left;
	width: 85%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative
}

.word_library_ul li {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #ddd
}

.word_library_ul li.active {
	background-color: #c6dbfb
}

.word_library_ul li:hover {
	background-color: #c6dbfb
}

.word_library_ul li p {
	margin-bottom: 0
}

.word_library_ul li .num {
	min-width: 2%;
	float: left;
	margin-right: 10px;
	text-align: right
}

.word_library_ul li #item {
	width: 60%;
	float: left;
	word-wrap: break-word;
	word-break: break-word
}

.word_library_ul li #time {
	float: right;
	width: 10%;
	min-width: 130px
}

.word_library_ul li .lib_edit_box {
	width: 5%;
	min-width: 65px;
	float: right;
	opacity: 0
}

.word_library_ul li .lib_edit_box span {
	margin: 0 8px;
	cursor: pointer;
	display: inline-block;
	color: #666
}

.word_library_ul li .lib_edit_box span:hover {
	color: red
}

.lib_pic {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative
}

.lib_doc,
.lib_pic_word,
.lib_spe,
.lib_vid,
.lib_word {
	height: 100%;
	width: 100%;
	position: relative
}

.lib_pic_ul li {
	position: relative;
	float: left;
	width: 25%;
	padding: 20px
}

.lib_img_pad {
	padding: 0 !important
}

.lib_img_pad {
	padding: 20px 20px 0
}

.lib_pic_time {
	margin: 5px 0
}

.lib_img_pad ul {
	margin-bottom: 0
}

.lib_pic_contain {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	background-color: #222;
	overflow: hidden;
	margin: 0;
	border-radius: 2px
}

.lib_pic_one {
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 200px
}

#lib_img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.lib_pic_edit {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	left: 0;
	background-color: rgba(0, 0, 0, .7);
	display: none;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	z-index: 100
}

.lib_pic_edit span {
	width: 33%;
	margin: 0;
	text-align: center;
	line-height: 40px;
	color: #fff;
	cursor: pointer
}

.lib_pic_edit span:hover {
	background-color: rgba(77, 77, 77, .5)
}

.preview_ten {
	padding: 20px;
	border-radius: 4px;
	height: 95%
}

.lib_pic_name {
	margin-top: 5px;
	overflow: hidden;
	width: 200px;
	height: 20px;
	margin-bottom: 0;
	text-overflow: ellipsis;
	white-space: nowrap
}

#lib_pic_input {
	width: 200px;
	padding: 2px 5px;
	height: 20px;
	position: absolute;
	bottom: 0;
	display: none
}

.lib_del_tip {
	position: fixed;
	height: 120px;
	width: 200px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border: 1px solid #999;
	border-radius: 4px;
	z-index: 500;
	background-color: #fff
}

.lib_del_head {
	background-color: #a5c6f1;
	border-bottom: 1px solid #bbb;
	height: 30px;
	text-align: center;
	line-height: 30px
}

.lib_del_body {
	position: absolute;
	top: 30px;
	bottom: 0;
	widtH: 100%
}

.lib_del_body p {
	height: 55px;
	text-align: center;
	margin-bottom: 0;
	line-height: 55px
}

.lib_del_body>div {
	height: 35px;
	text-align: center
}

.lib_del_body>div button {
	height: 22px;
	padding: 2px 5px;
	width: 60px;
	line-height: 16px;
	margin: 0 5px
}

.lib_del_body>div button:nth-child(1) {
	background-color: #4a8fdb;
	color: #fff;
	border: none;
	border-radius: 4px
}

.lib_del_body>div button:nth-child(2) {
	background-color: #eee;
	color: #000;
	border-radius: 4px;
	border: 1px solid #ccc
}

#lib_pw_img {
	width: 100%;
	margin: auto 0
}

.lib_pw_ul li {
	float: left;
	width: 50%
}

.lib_pw_ul .preview_int {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 27px;
	min-width: 10px
}

.lib_pw_ul .preview_vid_title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 17px;
	min-width: 10px
}

.ptn {
	padding: 20px;
	border-radius: 4px
}

.lib_pw_edit {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: rgba(0, 0, 0, .7);
	display: none;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	margin-left: -10px
}

.lib_pw_edit span {
	width: 50%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	cursor: pointer
}

.lib_pw_edit span:hover {
	background-color: rgba(110, 110, 110, .5)
}

.lib_big_box {
	position: fixed;
	width: 100%;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%
}

.lib_big_box>div {
	overflow: auto;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	position: relative
}

#lib_big_img {
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.lib_close_img {
	position: absolute !important;
	right: 10px;
	top: 10px !important;
	font-size: 40px;
	display: block;
	padding: 10px;
	border-radius: 40px;
	cursor: pointer;
	z-index: 999;
	clear: both;
	color: #ccc
}

.lib_close_img:hover {
	color: #fff;
	background: #e15166
}

.lib_del_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 10, 0, .3);
	z-index: 499
}

.lib_vid_ul li {
	float: left;
	width: 50%;
	height: 320px;
	padding: 10px;
	padding-bottom: 60px;
	position: relative
}

.lib_vid_ul li>div:not(.be_sel_back) {
	position: relative
}

.vid_item_lib {
	margin-top: 5px;
	padding: 0 5px;
	border-radius: 4px;
	background-color: #ddd
}

.vid_item_lib div {
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden
}

.lib_empty {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.lib_empty span {
	width: 100px;
	text-align: center;
	font-size: 60px;
	color: #ccc
}

.lib_empty p {
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
	color: #bbb
}

.library_body {
	position: absolute;
	top: 45px;
	bottom: 0;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #e0edfc
}

.lib_add_left {
	position: absolute;
	top: 0;
	bottom: 50px;
	right: 400px;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden
}

.lib_add_right {
	position: absolute;
	width: 400px;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid #999
}

.lib_pre_head {
	height: 30px;
	line-height: 40px;
	padding: 0 20px
}

.lib_pre_head div {
	border-bottom: 1px solid #999;
	height: 30px
}

.lib_add_btn {
	height: 50px;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #999;
	left: 0;
	right: 400px;
	padding: 11px;
	background-color: #a5c6f1;
	text-align: right
}

.lib_add_btn button {
	width: 80px;
	margin: 0 5px
}

.lib_add_save {
	background-color: #4a8fdb;
	color: #fff;
	border: none;
	border-radius: 4px
}

.lib_add_cancel {
	background-color: #eee;
	color: #000;
	border-radius: 4px;
	border: 1px solid #ccc
}

.lib_add_save a {
	color: #fff
}

.lib_add_cancel a {
	color: #000
}

.library_add_btn div {
	display: none;
	position: relative;
	z-index: 99;
	width: 80px;
	background-color: #659fe0;
	border: none;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	line-height: 25px
}

.library_add_btn div a {
	color: #fff
}

.library_add_btn input[type=file] {
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 100;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	padding: 2px 5px
}

.lib_add_btn a {
	display: block;
	width: 100%;
	padding: 4px 5px
}

.task_bg {
	background-color: #e0edfc;
	border-radius: 4px;
	height: 100%;
	border: 1px solid #368eef
}

.scroll_task {
	overflow-y: auto;
	overflow-x: hidden
}

.task_ul li,
.task_ul_head {
	position: relative;
	padding: 0 10px 0 20px;
	line-height: 30px;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
	height: 30px
}

.task_ul li:not(.task_ul_head):hover {
	background-color: #c6dbfb
}

.sendrecobject li.backPhone_color {
	background-color: #c6dbfb
}
.sendrecobject li:hover {
	background-color: #8ebcee
}

.StatisticalPortsExport:hover {
	background-color: #8ebcee
}
.send_record_midfind li.backPhoneFind_color {
	background-color: #c6dbfb
}
.send_record_midfind div:hover {
	background-color: #8ebcee
}
.task_ul li.task_li_bg {
	background-color: #c6dbfb
}

.task_ul_head {
	background-color: #a5c6f1
}

.task_ul {
	top: 30px;
	bottom: 0;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	margin-bottom: 0
}

.task_ul li>p,
.task_ul_head>p {
	float: left;
	margin-bottom: 0;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px
}

.tasl_icon {
	width: 20px;
	height: 20px;
	margin-top: -3px;
	margin-left: -2px
}

.task_ul li .man,
.task_ul_head .man {
	width: 10%
}

.task_ul li .num,
.task_ul_head .num {
	width: 12%
}

.task_ul li .item,
.task_ul_head .item {
	width: 30%;
	min-width: 20%
}

.task_ul li .state,
.task_ul_head .state {
	width: 10%
}

.task_ul li .date,
.task_ul_head .date {
	width: 16%
}

.task_ul li>div {
	display: inline-block;
	float: right
}

.task_ul li>div span {
	margin: 0 5px;
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	padding: 2px 5px;
	line-height: 24px
}

.task_ul li>div span:hover {
	color: #ea7066;
	font-size: 14px
}

.task_rem_head {
	height: 45px;
	padding: 10px
}

.task_rem_head1 {
	height: 30px;
	background: #a5c6f1;
	line-height: 30px;
	padding: 0 10px;
	font-size: 14px;
	border-bottom: 1px solid #bbb;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.task_rem_head button {
	padding: 4px 7px;
	width: 80px;
	background-color: #659fe0;
	border: none;
	color: #fff;
	border-radius: 4px
}

.task_rem_head>div:nth-child(1) {
	float: right
}

.task_rem_body {
	position: absolute;
	top: 45px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid #bbb
}

.task_rem_body1 {
	position: absolute;
	top: 30px;
	width: 100%;
	bottom: 45px;
	padding: 10px
}

.task_rem_body>div:not(.task_ul_head, .rec_tag,.task_add_li) {
	margin: 20px 0;
	width: 50%;
	display: inline-block;
	float: left
}

.task_rem_body1>div {
	width: 50%;
	display: inline-block;
	float: left
}

.task_rem_body1>div:nth-child(1) {
	border-right: 1px solid #999
}

.task_title input {
	width: 90%;
	padding: 2px 5px;
	margin: 0 auto
}

.task_text textarea {
	vertical-align: top;
	width: 90%;
	min-width: 300px;
	min-height: 230px;
	padding: 2px 5px;
	margin: 0 auto
}

.task_target_box {
	border: 1px solid #bbb;
	width: 90%;
	height: 140px;
	padding: 5px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto
}

.task_bg .sel_mem_search ul {
	max-height: 60px;
	overflow-x: hidden;
	overflow-y: auto
}

.task_bg .sel_mem_search ul li {
	margin: 5px 0 0 5px !important
}

.prevent_box {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .4);
	top: 0;
	left: 0;
	z-index: 10
}

.prevent_box1 {
	position: absolute !important;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .4);
	top: 0;
	left: 0;
	z-index: 10
}

#task_add_target {
	width: 30px;
	height: 30px
}

.task_term>div {
	margin: 5px 0
}

.task_term>div span {
	display: inline-block
}

.task_term>div span:nth-child(2) {
	position: absolute;
	left: 150px;
	right: 0
}

.task_term select {
	width: 100px;
	height: 21px
}

.task_add_bot {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #ccc;
	background-color: #a5c6f1;
	margin: 0 !important;
	padding: 10px
}

.task_add_bot>div {
	float: left;
	margin: 0 3px
}

.task_add_bot select {
	height: 20px
}

.task_add_btn {
	float: right !important
}

.task_add_btn button {
	width: 60px
}

.task_add_btn button:nth-child(1) {
	background-color: #4a8fdb;
	color: #fff;
	border: none;
	border-radius: 4px;
	height: 21px
}

.task_add_btn button:nth-child(2) {
	background-color: #eee;
	color: #000;
	border-radius: 4px;
	border: 1px solid #ccc;
	height: 21px
}

.task_add_btn a {
	padding: 1px 5px
}

.task_add_li {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70%;
	border-top: 1px solid #bbb;
	box-shadow: -1px -2px 2px rgba(10, 10, 0, .2)
}

.task_left p {
	width: 90%;
	margin: 10px auto
}

.task_target>P {
	width: 90%;
	margin: 10px auto
}

div.task_term {
	width: 90%;
	margin: 10px auto
}

.task_term input[type=text] {
	height: 21px;
	padding: 0 5px;
	min-width: 150px;
	width: 100%
}

.task_term>div {
	position: relative
}

.task_term>div p {
	margin-bottom: 5px;
	position: relative;
	width: 100%
}

.task_term>div div {
	position: relative;
	width: 100%
}

.task_term>div input {
	padding: 0 2px
}

.task_add_ul li {
	line-height: 24px;
	color: #333;
	cursor: pointer;
	float: left;
	margin: 5px 0 0 5px
}

.task_title_half>p {
	width: 50%;
	float: left
}

#task_right_btn button {
	float: right;
	margin: 0 5px
}

.mem_de {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 57px;
	width: 40%;
	border-left: 1px solid #bbb;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden
}

.mem_de input[type=checkbox] {
	height: 20px;
	width: 20px;
	margin: 2px 0
}

.task_target input[type=radio] {
	vertical-align: middle;
	margin-top: -2px;
	width: 20px;
	height: 20px;
	margin-right: 5px
}

.task_mid span:not(.del_doc) {
	display: inline-block;
	vertical-align: top
}

.sendrecobject li span {
	vertical-align: middle !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.sel_mate_all ul li {
	position: relative;
	cursor: pointer
}

.be_sel_back {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0, 0, 0, .6);
	text-align: center;
	line-height: 100%;
	top: 0;
	left: 0;
	border-radius: 4px
}

.be_sel_back span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 25px;
	height: 25px;
	font-size: 22px;
	color: #fff
}

li.sel .be_sel_back {
	display: block !important
}

.redeve_body {
	position: absolute;
	top: 30px;
	width: 100%;
	bottom: 45px;
	padding: 10px;
	overflow: auto;
	background-color: #fff
}

.redeve_body input[type=text] {
	width: 150px;
	height: 22px;
	padding: 2px 5px
}

.redeve_body>div {
	margin: 10px 0
}

.redeve_body>div>div {
	display: inline-block
}

.redeve_body>div>div:nth-child(1) {
	width: 10%;
	text-align: right;
	float: left;
	line-height: 22px
}

.redeve_body>div>div:nth-child(2) {
	width: 90%
}

.eve_sel {
	height: 22px
}

.eve_send_target {
	border: 1px solid #bbb;
	width: 50%;
	height: 200px;
	min-width: 500px;
	overflow-y: auto;
	overflow-x: hidden
}

.sub_btn_eve {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 45px;
	background-color: #ddd;
	border-top: 1px solid #bbb;
	text-align: right;
	padding: 10px;
	margin-bottom: 0 !important
}

.sub_btn_eve button {
	height: 25px;
	padding: 2px 5px;
	width: 80px
}

.eve_send_ul li {
	float: left;
	margin: 5px
}

.remark_input,
.wish_input {
	width: 316px !important
}

.pin_eve {
	display: none
}

.redeve_record_body {
	position: absolute;
	top: 45px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid #bbb
}

.eve_record_ul {
	margin: 0;
	height: 100%;
	border: 1px solid #aaa;
	position: relative
}

.eve_send_head {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background-color: #ef696c;
	color: #fff;
	border-bottom: 1px solid #ddd
}

.eve_record_li {
	padding: 0 30px;
	line-height: 30px;
	border-bottom: 1px solid #ccc
}

.eve_record_li a {
	color: #000
}

.eve_record_li a:hover {
	color: #000
}

.eve_record_li:not(.eve_record_li1):hover {
	background-color: #c6dbfb;
	cursor: pointer
}

.eve_record_li:not(.eve_record_li1).active {
	background-color: #c6dbfb
}

.eve_record_li1 {
	background-color: #ef696c
}

.eve_record_li1 p {
	color: #fff
}

.eve_record_li p {
	float: left;
	margin-bottom: 0;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px
}

.eve_record_li .type {
	width: 10%
}

.eve_record_li .time {
	width: 8%
}

.eve_record_li .money {
	width: 8%
}

.eve_record_li .num {
	width: 8%
}

.eve_record_li .success {
	width: 8%
}

.eve_record_li .fail {
	width: 8%
}

.eve_record_ul .remark {
	width: 40%
}

.type_eve {
	position: absolute;
	right: 25px;
	top: 40px;
	border: 1px solid #ddd;
	background-color: #ddd;
	border-radius: 2px;
	text-align: center;
	padding: 2px 5px
}

.redbot,
.redtop {
	background-color: #ef696c !important;
	background-image: none
}

.red_close:hover {
	background-color: #e14a5e !important
}

#eve_head_img {
	height: 40px;
	width: 40px;
	border-radius: 4px
}

.eve_target_ul {
	margin: 0 -20px
}

.eve_target_li {
	padding: 10px 30px;
	border-bottom: 1px solid #bbb
}

.eve_target_li>div {
	float: left
}

.eve_target_li p {
	margin-bottom: 0;
	height: 20px
}

.eve_detail_right {
	width: 248px;
	padding-left: 10px
}

.eve_detail_right p {
	position: relative
}

.eve_detail_right p {
	height: 20px;
	line-height: 20px
}

.eve_detail_right p span:nth-child(1) {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.eve_detail_right p span:nth-child(3) {
	min-width: 50px;
	position: absolute;
	text-align: right;
	right: 5px
}

.eve_detail_right p:nth-child(1) {
	font-size: 14px !important;
	font-weight: 700
}

.luck {
	border: 1px solid #ef696c;
	background-color: #ef696c;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	-webkit-transform: scale(.9);
	display: block;
	font-size: 11px
}

.eve_send_btn {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 45px;
	text-align: right;
	padding: 10px;
	background-color: #ee8782;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb
}

.eve_send_btn button {
	height: 25px;
	width: 80px;
	margin: 0 10px
}

.eve_send_btn .sure_eve {
	background-color: #f15252;
	color: #fff;
	border: none;
	padding: 4px 7px;
	border-radius: 4px
}

.eve_send_btn .cancel_eve {
	background-color: #eee;
	color: #000;
	padding: 4px 7px;
	border-radius: 4px;
	border: 1px solid #ccc
}

.eve_member {
	height: 350px;
	min-height: 80%;
	max-height: 100%
}

.eve_member .sel_add_list {
	height: 212px;
	min-height: 100px
}

.quick_search_eve input {
	height: 25px;
	padding: 2px 5px;
	width: 100%
}

.quick_search_eve span {
	position: absolute;
	display: inline-block;
	height: 25px;
	right: 0;
	line-height: 25px;
	padding: 0 5px;
	cursor: pointer
}

.redpot_icon {
	width: 20px;
	height: 20px;
	margin-left: -5px;
	margin-right: 5px;
	margin-top: -3px
}

.doc_ul {
	position: absolute;
	top: 30px;
	width: 100%;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 0
}

.doc_li {
	position: relative;
	padding: 0 9px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
}

.doc_li1 {
	background-color: #a5c6f1
}

.doc_li:not(.doc_li1):hover {
	background-color: #c6dbfb;
	cursor: pointer
}

.doc_li:not(.doc_li1).active {
	background-color: #c6dbfb
}

.doc_li p {
	float: left;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
	height: 30px
}

.doc_li .name {
	width: 40%
}

.doc_li .type {
	width: 15%
}

.doc_li .num {
	width: 10%
}

.doc_li .time {
	width: 15%
}

.doc_clear {
	float: right;
	margin-top: 6px;
	padding: 2px;
	color: #999;
	cursor: pointer
}

.doc_clear:hover {
	color: #da4e5b;
	font-size: 16px
}

.doc_edit {
	float: right;
	margin-top: 6px;
	padding: 2px;
	color: #999;
	cursor: pointer;
	margin-right: 10px
}

.doc_edit:hover {
	color: #da4e5b;
	font-size: 16px
}

.doc_detail_ul {
	margin: 0 -20px;
	border-top: 1px solid #ddd
}

.doc_detail_li {
	padding: 7px 10px;
	border-bottom: 1px solid #ddd;
	position: relative
}

.doc_detail_edit {
	position: absolute;
	right: 5px;
	height: 30px;
	width: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 5px;
	border-radius: 2px;
	display: none
}

.doc_detail_edit img {
	width: 20px;
	height: 20px
}

.doc_detail_li p>span:not(.del_doc) {
	display: inline-block;
	height: 20px
}

.doc_detail_li p {
	margin-bottom: 0;
	position: relative
}

.doc_li_length {
	width: 100%
}

.doc_detail_ul .glyphicon-remove {
	position: absolute;
	top: -8px;
	left: -15px;
	background-color: #fff;
	color: #666;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 3px;
	-webkit-transform: scale(.7)
}

.doc_detail_ul .glyphicon-remove:hover {
	background-color: #de5053;
	color: #fff
}

.del_doc {
	display: none
}

.view_depart span {
	display: inline-block;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	background-color: #ddd;
	border-radius: 2px;
	color: #999;
	margin: 0 5px
}

/* .add_doc {
	float: left !important
} */

.add_doc_box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 170px;
	border-top: 1px solid #aaa;
	background-color: #eee;
	padding: 10px
}

.add_doc_box input {
	height: 20px
}

.add_doc_head {
	width: 100%;
	height: 30px;
	background-color: #bbb;
	border-bottom: 1px solid #aaa;
	text-align: center;
	line-height: 30px
}

.add_doc_box>div {
	position: relative;
	margin-top: 20px
}

.doc_ul li img {
	width: 18px;
	height: 18px;
	margin: -3px 5px 0 0
}

.add_doc_box>div span:nth-child(1) {
	width: 30%;
	text-align: right;
	display: inline-block;
	line-height: 20px
}

.add_doc_box>div span:nth-child(2) {
	width: 70%;
	display: inline-block;
	-ms-vertical-align: middle;
	line-height: 20px
}

.add_doc_box select {
	height: 20px
}

.add_doc_btn {
	text-align: center
}

.add_doc_btn button {
	height: 22px;
	width: 60px;
	margin: 0 20px
}

.file_mid_box select {
	height: 25px
}

.file_mid_box input {
	height: 25px;
	width: 100%;
	padding: 2px 5px
}

.add_doc_ol div {
	margin-bottom: 10px
}

.add_doc_ol textarea {
	width: 100%;
	height: 80px;
	padding: 2px 5px
}

.add_doc_ol p {
	position: relative;
	line-height: 20px
}

.add_doc_ol p img {
	vertical-align: middle;
	width: 10px;
	height: 10px
}

.add_doc_ol p .doc_sel2 {
	position: absolute;
	right: 0;
	top: -5px
}

.add_doc_ol p span:not(.doc_sel2) {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px
}

.doc_sel2 {
	background-color: #659fe0;
	border-radius: 4px;
	border: 1px solid #659fe0;
	cursor: pointer;
	color: #fff;
	height: 25px;
	line-height: 25px;
	display: block;
	text-align: center;
	width: 100px
}

.file_mid_box>div {
	margin: 10px 0
}

.sel_form_material1 {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 400px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #aaa;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto !important;
	z-index: 500
}

.file_mid_box>div>span {
	display: inline-block
}

.file_mid_box>div:not(.add_new_doc)>span:nth-child(1) {
	width: 25%;
	text-align: right;
	display: inline-block;
	line-height: 20px
}

.add_new_doc {
	padding: 10px 20px 0;
	border-top: 1px solid #ddd;
	margin: 10px -20px !important
}

.load_doc_way {
	background-color: #eee;
	border-radius: 4px;
	padding: 10px
}

.load_doc_way p {
	margin-bottom: 0
}

.file_mid_box>div>span:nth-child(2) {
	width: 75%;
	display: inline-block;
	line-height: 20px;
	vertical-align: top
}

.file_add_box {
	border: 1px solid #999;
	border-radius: 2px;
	width: 100%;
	min-width: 200px;
	max-height: 362px;
	min-height: 160px;
	overflow-y: auto;
	overflow-x: hidden
}

.file_add_ul li {
	margin: 5px;
	float: left
}

.file_list_sel {
	width: 100%;
	margin: 0 -20px !important;
	height: 420px;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	z-index: 500
}

.file_add_body {
	height: 340px;
	overflow: hidden
}

.file_sec_ul {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 90px
}

.file_sec_ul li {
	margin: 5px 5px 0 5px
}

.del_close {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	cursor: pointer
}

.del_close span {
	padding-top: 10px;
	font-size: 18px;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.del_close span:hover {
	background-color: #54a0ed;
	color: #fff
}

.file_type_sel {
	height: 20px;
	width: 120px
}

.file_add_body .sel_add_list {
	min-height: 100px
}

.argu_body {
	position: absolute;
	top: 0;
	width: 100%;
	bottom: 0;
	padding: 20px;
	padding-top: 10px;
	overflow: auto
}

#argu_check_btn {
	margin-right: 10px
}

.argu_img_pre {
	padding: 10px 10px 0;
	display: none
}

.argu_img_pre ul {
	margin-bottom: 0
}

.argu_img_pre ul li {
	float: left;
	margin: 0 10px 10px 0;
	position: relative
}

.add_argu_pic_li {
	border: 1px dashed #999 !important;
	height: 100px;
	width: 100px;
	position: relative
}

.add_argu_pic_li img {
	width: 40px;
	height: 40px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.argu_img_pre ul li #argu_img_del {
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 25px;
	cursor: pointer
}

.argu_img_pre ul li #argu_img {
	width: 100px;
	height: 100px
}

.fisrt_argu_text {
	position: relative
}

.fisrt_argu_text input {
	width: 100%;
	padding: 2px 5px;
	height: 25px;
	line-height: 25px
}

.main_argu_box {
	max-height: 0;
	transition: max-height ease .5s;
	-webkit-transition: max-height ease .5s;
	-moz-transition: max-height ease .5s;
	-ms-transition: max-height ease .5s;
	-o-transition: max-height ease .5s;
	overflow: hidden
}

.argu_target_box {
	border: 1px solid #999;
	border-radius: 2px;
	width: 100%;
	min-width: 600px;
	min-height: 120px;
	margin-top: 20px
}

.argu_target_ul li {
	float: left;
	margin: 5px
}

.argu_text {
	border-radius: 2px;
	width: 100%;
	height: 120px;
	position: relative
}

.argu_exp {
	width: 100% !important;
	height: 100% !important;
	padding: 2px 5px;
	background: #fff;
	border: 1px solid #bbb !important;
	line-height: 24px;
	overflow-y: auto;
	overflow-x: hidden
}

.argu_exp img {
	vertical-align: bottom
}

.pre_argu_text {
	position: absolute;
	padding: 0 7px;
	color: #999;
	margin-top: 2px;
	line-height: 24px
}

.argu_img_input {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
	opacity: 0
}

.argu_btn {
	text-align: right;
	padding: 5px 0;
	position: relative
}

.argu_btn>div:not(.box_swipe) {
	float: left;
	margin-right: 20px;
	border: 1px solid transparent;
	border-radius: 2px;
	background-color: tranparent;
	padding-right: 5px;
	cursor: pointer;
	position: relative
}

.facecl {
	left: 0 !important;
	top: 30px !important;
	margin: 0 !important;
	width: 400px !important;
	z-index: 100
}

.argu_btn img {
	height: 25px !important;
	width: 25px !important
}

.argu_btn button {
	width: 80px;
	height: 25px
}

.argu_btn .emoji-inner {
	top: 25px !important;
	left: 0 !important
}

.argu_content {
	position: relative;
	max-height: 10000px
}

.argu_content>span {
	min-height: 50px
}

.argu_head {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	overflow: hidden
}

.argu_answer .right_argu_span {
	padding-left: 10px
}

.argu_answer>.argu_content.hid {
	display: none
}

.right_argu_span {
	padding-left: 60px;
	padding-top: 5px
}

.right_argu_span p {
	word-wrap: break-word;
	word-break: break-word;
	min-height: 17px;
	line-height: 25px
}

.argu_man {
	color: #309dde;
	font-weight: 700
}

.unknow {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	margin-right: 5px;
	position: relative
}

.unknow input {
	margin-top: 5px !important
}

.argu_send_btn {
	height: 25px;
	width: 80px;
	background-color: #659fe0;
	border: none;
	color: #fff;
	border-radius: 4px
}

.right_argu_span>div:not(.argu_content) {
	padding-bottom: 5px
}

.argu_space {
	min-height: 300px
}

.argu_type .at_line {
	margin: 0 10px
}

.all_argu,
.hot_argu {
	cursor: pointer;
	padding: 5px 10px;
	display: inline-block;
	margin-top: -10px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.all_argu:not(.chos_at),
.hot_argu:not(.chos_at) {
	background-color: #4398e4;
	color: #fff
}

.argu_list1 span {
	width: 50%;
	display: inline-block
}

.right_argu_span span:nth-child(2) {
	text-align: right;
	word-wrap: break-word;
	word-break: break-word
}

.argu_content .argu_head img {
	width: 50px;
	height: 50px
}

.argu_btns img {
	width: 15px;
	height: 15px
}

.argu_btns div {
	float: right;
	cursor: pointer;
	margin-left: 12px;
	height: 20px;
	line-height: 20px
}

.click_argu span,
.del_argu span {
	vertical-align: bottom
}

.argu_btns>div span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	vertical-align: bottom
}

.argu_btns>div span:nth-child(2) {
	padding-left: 5px
}

.click_list {
	margin-left: 60px;
	padding: 10px;
	background: #c2ddf8;
	border-radius: 4px;
	margin-top: 5px
}

.ans_argu {
	margin-left: 60px;
	padding: 10px;
	background: #c2ddf8;
	border-radius: 4px;
	margin-top: 5px;
	position: relative
}

.toggle_comment {
	margin-left: 60px;
	padding: 5px;
	background: #c2ddf8;
	border-radius: 4px;
	margin-top: 5px;
	text-align: center
}

.toggle_comment span {
	cursor: pointer;
	padding: 2px 5px
}

.click_list img {
	height: 15px
}

.click_name {
	line-height: 16px;
	margin-left: 5px
}

.argu_answer {
	margin-left: 60px;
	border-radius: 4px;
	background-color: #c2ddf8;
	margin-top: 5px;
	transition: height ease .6s;
	-webkit-transition: height ease .6s;
	-moz-transition: height ease .6s;
	-ms-transition: height ease .6s;
	-o-transition: height ease .6s
}

.argu_back_man,
.pre_argu_name {
	color: #309dde;
	cursor: pointer
}

.answer_back,
.del_back {
	margin-left: 10px;
	color: #309dde;
	cursor: pointer
}

.answer_back:hover,
.del_back:hover {
	text-decoration: underline
}

.argu_answer_input {
	position: relative
}

.argu_answer_input img {
	width: 20px;
	height: 20px
}

.argu_input {
	position: absolute;
	left: 0;
	right: 157px;
	height: 25px
}

.argu_input {
	border: 1px solid #bbb;
	background: #fff;
	overflow: hidden
}

.hide_argu_icon img {
	width: 20px;
	height: 20px
}

.argu_answer_input article {
	padding: 3px 5px;
	height: 40px;
	width: 100%
}

.argu_icons {
	right: 85px;
	left: auto;
	bottom: 30px;
	width: 400px;
	position: absolute;
	border: 1px solid #bbb;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .4);
	background-color: #fff;
	display: none;
	z-index: 100
}

#form_article2 {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden
}

.back_btn,
.back_exp {
	float: right;
	cursor: pointer
}

.back_exp {
	padding: 2px;
	border: 1px solid #bbb;
	border-left: none;
	height: 25px;
	display: inline-block;
	background-color: #fff
}

.back_btn {
	display: inline-block;
	background-color: #3ebb4a;
	width: 80px;
	height: 25px;
	text-align: center !important;
	color: #fff;
	vertical-align: top;
	line-height: 25px;
	margin-right: 5px
}

.back_btn:hover {
	background-color: #3ec932
}

.argu_mmb_mid {
	height: 311px;
	min-height: 200px
}

.up_down_img {
	width: 15px;
	height: 15px
}

.toggle_comment span {
	color: #666
}

.short_user {
	margin-top: 10px
}

.short_user>p:nth-child(1) {
	text-align: right;
}

.short_user>p:nth-child(2) {}

.short_user>p {
	float: left;
	width: 50%;
	padding: 4px 10px
}

.short_num p {
	float: left;
	width: 50%;
	padding: 4px 10px
}

.short_ul_box {
	 margin: 0 10px;
    border: 1px solid #bbb;
    border-radius: 4px;
    height: calc(100% - 85px);
}

.short_ul {
	/*margin-bottom: 0;
	position: absolute;
	top: 2px;
	left: 0px;
	width: calc(100% - 22px);
	margin-left: 10px;
	z-index: 2;*/
	margin-bottom: 0;
    position: absolute;
    top: 1px;
    left: 0px;
    width: calc(100% - 22px);
    margin-left: 10px;
    z-index: 2;
}

.short_ul.short_ulYY,
.short_ul.short_ulBB,
.short_ul.short_ulCC {
  top: 78px;
    left: 1px;
    height: calc(100% - 87px);
    overflow-y: auto;
}

.short_ul li p {
	float: left;
	margin-bottom: 0;
	padding: 4px 0 4px 10px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.short_ulBB li p {
	width: 20%
}
.short_ulCC li p:nth-child(1) {
	width: 40%
}
.short_ulCC li p:nth-child(2) {
	width: 20%
}
.short_ulCC li p:nth-child(3) {
	width: 40%
}
.short_ulYY li p:nth-child(1) {
	width: 25%
}

.short_ulYY li p:nth-child(2) {
	width: 20%
}

.short_ulYY li p:nth-child(3) {
	width: 20%
}

.short_ulYY li p:nth-child(4) {
	width: 25%
}

.short_ul .head_li {
	/*border-radius: 4px;
	 background-color:#a5c6f1; */
	 border-bottom: 1px solid #cccccc;
}

.short_ul li:not(.head_li) {
	border-bottom: 1px solid #CCCCCC;
}

.short_msg_li img {
	cursor: pointer;
	margin-top: 2px
}

.short_msg_li .img_span {
	margin-left: 2px;
	position: relative
}

.short_debt_box {
	margin: 10px;
	/*border: 1px solid #bbb;*/
		border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-radius: 4px;
	height: calc(100% - 58px);
}

.short_debt_ul {
	max-height: 100%;
	margin-bottom: 0;
	overflow-y: auto;
    overflow-x: hidden;
}

.short_debt_ul .head_li {
	background-color: #a5c6f1
}

.short_debt_ul li:not(.head_li) {
	border-bottom: 1px solid #CCCCCC;
}

.short_debt_ul li p {
	width: 30%;
	float: left;
	margin-bottom: 0;
	padding: 4px 0 4px 10px
}

.send_tip {
	position: fixed;
	width: 450px;
	height: 220px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	z-index: 500
}

.send_tip_head {
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #a5c6f1;
	border-bottom: 1px solid #c8c8c8
}

.send_tip_body {
	height: 150px;
	padding: 15px 25px
}

.send_tip_body #BBBBBB {
	margin-top: 20px
}

.send_tip_bot {
	height: 30px;
	border-top: 1px solid #ddd;
	text-align: right;
	padding: 4px
}

.sure_send {
	background-color: #4a8fdb;
	color: #fff;
	border: none;
	width: 60px;
	border-radius: 4px;
	height: 20px;
	line-height: 20px;
	margin: 3px 3px 3px 0
}

.sendch3 {
	background-color: #4a8fdb;
	color: #fff;
	border: none;
	width: 80px;
	border-radius: 4px;
	height: 20px;
	line-height: 20px
}

.cancel_send_msg {
	background-color: #eee;
	color: #000;
	border-radius: 4px;
	border: 1px solid #ccc;
	height: 20px;
	line-height: 18px;
	width: 60px;
	margin: 3px 3px 3px 0
}

.person_order {
	height: 90%;
	width: 100%;
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 0;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 16px
}

.top_trans {
	margin-left: 0 !important
}

.transfer_ul li span {
	margin: 0 5px
}

.transfer_ul:not(.top_trans) {
	margin-left: 20px;
	display: none
}

.transfer_ul li>div {
	position: relative;
	padding: 5px;
	border-radius: 4px;
	cursor: pointer
}

.transfer_chose {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	top: 0;
	left: 0;
	text-align: center;
	border-radius: 4px;
	display: none
}

.transfer_chose {
	color: #fff;
	padding-top: 5px
}

.redpot_send_box {
	position: absolute;
	width: 200px;
	height: 100px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 500;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	display: none
}

.redpot_send_box .redpot_sure_top {
	text-align: center;
	height: 30px;
	line-height: 30px;
	background-color: #ef696c;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.redpot_send_box .redpot_sure_mid {
	height: 40px;
	line-height: 40px;
	text-align: center
}

.redpot_send_box .redpot_sure_bot {
	height: 30px;
	text-align: center
}

.redpot_sure_bot button:nth-child(1) {
	background-color: #ef696c;
	color: #fff;
	border: none;
	height: 20px;
	width: 60px;
	border-radius: 4px;
	margin-right: 20px
}

.redpot_sure_bot button:nth-child(2) {
	background-color: #eee;
	color: #000;
	border-radius: 4px;
	height: 20px;
	width: 60px;
	border: 1px solid #ccc
}

.page_emotion:not(.argu_icons) {
	position: absolute;
	top: -250px;
	width: 320px;
	left: 0;
	right: 0;
	margin: auto;
	border: 1px solid #ddd;
	box-shadow: 1px 2px 10px rgba(0, 0, 0, .4);
	background-color: #fff;
	display: none;
	z-index: 100
}

.file_tip_back {
	z-index: 10000;
	position: fixed;
	margin: 0 auto;
	top: 12px;
	left: 0;
	right: 0;
	height: auto;
	text-align: center;
	opacity: 0;
	transition: all ease-in .5s;
	display: none
}

.file_tip_back.show {
	opacity: 1;
	display: block
}

.file_tip_back span {
	padding: 15px 30px;
	font-size: 18px;
	color: #fff;
	background-color: #e97884;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4)
}

.argu_name {
	padding: 20px 0;
	border-bottom: 1px solid #ddd
}

.argu_name.closeArgu .chat_argu_icon {
	display: none
}

.argu_name.closeArgu .answer_back {
	display: none
}

.argu_img_ul {
	position: relative;
	width: 60%
}

.argu_img_ul li {
	float: left;
	width: 25%;
	padding: 10px
}

.argu_img_ul li div {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	margin: 0;
	position: relative;
	background-color: #222;
	border-radius: 2px;
	background-position: center;
	background-size: cover
}

.argu_img_ul li img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto
}

.argu_img_boost {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 30%;
	height: 30%;
	z-index: 199;
	margin: auto;
	background-color: rgba(56, 54, 54, .9);
	display: none;
	transtion: all ease .3s;
	-o-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	text-align: center
}

.argu_img_boost.scale {
	width: 100%;
	height: 100%
}

.argu_img_boost img {
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.back_unbox {
	padding: 0 5px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	float: right;
	height: 25px;
	line-height: 25px;
	background-color: #fff
}

.back_unbox input {
	margin: 0 !important
}

.back_unbox span {
	vertical-align: middle;
	display: inline-block
}

.doc_lib_ul {
	padding: 10px
}

.doc_lib_ul li {
	float: left;
	padding: 10px;
	width: 50%
}

.doc_lib_ul li>div {
	position: relative
}

.doc_lib_ul li .preview_con {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4)
}

.preview_t {
	border-radius: 4px
}

li.sel .be_sel_back {
	display: block !important
}

.mat_box>div {
	padding-top: 10px
}

.add_box {
	display: none
}

.lib_doc_ul {
	margin: 10px 10px 0
}

.lib_doc_ul li {
	float: left;
	width: 33.333%
}

.lib_doc_ul li img {
	width: 64px;
	height: 64px
}

.lib_doc_ul li>div:not(.be_sel_back) {
	border: 1px solid #bbb;
	border-radius: 4px;
	padding: 10px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	position: relative;
	background-color: #fff
}

.lib_doc_ul li>div>div:nth-child(2) {
	position: absolute;
	top: 10px;
	left: 10px
}

.lib_doc_ul li>div>div:nth-child(3) {
	margin-left: 70px
}

.doc_item_lib {
	padding-left: 10px
}

.doc_item_lib input {
	width: 100% !important
}

.doc_item_lib div {
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 32px
}

.sel_add_li {
	position: relative
}

.eve_member .ser_add_ul {
	top: 40px;
	left: 10px;
	max-height: 200px
}

.ser_add_ul {
	position: absolute;
	top: 25px;
	width: 200px;
	border: 1px solid #bbb;
	border-radius: 4px;
	padding: 5px;
	background: #fff;
	z-index: 100;
	display: none;
	max-height: 230px;
	overflow-y: auto;
	overflow-x: hidden
}

.ser_add_ul li {
	height: 30px;
	width: 100%;
	margin: 5px
}

.ser_add_ul li:hover {
	background-color: #ddd
}

.ser_add_ul li img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 5px
}

.argu_ban_ul {
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 2px;
	height: 250px;
	overflow-y: auto;
	overflow-x: hidden
}

.argu_ban_ul li {
	border-bottom: 1px solid #ddd;
	padding: 5px;
	position: relative
}

.argu_ban_ul li:hover {
	background-color: #ddd
}

.argu_ban_ul li img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 10px;
	overflow: hidden
}

.argu_ban_ul li span {
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	line-height: 28px
}

.argu_ban_search {
	padding: 5px 0;
	border: 1px solid #bbb;
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 25px;
	background: #fff;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden
}

.argu_ban_search li {
	width: 100%;
	padding: 5px;
	overflow: hidden;
	position: relative
}

.argu_ban_search li:hover {
	background-color: #ddd
}

.argu_ban_search li img {
	width: 30px;
	height: 30px;
	margin-right: 10px
}

.argu_ban_del {
	font-size: 20px;
	text-align: center;
	line-height: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	cursor: pointer;
	display: none
}

.argu_ban_del:hover {
	background-color: #ee5f5b;
	color: #fff
}

.argu_ban_tip {
	position: absolute;
	width: 200px;
	height: 120px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	z-index: 500
}

.argu_ban_back {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 499
}

.argu_set {
	position: absolute;
	right: 0;
	top: 8px;
	background-color: #659fe0;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 60px;
	color: #fff;
	border-radius: 4px;
	cursor: pointer
}

.file_pow {
	height: 250px;
	max-height: 280px !important
}

.ch_ul {
	margin-left: 30px
}

.file_pow .sel_list_ul li>div {
	padding: 5px
}

.file_pow .sel_list_ul .name {
	cursor: pointer
}

.file_pow .sel_list_ul .check {
	right: 10px
}

.file_pow li input {
	width: 20px;
	height: 20px;
	margin: 0
}

.file_pow .sel_list_ul .glyphicon {
	left: 8px
}

.rec_tag {
	position: absolute;
	left: 0;
	top: -30px
}

.rec_tag div {
	padding-left: 9px;
	float: left;
	width: 106px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	border-right: 1px solid #e0edfc;
	position: relative;
}

.rec_tag div.act {
	background-color: #659fe0;
	color: #fff
}

.rec_tag div:hover {
	background-color: #71afee;
	color: #fff
}

.tar_sd_boxPT {
	margin-top: 10px
}

.tar_sd_boxPT>div {
	border-bottom: 1px solid #bbb
}

.tar_sd_boxPT.auto span:nth-child(1) {
	width: 50% !important
}

.tar_sd_boxPT.auto span:nth-child(2) {
	width: 35%
}

.tar_sd_boxPT.auto span:nth-child(3) {
	width: 15%
}

.tar_sd_boxPT span {
	display: inline-block;
	line-height: 30px
}

.tar_sd_boxPT span:nth-child(1) {
	width: 45%
}

.tar_sd_boxPT span:nth-child(2) {
	width: 20%
}

.tar_sd_boxPT span:nth-child(3) {
	width: 35%
}

.tar_sd_boxPT ul span:nth-child(1) {
	width: 45%
}

.tar_sd_boxPT ul span:nth-child(2) {
	width: 20%
}

.tar_sd_boxPT ul span:nth-child(3) {
	width: 35%
}

.tar_sd_boxPT ul {
	max-height: 75%;
	overflow-y: auto;
	overflow-x: hidden
}

.tar_sd_boxPT ul li img {
	cursor: pointer
}

.tar_sd_boxZD {
	margin-top: 10px
}

.tar_sd_boxZD>div {
	border-bottom: 1px solid #bbb
}

.tar_sd_boxZD.auto span:nth-child(1) {
	width: 50% !important
}

.tar_sd_boxZD.auto span:nth-child(2) {
	width: 35%
}

.tar_sd_boxZD.auto span:nth-child(3) {
	width: 15%
}

.tar_sd_boxZD span {
	display: inline-block;
	line-height: 30px
}

.tar_sd_boxZD span:nth-child(1) {
	width: 35%
}

.tar_sd_boxZD span:nth-child(2) {
	width: 30%
}

.tar_sd_boxZD span:nth-child(3) {
	width: 35%
}

.tar_sd_boxZD ul span:nth-child(1) {
	width: 35%
}

.tar_sd_boxZD ul span:nth-child(2) {
	width: 30%
}

.tar_sd_boxZD ul span:nth-child(3) {
	width: 35%
}

.tar_sd_boxZD ul {
	max-height: 75%;
	overflow-y: auto;
	overflow-x: hidden
}

.tar_sd_boxZD ul li img {
	cursor: pointer
}

.tar_sd_boxtask {
	margin-top: 10px
}

.tar_sd_boxtask>div {
	border-bottom: 1px solid #bbb
}

.tar_sd_boxtask.auto span:nth-child(1) {
	width: 50% !important
}

.tar_sd_boxtask.auto span:nth-child(2) {
	width: 35%
}

.tar_sd_boxtask.auto span:nth-child(3) {
	width: 15%
}

.tar_sd_boxtask span {
	display: inline-block;
	line-height: 30px
}

.tar_sd_boxtask span:nth-child(1) {
	width: 35%
}

.tar_sd_boxtask span:nth-child(2) {
	width: 30%
}

.tar_sd_boxtask span:nth-child(3) {
	width: 35%
}

.tar_sd_boxtask ul span:nth-child(1) {
	width: 35%
}

.tar_sd_boxtask ul span:nth-child(2) {
	width: 30%
}

.tar_sd_boxtask ul span:nth-child(3) {
	width: 35%
}

.tar_sd_boxtask ul {
	max-height: 75%;
	overflow-y: auto;
	overflow-x: hidden
}

.tar_sd_boxtask ul li img {
	cursor: pointer
}

.dtltbox {
	position: absolute;
	border: 1px solid #ddd;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .4);
	background-color: #fff;
	z-index: 660;
	width: 250px;
	padding: 5px;
	border-radius: 4px;
	word-break: break-all;
	word-wrap: break-word
}

.process_div {
	position: relative
}

.process_div progress {
	width: 200px
}

.process_div input {
	padding: 3px 15px
}

.process_div .pro_left {
	position: absolute;
	top: 0;
	left: 10px
}

.process_div .pro_left img {
	width: 60px;
	height: 60px
}

.process_div .pro_right {
	margin-left: 75px
}

.attach_loadfile .src_read {
	display: inline-block;
	margin-right: 5px
}

input.lib_add_cancel {
	padding: 1px 5px
}

.load_tip {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1000;
	background-color: #fff;
	height: 150px;
	width: 400px;
	border: 1px solid #bbb;
	border-radius: 2px;
	display: none
}

.load_tip>div:nth-child(1) {
	background-color: #a5c6f1;
	height: 30px;
	text-align: center;
	line-height: 30px
}

.tip_mid {
	text-align: center;
	height: 85px;
	word-wrap: break-word;
	line-height: 90px
}

.tip_bot {
	height: 35px;
	padding: 0 20px;
	text-align: center
}

.tip_sure {
	display: inline-block;
	padding: 0 5px;
	width: 60px;
	margin-right: 0;
	height: 25px;
	background-color: #4a8fdb;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	line-height: 25px
}

.auto_in input {
	vertical-align: middle;
	margin-top: 0 !important;
	margin-right: 5px !important
}

.set_block {
	margin: 10px -10px;
	background-color: #eee;
	height: 7px
}

.debt_type {
	height: 32px
}

.debt_type>span {
	display: inline-block;
	/*width: 25%;*/
	text-align: center;
	border-bottom: 1px solid #e8e8e8
}

.debt_type>span>span {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	cursor: pointer
}

.debt_type>span>span:hover {
	border-bottom: 2px solid #f60
}

.debt_type>span>span.active {
	border-bottom: 2px solid #f60
}

.send_body_box .fa-spinner {
	font-size: 25px;
	padding: 5px
}

#ud_box {
	border-top: 3px solid #ddd;
	cursor: n-resize
}

.AutoTimeID {
	margin-right: 10px
}

.welc_box {
	background-color: #e0edfc;
	border-radius: 4px;
	border: 1px solid #368eef
}

.welc_box img {
	height: 20px;
	margin: 0 5px
}

.welc_left>div {
	width: 95%;
	height: calc(100% - 50px);
	margin: auto;
	margin-top: 60px;
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll
}

.welc_left>div::-webkit-scrollbar {
	display: none
}

.welc_left ul li:not(.newxiaioxs) {
	border-bottom: 1px solid #ddd
}

.welc_left ul li {
	line-height: 30px;
	cursor: pointer;
	position: relative;
	height: 30px
}

.welc_left ul li span {
	display: inline-block
}

.welc_left ul li>i {
	position: absolute;
	right: 90px;
	top: 8px;
	color: #888;
	font-size: 14px
}

.welc_left ul li span:nth-child(1) {
	max-width: 70%;
	white-space: nowrap;
	overflow: hidden
}

.welc_left ul li span:nth-child(3) {
	float: right
}

.welc_left {
	width: 60%;
	height: 92%;
	float: left;
	position: relative;
	border-right: 1px solid #ddd
}

.welc_ul {
	height: 150px;
	width: 82%;
	margin: 0 auto;
	overflow: auto
}

.welc_right {
	margin: 60px 0;
	width: 40%;
	height: 100%;
	float: right
}

.welc_box p {
	font-size: 20px;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
	font-weight: 700
}

.welc_right>div {
	width: 80%;
	height: 80%;
	margin: auto
}

.welc_right ul {
	margin-top: 0
}

.welc_right ul li {
	line-height: 31px
}

.welc_right ul li span:nth-child(1) {
	color: #777
}

.sys_de_box {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 666;
	background-color: rgba(0, 0, 0, .4);
	display: none
}

.sys_de_box img:not(#lanzsmsapp) {
	width: 100% !important
}

.sys_de_box>div {
	width: 50%;
	margin: auto;
	background-color: #fff;
	padding: 20px 50px;
	vertical-align: middle;
	min-height: 100px;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 5%;
	bottom: 5%;
	left: 0;
	right: 0
}

.lead_box {
	padding: 10px 0;
	width: 83.4%;
	margin: 0 auto
}

.lead_box h1 {
	position: absolute;
	top: 30px;
	left: 80%;
	height: 20px;
	line-height: 10px;
	font-size: 32px;
	color: #999;
	margin: 0;
	border-top: 2px solid #bbb;
	width: 40%
}

.lead_box h6 {
	text-align: center;
	width: 80%;
	padding-top: 20px;
	margin: auto;
	font-weight: 700
}

.lead_box span {
	margin: auto;
	display: block;
	text-align: center
}

.lead_box>div {
	float: left;
	width: 33%;
	position: relative
}

.lead_box>div>div {
	width: 60px;
	height: 60px;
	border-radius: 50px;
	border: 2px solid #659fe0;
	margin: auto;
	text-align: center;
	line-height: 60px;
	font-size: 36px;
	color: #659fe0
}

.int_sure {
	z-index: 1000;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .4)
}

.int_box {
	width: 300px;
	height: 150px;
	background: #fff;
	border: 1px solid #bbb;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.int_head {
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #a5c6f1
}

.int_box p {
	text-align: center;
	width: 250px;
	margin: 20px auto 5px;
	line-height: 25px
}

.int_s {
	margin-top: 5px;
	padding: 5px 20px;
	float: right;
	background-color: #659fe0;
	color: #fff;
	border-radius: 4px;
	margin-right: 20px;
	cursor: pointer
}

.ke-content img {
	max-width: 100%;
	height: auto
}

.wait_box {
	position: absolute;
	z-index: 333;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	background-color: rgba(40, 40, 40, .4);
	text-align: center;
	display: none
}

.wait_box i.fa {
	color: #fff;
	font-size: 40px
}

.wait_box p {
	margin-top: 10px;
	color: #fff
}

.wait_box>div {
	position: absolute;
	width: 100%;
	text-align: center;
	height: 100px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.man_tab {
	position: absolute;
	border: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(40, 40, 40, .4);
	width: 320px;
	height: 220px;
	z-index: 200;
	top: 15px;
	left: 40px;
	cursor: auto;
	border-radius: 2px;
	padding: 20px
}

.man_tab img {
	height: 50px;
	width: 50px
}

.man_tab .t_img {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 50px;
	height: 50px
}

.man_tab .t_name {
	margin-left: 70px
}

.man_tab .t_name div {
	line-height: 25px !important
}

.man_tab .t_part {
	margin-top: 10px
}

.man_tab .t_part span {
	display: inline-block;
	vertical-align: middle
}

.man_tab .t_part span:nth-child(1) {
	width: 50px;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.man_tab .t_part span:nth-child(2) {
	margin-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 220px
}

.man_tab .t_gz {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 12px;
	background-color: #e1e1e1;
	color: #777;
	line-height: 16px;
	padding: 2px 5px;
	border-radius: 2px
}

#edui1_elementpath {
	display: none
}

.fastBtns {
	width: 100%
}

.fastBtns>div {
	margin: 0 auto;
	white-space: nowrap;
	width: 83%
}

.fastBtns .fastBtn {
	width: 49%;
	display: inline-block;
	border: 1px #b6d1f9 solid;
	padding: 5px 0;
	border-radius: 13px;
	margin: 5px 2px;
	vertical-align: top;
	white-space: normal;
	cursor: pointer
}

.fastBtns .fastBtn:hover {
	background-color: #c9deff
}

.fastBtn .blueBlock {
	width: 46px;
	height: auto;
	display: inline-block;
	position: relative;
	top: -3px;
	margin: 7px;
	vertical-align: top;
	padding: 3px
}

.fastBtn .fastTitle strong {
	font-size: 13px
}

.fastBtn .fastContant {
	color: #888;
	margin-top: 3px;
	width: 100%
}

.fastBtn>div {
	display: inline-block;
	width: calc(100% - 76px)
}

.welc_left p {
	position: relative;
	left: 8.3%
}

.jumpLanz {
	text-align: center;
	position: relative;
	top: 10px;
	color: gray
}

.jumpLanz span {
	cursor: pointer
}

.jumpLanz span:hover {
	color: #45709e
}

.login-bottom {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	width: 300px;
	margin: 0 auto
}

.login-bottom>div {
	margin: 10px 0;
	text-align: center
}

.login-bottom>div>a {
	color: #fff;
	text-decoration: none
}

.login-bottom>div>a:hover {
	color: #d5d4de
}

.welc_ul::-webkit-scrollbar {
	width: 0;
	height: 0
}

.record_remark.fa-edit {
	cursor: pointer
}

.overturn {
	font-size: 14px;
	position: relative;
	color: red;
	animation: overturn .8s infinite;
	-webkit-animation: overturn .8s infinite
}

@keyframes overturn {
	from {
		-webkit-transform: rotateY(0);
		-moz-transform: rotateY(0)
	}

	to {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg)
	}
}

@-webkit-keyframes overturn {
	from {
		-webkit-transform: rotateY(0);
		-moz-transform: rotateY(0)
	}

	to {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg)
	}
}

.phonesearch .send_record_mid>div {
	margin-bottom: 21px;
	padding: 20px;
	border-radius: 18px;
	border: 1px #878787 solid;
	box-shadow: 2px 2px 3px 1px #878787;
}

#ans_box>div {
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: -3px;
}

#ans_box>div>input {
	margin-right: 4px;
	position: relative;
	top: 1px;
}

#caseBlanche {
	margin: 5px;
	background-color: #4794E0;
	height: 150px;
	width: 300px;
	position: relative;
	border-radius: 18px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

#caseBlanche #load {
	margin: 5px !important;
	color: #fff;
	font-family: calibri;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 0;
	width: 95%;
}

#caseVerte #case6 {
	height: 10px;
	width: 10px;
	background-color: #fbfbfb;
	animation: case3 5s infinite;
	-webkit-animation: case3 5s infinite;
}

#caseBleu #case6 {
	height: 10px;
	width: 10px;
	background-color: #0086a6;
	animation: case3 5s infinite;
	-webkit-animation: case3 5s infinite;
}

@-webkit-keyframes case6 {
	0% {
		width: 0%;
	}

	50% {
		width: 75px;
	}

	100% {
		width: 0%;
	}
}

@keyframes case6 {
	0% {
		width: 0%;
	}

	50% {
		width: 75px;
	}

	100% {
		width: 0%;
	}
}

#test {
	margin: 5px;
	height: 10px;
	width: 10px;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	top: 0px;
	left: 10px;
}

#rond {
	margin: 5px;
	height: 100px;
	width: 100px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 18px;
	left: 100px;
	animation: rond 2s infinite;
	-webkit-animation: rond 2s infinite;
}

@keyframes rond {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rond {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.caseBlancheBackground {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	padding: calc(50vh - 78px) calc(50% - 79px);
	display: none;
}

.send_tag.clearfix {
	position: relative;
}

.send_tag.clearfix .send_tag_one {
	left: 0;
}

.send_tag.clearfix .send_tag_two {
	left: 78px;
}
.send_tag.clearfix .send_tag_three {
	left: 156px;
}

.fa-exclamation-triangle {
	color: #a2a2a2;
}

.warning.fa-exclamation-triangle {
	color: #ffca00;
	text-shadow: 1px 1px 0px #000000b3;
	/* -webkit-animation: warning 1s infinite; */
	/* animation: warning 1s infinite; */
}

@-webkit-keyframes warning {
	0% {
		transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
	}
}

@keyframes warning {
	0% {
		transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
	}
}

.task_mid {
	bottom: 0;
}

.text .fa-exclamation-triangle {
	left: 28px !important;
}

.short_ulYY .head_li,
.short_ulBB .head_li,
.short_ulCC .head_li {
	background-color: #a5c6f1;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#btnZoomIn,
#btnZoomOut {
	font-size: 23px;
}

.usericon-list li:nth-child(9) span {
	font-size: 12px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 8px;
	color: #9a9a9a;
}

.wn_tx span:nth-child(2) {
	position: absolute;
	top: 38px;
	width: 127px;
	background-color: #fff8a5;
	padding: 2px;
	border-radius: 3px;
	z-index: 100;
}
.wn_tx span:nth-child(2)::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 22px;
    z-index: 10;
    width: 0;
    height: 0;
    border-left: 6px solid #fff8a5;
    border-top: 6px solid transparent;
    transform: rotate(134deg);
}
.mailbox-btn{
	position: absolute;
	right: 30px;
	bottom: 10%;
	width: 50px;
	cursor: pointer;
	transition: bottom 0.5s;
}
.mailbox{
	position: absolute;
	right: 30px;
	bottom: 10%;
	width: 0;
	height: 0;
	background-color: #ffffff8f;
	border-radius: 20px;
	box-shadow: 6px 5px 8px 0px #0000005e;
	transition: width 0.5s,height 0.5s;
}
.mailbox.active{
	width: 500px;
	height: 300px;
}
.mailbox>div{
	padding: 31px 20px 15px 20px;
	width:100%;
	height:100%;
}
.mailbox>.mailbox-index>div{
	overflow: hidden;
	white-space: nowrap;
	padding: 7px 15px 5px 53px;
	/* background-color: #FFFFFF; */
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	border-radius: 10px;
	cursor: pointer;
	position: relative;
	border: 1px #b6d1f9 solid;
}
.mailbox-btn.active{
    bottom: calc(10% + 277px);
}
.mailbox>.mailbox-index{
	overflow: hidden;
	white-space: nowrap;
}
.mailbox>.mailbox-index>div:hover{
	/* box-shadow: 1px 1px 4px 0px #0000005e; */
	background-color: #c9deff;
}
.mailbox>.mailbox-index>div>i{
    position: absolute;
    left: 11px;
    top: 7px;
    font-size: 32px;
    font-weight: bold;
}
.mailbox>.mailbox-index>div>div:nth-child(1){
	
font-size: 13px;
	
font-weight: 700;
	
margin-bottom: 2px;
}
.mailbox>.mailbox-index>div>div:nth-child(2){
	
color: #989797;
}
.user_child_ul>li>span:nth-child(1){
	width: 84px;
	text-align: right;
	margin: 0;
}
.user_child_ul>li>span:nth-child(2){
	width: calc(100% - 94px);
	background-color: #d1e4f9;
	padding: 3px;
	min-height: 24px;
}
.stop-input{
	pointer-events: none;
	background-color: #CCCCCC;
}
.head_list_li>span{
	cursor:pointer;
}
.send_record_body .fa-cog{
	cursor: pointer;
}
.redeve_search {
    padding: 10px 5px 0px 5px;
    position: relative;
}
.redeve_search .fa-search {
    position: absolute;
    left: 17px;
    top: 19px;
    color: #CCCCCC;
    cursor: p;
}
.redeve_search input {
    height: 30px;
    line-height: 25px;
    border: 1px solid #aaaaaa;
    border-radius: 17px;
    padding: 0 11px 0 33px;
    width: 100%;
}