@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

html {
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",STHeitiSC-Light,simsun,"\5B8B\4F53",WenQuanYi Zen Hei,WenQuanYi Micro Hei,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-width: 1200px
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
	outline: none
}

img {
	border: 0 none
}

input,select,button,textarea {
	font-family: PingFang SC,"Microsoft YaHei";
	font-size: 14px;
	outline: none
}

button {
	border: none
}

input:focus,textarea:focus {
	outline: none
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset
}

::-webkit-input-placeholder {
	color: #AEB3BF
}

:-moz-placeholder {
	color: #AEB3BF
}

::-moz-placeholder {
	color: #AEB3BF
}

:-ms-input-placeholder {
	color: #AEB3BF
}

.show {
	display: block!important
}

.hide {
	display: none!important
}

.hidden {
	visibility: hidden
}

.tl {
	text-align: left!important
}

.tc {
	text-align: center!important
}

.tr {
	text-align: right!important
}

.fl {
	float: left;
	*display: inline
}

.fr {
	float: right;
	*display: inline
}

.clearfix,.container {
	*zoom: 1
}

.clearfix:after,.container:after {
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both
}

ul.clearfix > li,ol.clearfix > li {
	float: left
}

ul.clearfix > li.fr,ol.clearfix > li.fr {
	float: right
}

.ml0 {
	margin-left: 0!important
}

.mt0 {
	margin-top: 0!important
}

.pl0 {
	padding-left: 0!important
}

.pt0 {
	padding-top: 0!important
}

.ml8 {
	margin-left: 8px
}

.ml16 {
	margin-left: 16px
}

.ml20 {
	margin-left: 20px
}

.ml24 {
	margin-left: 24px
}

.ml32 {
	margin-left: 32px
}

.mt5 {
	margin-top: 5px
}

.mt8 {
	margin-top: 8px
}

.mt16 {
	margin-top: 16px
}

.mt20 {
	margin-top: 20px
}

.mt24 {
	margin-top: 24px
}

.mt32 {
	margin-top: 32px
}

.container {
	width: 1080px;
	margin-left: auto;
	margin-right: auto
}

.lh22 {
	text-align: center
}

.w-half {
	width: 50%
}

.bg-gray {
	background: #eff0f4
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	height: 70px;
	width: 100%;
	min-width: 1200px;
	background: #fff;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
	z-index: 10
}

.btn-color {
	background: #5351f5;
	background: -webkit-linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%);
	background: -o-linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%);
	background: -moz-linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%);
	background: linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%);
	text-align: center;
	color: #fff
}

.header .logo {
	display: block;
	height: 36px;
	margin-left: 28px;
	margin-top: 16px
}

.header .logo img {
	display: block;
	height: 100%
}

.header .pro-nav {
	margin-left: 40px;
	height: 100%;
	overflow: hidden
}

.header .pro-nav li {
	margin-right: 24px
}

.header .pro-nav a {
	position: relative;
	display: block;
	line-height: 70px;
	font-size: 16px;
	color: #555
}

.header .pro-nav .border {
	position: absolute;
	left: 50%;
	bottom: 0;
	display: block;
	width: 64px;
	height: 3px;
	margin-left: -32px;
	background: url(../img/sprite.png) no-repeat -52px -108px
}

.header .pro-nav a:hover,.header .pro-nav li.active a {
	color: #1F5DEA
}

.header .h-side {
	margin-right: 28px
}

.header-search {
	position: relative;
	margin-top: 16px
}

.header-search .placeholder {
	position: absolute;
	left: 17px;
	line-height: 38px;
	font-size: 14px;
	color: #AEB3BF;
	cursor: text
}

.header-search input {
	display: block;
	width: 232px;
	height: 20px;
	line-height: 20px;
	padding: 8px 42px 8px 16px;
	border-radius: 4px;
	border: 1px solid #c9c9c9;
	font-size: 14px;
	color: #222328
}

.header-search .icon-search {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 42px;
	height: 38px;
	background: transparent url(../img/icon-search.png) no-repeat center center;
	border: 0 none;
	overflow: hidden;
	text-indent: -999em
}

.h-side .user {
	position: relative;
	margin-left: 28px;
	padding: 16px 0;
	height: 38px
}

.h-side .user img {
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 4px
}

