@charset "utf-8";
/*
 * @Author: hl,haolei@ec.com.cn
 * @Date: 2021-01-13 12:41:05
 * @LastEditTime: 2022-06-09 17:21:14
 * @LastEditors: hl,haolei@ec.com.cn
 * @Description: 
 */
 *, *:before, *:after {
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
html,body{width:100%;height:100%;}
html{min-width:1280px;}
body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;color:#333;}
input,.u-log-fm .u-icon{
	-webkit-transition:.5s;
	transition:.5s;
}
@-webkit-keyframes zoomout{
	form{-webkit-transform:scale(1.15);transform:scale(1.15)}
	to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomout{
	form{-webkit-transform:scale(1.15);transform:scale(1.15)}
	to{-webkit-transform:scale(1);transform:scale(1)}
}
/******辅助类*******/
.f-wrap-auto{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.u-btn {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 18px;
    background-color: #4e87e7;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 18px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.u-btn.u-btn-sm {
	height: 30px;
	font-size: 14px;
	line-height: 30px;
}
.u-btn.u-btn-w200{
	padding: 0;
	width: 200px;
}
.u-btn.u-btn-c1{
	background-color: #eaf3ff;
	color: #3c6ed3;
}

/******g-bd-wrap*******/
html, body {
	width: 100%;
	height: 100%;
}
html{
	min-width: 1200px;
	width: auto;
}
body{
	background: #f7f8fc;
	min-width: 1200px;
}
.g-doc{
	padding-bottom: 148px;
	min-height: 100%;
	_height: 100%;
}
.g-hd{
	background-color: #f7f8fc;
}
.g-hd .m-hd{
	height: 170px;
	/*background-image: url(../../img/bg/topBg_01.jpg),linear-gradient(to right, #0397f9, #1b5fc0);*/
	background: url(../../img/bg/bg_top.png) no-repeat center top/100%;
}

/******头部 *******/
.u-sch-box .u-sch-ipt{
	position: relative;
	padding: 0 45px 0 30px;
	width: 388px;
	height: 40px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #fff;
}
.u-sch-box .u-sch-ipt .u-ipt{
	background-color: transparent;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #333;
	border: none;
}
.u-sch-box .u-sch-ipt .u-ipt::-webkit-input-placeholder {
	color: #bfbfbf;
}
.u-sch-box .u-sch-ipt .u-ipt::-moz-input-placeholder {
	color: #bfbfbf;
}
.u-sch-box .u-sch-ipt .u-ipt::-ms-input-placeholder {
	color: #bfbfbf;
}
.u-sch-box .u-sch-ipt .u-icon-sch {
    position: absolute;
	top: 5px;
	right: 10px;
    width: 30px;
    height: 30px;
    background: url(../../img/icon/icon_sch_02.png) center center no-repeat;
	cursor: pointer;
	-webkit-transition: .6s;
	transition: .6s;
}
.u-sch-box .u-ipt:focus{
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.u-sch-box .u-ipt:focus + .u-icon-sch {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.m-hd .u-logo-txt{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 170px;
}
.m-hd .u-logo,.u-quick-guide-box .hd,.u-quick-guide-box .bd .u-login-box{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
/****** 顶部菜单 *******/
.m-top-menu{
	position: relative;
	background-color: #00296e;
	height: 60px;
	z-index: 10;
}
.m-top-menu > .u-top-menu{
	position: relative;
	margin: 0 auto;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
	justify-content: space-between;
	width: 1200px;
}
.m-top-menu > .u-top-menu li{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	min-width: 100px;
	z-index: 20;
}
.m-top-menu > .u-top-menu li > a{
	display: block;
	padding: 0 14px;
	font-size: 18px;
	line-height: 60px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition:.5s;
	transition:.5s;
}
.m-top-menu > .u-top-menu li > a:hover,.m-top-menu > .u-top-menu li > a.z-crt{
	background-color: #003183;
}
.m-top-menu > .u-top-menu .u-sub-menu{
	position: absolute;
	left: 0;
	top: 60px;
	padding: 12px 20px;
	width: 100%;
	height: 60px;
	background-color: #fefeff;
	border: 1px solid #d9def0;
	display: none;
}
.m-top-menu > .u-top-menu .u-sub-menu > a{
	padding: 0 15px;
	display: inline-block;
	font-size: 16px;
	line-height: 34px;
	color: #000;
}
.m-top-menu > .u-top-menu .u-sub-menu > a:hover{
	background-color: #003183;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
}
.m-top-menu > .u-top-menu li:hover .u-sub-menu{
	display: block;
}

/*******滑动验证*******/
.verify-wrap,.verify-wrap .drag-progress{
	height: 40px;
	border: 1px solid #a5bce2;
}
.verify-wrap{
	margin: 0 auto;
	background-color: #a5bce2;
}
.verify-wrap .drag-progress,.verify-wrap .verify-msg{
	background-color: #6d8fc7;
}
.verify-wrap .drag-btn{
	width: 44px;
	height: 40px;
	background-image: url(../../img/icon/icon_drag_01.png);
	background-color: #fff;
	background-size: auto;
}
.verify-wrap .fix-tips, .verify-msg{
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}

/******footer*******/
.g-ft{
	margin:-148px auto 0;
    height: 148px;
	background-color: #f5f5f5;
	font-size: 14px;
	line-height: 24px;
}
.m-ft{
	height: 60px;
	background-color: #00296e;
}
.m-ft .u-ft-link-box{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	z-index: 30;
}
.m-ft .u-ft-link-box li{
	padding: 13px 0;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	min-width: 100px;
	cursor: pointer;
}
.m-ft .u-ft-link-box .p1{
	position: relative;
	padding: 5px 0;
	margin: 0 auto;
	width: 200px;
	color: #7bacff;
	text-align: center;
	-webkit-transition: .4s;
	transition: .4s;
}
.m-ft .u-ft-link-box .p1::after{
	margin-left: 10px;
	content: url(../../img/icon/20200510-07.png);
}
.m-ft .u-ft-link-box .u-sub-menu{
	position: absolute;
	left: 0;
	bottom: 60px;
	padding: 20px;
	width: 100%;
	height: 165px;
	background-color: rgba(255, 255, 255, .9);
	border: 1px solid #d9def0;
	overflow-y: auto;
	display: none;
}
.m-ft .u-ft-link-box .u-sub-menu > a{
	/* margin: 5px 30px 5px 0; */
	display: inline-block;
	padding: 0 12px;
	width: 150px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	overflow:hidden;
	word-wrap:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.m-ft .u-ft-link-box .u-sub-menu > a:hover{
	background-color: #003183;
	color: #fff;
	border-radius: 5px;
}
.m-ft .u-ft-link-box li:hover .p1{
	background-color: #003183;
	color: #fff;
}
.m-ft .u-ft-link-box li:hover .p1::after{
	content: url(../../img/icon/20200510-08.png);
}
.m-ft .u-ft-link-box li:hover .u-sub-menu{
	display: block;
}
.m-cprt-box{
	margin: 0 auto;
	width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.m-cprt{
	padding: 20px 0;
	background-color: #1e1e1e;
	color:#858585;
	text-align: center;
}
.m-cprt > a{
	color: #333;
}

/* 
 * media 
 * 通过媒体查询为不同的设备和大小配置不同的样式。
 */
/* 横屏 */
@media screen and (orientation:landscape){}
/* 竖屏 */
@media screen and (orientation:portrait){}
@media screen and (max-width:1600px){}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){}
/* 打印 */
@media print{}