body{
	background:#e7e8eb;
	/* padding-bottom: 60px; */
	font-size:12px;
	font-family: "微软雅黑";
	box-sizing:border-box;
}
.clearfix:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
th {
    text-align: center;
}
.clearfix{
    zoom:1;

}
button{
	font-weight:900;
}
button:hover{
	background:#18ABFB;
}
/*娓呴櫎*/
.clear{
	width:100%;
	height:1px;
	clear:both;
}
/*澶撮儴*/
.header{
	position:fixed;
	width:100%;
	height:70px;
	line-height:70px;
	top:0;
	left:0;
	background:#fff;
	z-index:500;
	border-bottom:1px solid #E6E7EC;
	/* box-shadow: 0 1px 4px #E6E7EC; */
	font-size:14px;
}
.header_inner{
	width:100%;
	max-width:1280px;
	height:70px;
	margin:0 auto;
	color:#222222;
}
.header_inner a{
	color:#222222;
}
.header_inner img{
	margin-top:14px;
	float:left;
	cursor:pointer;
}
.header_bottom{
	width:900px;
	height:70px;
	margin:0 auto;
}
.out{
	width:50px;
	height:70px;
	cursor:pointer;
	float:right;
	background:url(../images/exit.png) no-repeat 0 28px;
	text-indent: 20px;
	display:inline-block;
}
.out:hover{
    color:#18ABFB;
}
.header_inner .other_center{
	float: right;
	margin: 0 30px;
	cursor: pointer;
	margin: 22px 31px 0;
	padding:4px 8px;
	border-radius: 6px;
	background: #18ABFB;
	color:#fff;
	height: 20px;
    line-height: 20px;
}
.my_acc{
	width:84px;
	height:70px;
	float:right;
	margin:0 30px;
	background:url(../images/user.png) no-repeat 0 28px;
	text-indent:22px;
	cursor:pointer;
	display:inline-block;
}
.my_acc:hover{
	background:url(../images/user-p.png) no-repeat 0 28px;
	color:#18ABFB;
}
.hello{
	/* width:135px; */
	height:70px;
	float:right;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hello:hover{
	color:#18ABFB;
}
.home{
	width:35px;
	height:70px;
	margin-right:30px;
	float:right;
	cursor:pointer;
	display: inline-block;
	color:#222222;
}
.home:hover{
	color:#18ABFB;
}

/*--主页面--*/
.main{
	position:relative;
	/* width:1200px; */
	height:auto;
	min-height:500px;
	margin:0 auto;
	background:#FFF;
	box-sizing:border-box;
}
.main_border{
	padding:0 0 80px 0;
	border: 1px solid #d0d0d0;
}
.main_list{
	position:fixed;
	width:200px;
	top:70px;
	bottom:0;
	left:0;
	background:#303440;
}
.main_list li{
	width:200px;
	height:60px;
	padding-left:55px;
	box-sizing:border-box;
	border-bottom:1px solid #393E4D;
	cursor:pointer;
	line-height:60px;
	font-size:14px;
	color:#fff;
}
.mainList1{
	background:url(../images/kxyh.png) no-repeat 20px center;

}
.mainList1:hover{
	background:#18ABFB url(../images/kxyh.png) no-repeat 20px center;
}
.mainList1-active{
	background:#18ABFB url(../images/kxyh.png) no-repeat 20px center;
}
.mainList1-2{
	background:url(../images/csyh.png) no-repeat 20px center;
}
.mainList1-2:hover{
	background:#18ABFB url(../images/csyh.png) no-repeat 20px center;
}
.mainList1-2-active{
	background:#18ABFB url(../images/csyh.png) no-repeat 20px center;
}
.mainList2{
	background:url(../images/ydyfw.png) no-repeat 20px center;
}
.mainList2:hover{
	background:#18ABFB url(../images/ydyfw.png) no-repeat 20px center;
}
.mainList2_active{
	background:#18ABFB url(../images/ydyfw.png) no-repeat 20px center;
}
.mainList3{
	background:url(../images/zhgl.png) no-repeat 20px center;
}
.mainList3:hover{
	background:#18ABFB url(../images/zhgl.png) no-repeat 20px center;
}
.mainList3_active{
	background:#18ABFB url(../images/zhgl.png) no-repeat 20px center;
}
.mainList4{
	background:url(../images/stamp.png) no-repeat 20px center;
}
.mainList4:hover{
	background:#18ABFB url(../images/stamp.png) no-repeat 20px center;
}
.mainList4_active{
	background:#18ABFB url(../images/stamp.png) no-repeat 20px center;
}
.mainList5{
	background:url(../images/ysqzls.png) no-repeat 20px center;
}
.mainList5:hover{
	background:#18ABFB url(../images/ysqzls.png) no-repeat 20px center;
}
.mainList5_active{
	background:#18ABFB url(../images/ysqzls.png) no-repeat 20px center;
}
.mainList6{
	background:url(../images/xtyjcx.png) no-repeat 20px center;
}
.mainList6:hover{
	background:#18ABFB url(../images/xtyjcx.png) no-repeat 20px center;
}
.mainList6_active{
	background:#18ABFB url(../images/xtyjcx.png) no-repeat 20px center;
}
.mainList7{
	background:url(../images/fubgm.png) no-repeat 20px center;
}
.mainList7:hover{
	background:#18ABFB url(../images/fubgm.png) no-repeat 20px center;
}
.mainList7_active{
	background:#18ABFB url(../images/fubgm.png) no-repeat 20px center;
}
.mainList8{
	 background:url(../images/fubgl.png) no-repeat 20px center;
 }
.mainList8:hover{
	background:#18ABFB url(../images/fubgl.png) no-repeat 20px center;
}
.mainList8_active{
	background:#18ABFB url(../images/fubgl.png) no-repeat 20px center;
}
.mainList9{
	background:url(../images/fubgl.png) no-repeat 20px center;
}
.mainList9:hover{
	background:#18ABFB url(../images/fubgl.png) no-repeat 20px center;
}
.mainList9_active{
	background:#18ABFB url(../images/fubgl.png) no-repeat 20px center;
}
.vendorActive{
    background: #18abfb;
}
.input_txt{
	width:282px;
	height:30px;

	border:1px solid #ccc;
	border-radius:3px;
	text-indent:10px;
	float:left;
}
/* 标题 */
.main_title{
	width:100%;
	height:46px;
	line-height:46px;
	color:#333333;
	font-size:18px;
	border-left: 2px solid #18ABFB;
	margin: 0px 0 10px 0;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	text-indent: 7px;
}
.main_title_color{
	text-indent:20px;
	/* background:#f4f5f9; */
	width:100%;
}
.main_title span {
    display: inline-block;
    color: #B5B5B5;
}
.title_child{
	width:980px;
	height:17px;
	line-height:17px;
	text-indent:7px;
	color:#4D4D4D;
	font-size:16px;
	margin:17px 0 19px 0;
	/* font-family:NotoSansHans-Regular; */
	font-family:'微软雅黑';
	border-left:2px solid #18ABFB;
}

/* 鐢ㄦ埛淇℃伅 */
.user_details{
	width:980px;
	height:92px;
	padding:13px 0 0 20px;
	background: #fff;
	/* border: 1px solid #ccc; */
	font-size: 14px;
	color: #222;
	box-sizing: border-box;
}
.user_details li{
	width:284px;
	height:33px;
	line-height:33px;
	float:left;
}
.user_details li img{
	height:18px;
	margin-bottom:5px;
}
.certif{
	width:990px;
	height:113px;
}
.certif li{
	position:relative;
	width:356px;
	height:112px;
	float:left;
	padding:28px 0 0 30px;
	background-color: #fff;
	/* border: 1px solid #ccc; */
	font-size: 14px;
	color: #4E4F51;
	box-sizing: border-box;
	top:0;
}
.certif li:hover{
	top:-4px;
	box-shadow: 0 6px 6px #ccc;
}
.certif_li1{
	background:url(../images/certif1.png) no-repeat 222px 20px;
}
.certif_li2{
	background:url(../images/certif2.png) no-repeat 222px 20px;
}
.certif_li3{
	background:url(../images/certif3.png) no-repeat 222px 20px;
}

.cer_num{
	font-size:28px;
	line-height:28px;
	color:#404040;
}
.cer_tit{
	font-size:14px;
	color:#4D4D4D;
	margin-top:20px;
	line-height:14px;
	/* font-family:'Pingfang-SC'; */
}
.subscrib{
	/* width:980px; */
	height:auto;
}
.subscrib li{
	position:relative;
	width:355px;
	height:336px;
	/* border:1px solid #cfcfcf; */
	background:#fff;
	float:left;
	margin:0 20px 20px 0;
	cursor:pointer;
    font-size: 14px;
}
.subscrib li:hover{
	background:#F3FFEB;
}
.noBack{
	width:100%;
	height:100%;
}
.sub_status{
	position: absolute;
	width:50px;
	height:17px;
	line-height:17px;
	text-align: right;
	top:19px;
	right:20px;
	font-size:16px;
	color:#666666;
}
.sub_img{
	position:relative;
	width:120px;
	height:212px;
	margin:0 auto;
	text-align:center;
	left:0;
}
.sub_font{
	position:relative;
	width:311px;
	height:106px;
	right:0;
	text-align:center;
	right:0;
}
.sub_p1{
	line-height:42px;
	font-size:18px;
	color:#333;
	font-family: '榛戜綋';
}
.sub_p2{
	line-height:38px;
	font-size:14px;
	color:#808080;
}

/* 杈规 */
.topline{height:1px;background:#999;position:absolute;left:-1px;top:-1px;}
.leftline{width:1px;background:#999;position:absolute;left:-1px;top:-1px;}
.rightline{width:1px;background:#999;position:absolute;right:-1px;bottom:-1px;}
.bottomline{height:1px;background:#999;position:absolute;right:-1px;bottom:-1px;}

/* canvas鍦嗗湀鍥�*/
.sub_canvas{
	position:absolute;
	width:311px;
	height:336px;
	top:0;
	left:0;
	z-index: 100;
	background:#f5f5f5;
	text-align:center;
	border-radius:5px;
}
.sub_canvas:hover{
	background:#F3FFEB;
}
.radia{
	position:absolute;
	width:156px;
	height:156px;
	top:70px;
	left:76px;
	z-index:200;
}
.radia canvas{
	width:100%;
	height:100%;
}

.canva_tit{
	margin:24px 0 65px 0;
	color:#333;
	font-size:16px;
}
.canva_center{
	color:#808080;
	font-size:13px;
}
.canva_center span{
	color:#1A1A1A;
	font-size:40px;
	display:inline-block;
	height:52px;
	line-height:52px;
}
.cav_h{
	margin-bottom:55px;
}
.canva_div{
	width:100%;
	height:30px;
	line-height:30px;
	color:#808080;
	font-size:13px;
}
.canva_div img{
	margin:10px 0 0 45px;
	float:left;
}
.indent{
	text-indent:68px;
}
.canva_div p{
	margin:0 20px 0 12px;
	float:left;
}
.canva_div span{
	float:left;
}
.yanzheng{
	width: 93px;
    height: 30px;
    border:1px solid #DCDDDD;
    border-radius: 3px;
    float: left;
    text-align: center;
    color: #0086E0;
    margin-left: 4px;
    cursor: pointer;
    line-height: 32px;
    font-size: 14px;
}
.email_right{
	position:absolute;
	width:298px;
	height:98px;
	border:1px solid #D2D2D2;
	border-radius:5px;
	top:0;
	right:-316px;
	background:#fff;
	line-height:26px;
	color:#434343;
	text-indent:20px;
	box-sizing:border-box;
	padding-top:10px;
}

/* 鏃堕棿鎺т欢 */
.date_txt{
	cursor:pointer;
	background:url(../images/date.png) no-repeat 160px 8px;
}
#calendarPanel{
	border:4px solid #D6D6D6!important;
	z-index:1000000!important;
}
#calendarPanel td,#calendarPanel th{
	height:24px;
	border:1px solid #fff;
}
#calendarPanel table{
	border:2px solid #fff!important;
}
#calendarClear,#calendarToday,#calendarClose{
	background-color:#cfcfcf!important;
	border-color:#999!important;
}
/* 杩斿洖 */
.back{
	position: absolute;
	width:200px;
	height:26px;
	border-radius:4px;
	line-height:26px;
	text-align:right;
	color:#0090EB;
	top:9px;
	right:20px;
	font-size: 15px;
	cursor:pointer;
	display: none;
}
.back:hover{
	text-decoration: underline;
}
.popup{
	position:fixed;
	left:50%;
	z-index:20000;
	background:#fff;
	border-radius:6px;
	margin-bottom:100px;
	overflow:hidden;
	font-size:12px;
	display:none;
	width: 320px;
    height: 160px;
    margin-left: -160px;
    box-sizing: border-box;
    box-shadow: 0 0 6px #aaa;
    top: 200px;
    z-index: 100000000;
}
.popup p{
	float:left;
	line-height:25px;
}
.popup_title{
	width:100%;
	height:29px;
	color:#fff;
	text-indent:18px;
	line-height:29px;
	position:relative;
	background:#C62F2F;
}
.popup_close{
	width:12px;
	height:12px;
	position:absolute;
	top:8px;
	right:8px;
	background:url(../images/close1.png) no-repeat center center;
	cursor:pointer;
}

.popup_main{
	width:320px;
	height:130px;
	background:#fff;
	box-sizing:border-box;
	padding:20px 20px 0 20px;
	line-height:20px;
	font-size:13px;
	color:#111;
	text-align:left;
}
.popup_btn{
	width: 78px;
    height: 28px;
    line-height: 28px;
    background: #C62F2F;
    border-radius: 4px;
    color: #fff;
    border:1px solid #ccc;
    font-weight: 900;
    cursor: pointer;
	position:absolute;
	left:68%;
	top:110px;
}

/*提示*/
.hint{
	position:fixed;
	width:466px;
	height:0;
	top:70px;
	left:50%;
	margin-left:-233px;
	z-index:100000;
	text-align:center;
	overflow:hidden;
	opacity:0;
}
.hint p{
	display:inline-block;
	background:rgba(249,57,59,0.7);
	line-height:30px;
	padding:0 50px;
	width:auto;
	color:#fff;
	font-size:14px;
	min-width:1px;
	height:1px;
}

.loadShadow {
    position:absolute;
	background:rgba(0, 0, 0, 0.7);
	left:0px;
	right:0px;
	top:40px;
	bottom:0px;
	display:block;
	z-index:100;
}
.spinner {
  margin:150px auto;
  width: 70px;
  height: 70px;
  position: relative;
  color:#fff;
  line-height:200px;
  font-size:16px;
}
.container1 > div, .container2 > div, .container3 > div {
  width: 14px;
  height: 14px;
  background-color:#fff;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#page_now{
	color:#cc0000;
}
.cer_num{
	font-size:20px!important;
}
.link-service {
	z-index: 999;
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.link-service img {
	width: 300px;
}
/* .telPhone{
    width:138px;
    height:48px;
    position: fixed;
    right:-87px;
	top:50%;
	display: flex;
	align-items: center;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	background-color: #00aaff;
}
.telPhone:hover{
    right:0;
} */
.backTop{
    width:43px;
    height:43px;
    background:url("../images/backtop.png") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right:24px;
    bottom:92px;
    display:none;
    cursor:pointer;
}
/*登录框*/
.shua img{
    display: inline-block;
}
@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    }
}
.refed{
    display:block;
     -webkit-animation: load 0.8s infinite linear;
     animation: load 0.8s infinite linear;
}
.txt_sel{
    display:none;
}
.ttop{
    background: url(../images/wrong.png) no-repeat 0 12px;
}
.login_main{
     background: rgba(0,0,0,0.8);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
     position: fixed;
     top:0;
     left:0;
     bottom:0;
     right:0;
     z-index: 9999;
}
.login_bg {
    top: 120px;
    width:400px;
}
.login_tit {
    width: 330px;
    height: 60px;
    margin: 0 auto;
    font-size: 20px;
    color: #3A3A3A;
    text-indent: 20px;
    line-height: 60px;
    border-bottom: 1px solid #E8E8E8;
}
.tell_top{
    width:330px;
}
.input_bg{
    width:330px;
}
.input_bgSpan{
    position: relative;
}
.input_bgSpan img{
    position: absolute;
    top:0;
    left:16px;
    display:block;
}
.login_txt{
    text-indent: 46px;
    width:330px;
}
.yanz_bg{
    width:280px;
}
.yan_txt{
    text-indent: 10px;
    width: 188px!important;
}
.btn_fix{
    width:100%;
}
.btn_fix .login_btn{
    width:122px;
    margin-right: 55px;
}
.btn_fix span{
    color:#999;
    font-size: 14px;
}
.btn_fix span a{
    color:#999;
}
.login_main{
    display:none;
}
.login_clear{
    position: relative;
    top:120px;
    left: 210px;
}
.login_clear img{
    cursor:pointer;
}
.main{
	padding: 10px 20px 20px 220px;
	background: #f3f3f3;
}
.main .sou_bg{
	width:100%;
	background:#fff;
	border-radius: none;
	border: none;
	padding: 20px 10px 10px 10px;
}
.sou_btn {
	width:70px;
	height:30px;
	line-height: 0px;
	background: #18abfb;
}
.data-table thead th{
	background: #f8f8f8!important;
	border-right: none;
}
.data-table tbody td{
	border-right: none;
}
.tfoot_div{
	padding: 20px 0 0 520px;
}
.sou_main .table_bg{
	border:none;
}
.othername{
    width: 250px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*提示框*/
/*成功提示框*/
.success-tooltip,
.error-tooltip {
	position: fixed;
	top: 70%;
	left: 50%;
	display: none;
	min-width: 400px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: 10000;
	padding: 5px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff;
	font-size: 18px;
	line-height: 40px;
}
.success-tooltip .icon,
.error-tooltip .icon{
	width: 16px;
	height: 16px;
}