.h-side .user .name {
	display: block;
	max-width: 95px;
	margin-left: 16px;
	line-height: 38px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #45556A
}

.h-side .user .icon-down {
	display: block;
	width: 10px;
	height: 5px;
	margin-top: 16px;
	margin-left: 8px;
	background: url(../img/sprite.png) no-repeat -121px -106px
}

.h-side .user-drop {
	position: absolute;
	top: 69px;
	right: 0;
	width: 100%;
	padding: 8px 0;
	background: #fff;
	border-radius: 0 0 4px 4px;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1)
}

.h-side .user-drop a {
	display: block;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #45556A
}

.h-side .user-drop a:hover {
	color: #1F5DEA
}

.h-side .btn-color {
	position: relative;
	display: block;
	padding: 0 20px;
	height: 32px;
	line-height: 32px;
	margin-top: 19px;
	margin-left: 24px;
	border-radius: 30px;
	font-size: 14px;
	color: #fff
}

.side-nav {
	position: fixed;
	top: 70px;
	left: 0;
	bottom: 0;
	width: 200px;
	background: #212B40;
	z-index: 9
}

.side-nav .event-list {
	padding-bottom: 16px;
	border-bottom: 1px solid #364157
}

.side-nav .event-list li {
	position: relative;
	height: 48px;
	line-height: 48px
}

.side-nav .event-list li.active {
	background: #17171B
}

.side-nav .event-list li .border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2px;
	height: 100%;
	background: #5351f5;
	background: -webkit-linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%);
	background: -o-linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%);
	background: -moz-linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%);
	background: linear-gradient(319deg,#1f5dea 0%,#7b47ff 100%)
}

.side-nav .event-list li a {
	display: block;
	padding: 0 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #61708A
}

.side-nav .event-list li:hover a {
	color: #fff
}

.side-nav .event-list li.active a {
	padding-right: 0;
	margin-right: 64px;
	color: #fff
}

.side-nav .event-list li .opr {
	position: absolute;
	right: 7px;
	top: 0;
	display: block;
	height: 100%
}

.side-nav .event-list li span {
	display: block;
	width: 24px;
	height: 100%;
	cursor: pointer
}

.side-nav .event-list li span i {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat
}

.side-nav .event-list li span.icon-edit i {
	width: 15px;
	height: 15px;
	margin-top: 17px;
	background-position: -115px -184px
}

.side-nav .event-list li span.icon-delete i {
	width: 13px;
	height: 14px;
	margin-top: 18px;
	background-position: -133px -185px
}

.side-nav .event-list li span.icon-edit:hover i {
	background-position: -170px -184px
}

.side-nav .event-list li span.icon-delete:hover i {
	background-position: -188px -185px
}

.side-nav .event-add {
	line-height: 20px;
	padding: 12px 16px;
	text-align: center;
	font-size: 14px;
	color: #8899B8;
	cursor: pointer
}

.side-nav .event-add i {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 8px;
	background: url(../img/sprite.png) no-repeat -151px -187px
}

.side-nav .event-add:hover {
	color: #fff
}

.side-nav .event-add:hover i {
	background-position: -206px -187px
}

.drop-search {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9;
	display: block;
	background: #fff;
	border: 1px solid #c9c9c9;
	border-top: 0 none;
	border-radius: 0 0 4px 4px
}

.drop-search dl {
	margin-top: -3px
}

.drop-search dt {
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0 24px;
	line-height: 32px;
	background: #f5f5f5;
	font-weight: normal;
	font-size: 14px;
	color: #737373
}

.drop-search dd {
	line-height: 32px;
	font-size: 14px;
	color: #45556A
}

.drop-search dd a {
	display: block;
	padding: 0 24px;
	color: #45556A
}

.drop-search dd:hover {
	background: #f5f5f5
}

.drop-search dd:hover a {
	color: #4D7CFE
}

.drop-search dd em {
	font-style: normal;
	color: #EA3D7B
}

.main {
	margin-top: 70px;
	padding: 16px 16px 80px;
	background: #eff0f4
}

.main.hasSide {
	margin-left: 200px
}

.w1200 {
	width: 1140px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto
}

.mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 99
}

.pop-box {
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #FBFBFB;
	border-radius: 8px;
	z-index: 100
}

.pop-box.login-box {
	width: 455px;
	height: 335px;
	margin-top: -168px;
	margin-left: -228px
}

.pop-box.connect-kefu {
	width: 380px;
	height: 336px;
	margin-top: -168px;
	margin-left: -190px;
	background: #FBFBFB url(../img/bg-edit.png) no-repeat bottom right
}

.pop-title {
	padding-top: 40px;
	padding-bottom: 20px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #4A4A4A
}

.pop-close {
	position: absolute;
	top: 24px;
	right: 24px;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url(../img/sprite.png) no-repeat -130px -125px;
	text-indent: -999em;
	cursor: pointer
}

.pop-close:hover {
	background-position: -155px -125px
}

.pop-btn .btn {
	display: block;
	width: 206px;
	height: 46px;
	line-height: 46px;
	margin: 0 auto;
	background: #1F5DEA;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	color: #f7f7f7;
	cursor: pointer
}

.pop-cont {
	padding: 0 40px
}

.login-box .pop-cont {
	position: relative
}

.login-box .pop-cont input {
	width: 100%;
	padding: 14px 0;
	line-height: 20px;
	border: 0 none;
	border-bottom: 1px solid #E8ECEF;
	font-size: 13px;
	color: #333
}

.login-box .phone {
	margin-top: 12px
}

.login-box .verify {
	position: relative;
	margin-top: 14px
}

.login-box .verify button {
	position: absolute;
	top: 0;
	right: 0;
	height: 49px;
	background: none;
	font-size: 13px;
	color: #1F5DEA;
	cursor: pointer
}

.login-box .verify button:disabled {
	color: #ccc
}

.login-box .tips {
	position: absolute;
	line-height: 20px;
	font-size: 13px;
	color: #EA3D7B
}

.login-box .pop-btn {
	margin-top: 48px
}

.login-box .help-error {
	position: absolute;
	bottom: -28px;
	left: 40px;
	line-height: 20px;
	font-size: 13px;
	color: #F83E55
}

.connect-kefu .text {
	line-height: 20px;
	font-size: 14px;
	color: #8D94A5
}

.connect-kefu .tel {
	margin: 48px 0;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #1F5DEA
}

.connect-kefu .pop-btn {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%
}

.connect-kefu .img-kefu {
	position: relative
}

.connect-kefu .img-kefu img {
	display: block;
	margin: 36px auto
}

.connect-kefu .img-kefu a {
	position: absolute;
	bottom: 0;
	right: 30px;
	z-index: 2;
	display: block;
	width: 87px;
	height: 107px;
	text-indent: -99em
}

.box {
	background: #fff
}

.box.p16 {
	padding: 16px
}

.box .box-title {
	padding: 24px 30px;
	line-height: 25px;
	font-weight: bold;
	font-size: 18px;
	color: #45556A
}

.bar-filter {
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 4px;
	font-size: 14px
}

.bar-filter .label {
	width: 70px;
	line-height: 32px;
	margin-right: 12px;
	text-align: right;
	color: #8D94A5
}

.bar-filter .filter a {
	float: left;
	margin: 3px 12px;
	line-height: 24px;
	padding: 0 8px;
	color: #555
}

.bar-filter .filter a:hover {
	color: #1F5DEA
}

.bar-filter .filter a.active {
	border: 1px solid #1F5DEA;
	border-radius: 4px;
	color: #1F5DEA
}

.date-range {
	position: relative;
	margin-top: 3px
}

.date-range input {
	display: block;
	width: 227px;
	height: 24px;
	padding: 0 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	letter-spacing: 1px;
	font-size: 13px;
	color: #1F5DEA
}

.date-range input:focus {
	border: 1px solid #1F5DEA
}

.date-range label {
	position: absolute;
	top: 50%;
	right: 9px;
	display: block;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	background: url(../img/sprite.png) no-repeat -142px -99px
}

.date-range:hover label {
	background-position: -164px -99px
}

.layui-laydate-range.laydate-theme-yuqing {
	width: 466px
}

.laydate-theme-yuqing .layui-laydate-main {
	width: 232px
}

.laydate-theme-yuqing .layui-laydate-header {
	background: #F8FAFB;
	border-bottom: 0 none
}

.laydate-theme-yuqing .layui-laydate-content {
	padding: 0 10px;
	margin: 10px 0
}

.laydate-theme-yuqing .layui-laydate-content td,.laydate-theme-yuqing .layui-laydate-content th {
	width: 30px;
	height: 30px;
	padding: 0;
	vertical-align: middle
}

.laydate-theme-yuqing .laydate-set-ym span {
	color: #252631
}

.laydate-theme-yuqing .layui-laydate-header i {
	font-size: 14px;
	color: #979797
}

.laydate-theme-yuqing .laydate-set-ym span:hover,.laydate-theme-yuqing .layui-laydate-header i:hover {
	color: #4D7CFE
}

.laydate-theme-yuqing .layui-laydate-content th {
	font-size: 12px;
	color: #778CA2
}

.layui-laydate.laydate-theme-yuqing .layui-this {
	background-color: #4D7CFE!important
}

.laydate-theme-yuqing .layui-laydate-content td.laydate-selected {
	background-color: #edf2ff;
	color: #4D7CFE
}

.laydate-theme-yuqing .laydate-selected:hover {
	background-color: #edf2ff!important
}

.laydate-theme-yuqing .layui-laydate-footer {
	border-top: 0 none
}

.laydate-theme-yuqing .laydate-footer-btns {
	top: 2px;
	right: 16px;
	padding: 2px 0;
	border: 1px solid #8D94A5;
	border-radius: 3px
}

.laydate-theme-yuqing .laydate-footer-btns span {
	border: 0 none;
	margin: 0;
	font-size: 13px;
	color: #8D94A5
}

.laydate-theme-yuqing .layui-laydate-footer span:hover {
	color: #4D7CFE
}

.laydate-theme-yuqing .layui-laydate-footer span.laydate-btns-confirm {
	border-left: 1px solid #D8D8D8
}

.page {
	padding: 32px 30px 24px
}

.page a,.page span {
	display: inline-block;
	line-height: 37px;
	padding: 0 4px 2px;
	margin: 0 8px;
	text-align: center;
	font-size: 14px;
	color: #778CA2
}

.page em {
	font-style: normal
}

.page a:hover {
	color: #3C58DD
}

.page .layui-laypage-curr {
	display: inline-block;
	padding-bottom: 0;
	border-bottom: 2px solid #3854C3;
	text-align: center;
	font-style: normal
}

.page a.layui-laypage-prev,.page a.next {
	width: 98px;
	height: 38px;
	padding: 0;
	line-height: 38px;
	border: 1px solid #ADAEB0;
	color: #7C7F86
}

.page a.layui-laypage-prev:hover,.page a.next:hover {
	border: 1px solid #3C58DD;
	color: #3C58DD
}

.page a.layui-laypage-prev.disabled,.page a.next.disabled,.page a.prev.disabled:hover,.page a.next.disabled:hover {
	color: #ccc;
	border: 1px solid #eee;
	cursor: not-allowed
}

.pop-box .page {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 40px
}

.pop-box .layui-laypage-prev {
	line-height: 1;
	margin-left: 16px
}

.pop-box .page a.layui-laypage-prev,.pop-box .page a.next {
	width: 54px;
	height: 30px;
	line-height: 30px
}

.pop-box .page a,.pop-box .page span {
	line-height: 30px
}

.capsule {
	padding: 12px 0 0
}

.capsule ul {
	width: 105px;
	height: 25px;
	padding: 0 9px;
	background: #f2f2f2;
	border-radius: 13px;
	overflow: hidden
}

.capsule ul li {
	float: left;
	width: 17px;
	height: 5px;
	margin-left: 1px;
	margin-top: 10px;
	border-radius: 3px;
	line-height: 0;
	font-size: 0;
	overflow: hidden
}

.capsule ul li.on {
	width: 32px;
	height: 15px;
	margin-top: 4px;
	padding-top: 2px;
	line-height: 1;
	text-align: center;
	font-family: "Microsoft Yahei";
	font-size: 12px;
	color: #fff
}

.capsule ul li.bg1 {
	background: #298e28
}

.capsule ul li.bg2 {
	background: #4cba2a
}

.capsule ul li.bg3 {
	background: #d7c20f
}

.capsule ul li.bg4 {
	background: #ff8a00
}

.capsule ul li.bg5 {
	background: #eb4410
}