:root {
    --baseWidth: 1050px;
    --baseWidth1200: 1050px;
    --color: #f7423f;
    --active-color: #6578fd;
}
.app-wrapper {height: 100%;position: relative;width: 100%;margin-bottom: 10px;}
        .app-wrapper .main-container {min-height: 100%;}
        .el-header {padding: 0;}
        .el-aside, .el-header {box-sizing: border-box;flex-shrink: 0;}
        .top-header {
	background:#eee
}
.top-header .header {
	display:flex;
	height:30px;
	line-height:30px;
	margin:0 auto;
	width:var(--baseWidth)
}
.top-header .header .header-left {
	flex:1
}
.top-header .header .header-right {
	display:flex;
	z-index:10
}
.top-header .header .header-right .userinfo {
	align-items:center;
	display:flex
}
.top-header .header .header-right .avatar {
	border-radius:50%;
	height:22px;
	width:22px
}
.top-header .header .header-right .username {
	margin:0 7px
}
.top-header .header .header-right .header-item {
	color:#565656;
	margin-right:52px
}
.top-header .header .header-right .header-item:hover {
	color:#6478fd
}
.top-header .header .header-right .header-item:last-child {
	margin-right:0
}
.top-header .header .header-right .header-item a {
	display:inline-block;
	height:100%
}
.top-header .dot {
	position:relative
}
.top-header .dot:after {
	background-color:var(--color);
	border-radius:50%;
	content:"";
	font-size:13px;
	height:6px;
	position:absolute;
	right:-5px;
	top:3px;
	width:6px
}
        .search-header {margin-top: 7px;}
        .search-header .search-box {display: flex;justify-content: space-between;margin: 0 auto 10px;width: var(--baseWidth);}
        .cp {cursor: pointer;}
        .mt-1 {margin-top: 1px;}
        h1, h2, h3, h4, h5, h6 {font-size: 100%;}
        .search-header {
	margin-top:7px
}
.search-header .search-box {
	display:flex;
	justify-content:space-between;
	margin:0 auto 10px;
	width:var(--baseWidth)
}
.search-header .search-box .logo {
	height:58px;
	width:226px;
	margin-top:10px;
}
.search-header .search-box .logo img {
	height:100%;
	width:100%
}
.search-header .search-box .release-steps {
	margin-top:12px;
	width:70%
}
.search-header .search-box .release-steps .is-finish {
	border-color:transparent;
	color:#fff
}
.search-header .search-box .release-steps .is-finish .el-step__icon {
	background:#4e35db;
	background:linear-gradient(90deg,#4e35db,#9d4bf1 66%,#ad4bf1);
	border:none;
	box-shadow:0 2px 7px 0 rgba(138,69,236,.42)
}
.search-header .search-box .release-steps .el-step__line {
	background-color:#bcb8e5
}
.search-header .search-box .release-steps .el-step__icon {
	background:#d1caf9;
	background:linear-gradient(90deg,#d1caf9,#e3cff8);
	border:none;
	box-shadow:0 2px 7px 0 rgba(215,204,248,.81)
}
.search-header .search-box .release-steps .el-step__icon-inner {
	color:#fff;
	font-size:10px
}
.search-header .search-box .release-steps .el-step__head {
	margin-bottom:15px
}
.search-header .search-box .release-steps .el-step__description {
	color:#737373;
	font-family:Source Han Sans CN;
	font-size:14px;
	font-weight:400;
	padding-left:0;
	padding-right:0
}
.search-header .search-box .release-steps .el-step__description.is-finish {
	color:#333;
	font-weight:600
}
.search-header .search-box .search-from {
	display:flex;
	justify-content:flex-end;
	margin-top:15px
}
.search-header .search-box .search-from .search-input {
	
}
.search-header .search-box .search-from .search-input .input {

	display:flex
}
.search-header .search-box .search-from .search-input .input .el-input__prefix {
	left:0
}
.search-header .search-box .search-from .search-input .input .el-input__inner {
	background-color:#fff;
	border:none;
	border-radius:0;
	font-size:12px
}
.search-header .search-box .search-from .search-input .input .el-input__inner:focus {
	background-color:#fff;
	border-color:var(--color)
}
.search-header .search-box .search-from .search-input .input .el-input__suffix {
	right:0
}
.search-header .search-box .search-from .search-input .input .search1 .el-input__inner,.search-header .search-box .search-from .search-input .input .search2 .el-input__inner,.search-header .search-box .search-from .search-input .input .search3 .el-input__inner {
	width:110px
}
.search-header .search-box .search-from .search-input .input .search4 .el-input__inner {
	width:240px
}
.search-header .search-box .search-from .search-input .input div.search2 .el-input__inner {
	width:140px
}
.search-header .search-box .search-from .search-input .input div.search1 .el-input__inner {
	border:1px solid #3399fe;

	border-bottom-right-radius:0;
	border-right:none;
	border-top-right-radius:0;
	width:100px
}
.search-header .search-box .search-from .search-input .input div.search2 .el-input__inner,.search-header .search-box .search-from .search-input .input div.search3 .el-input__inner {
	border:1px solid #3399fe;
	border-left:none;
	border-right:none
}
.search-header .search-box .search-from .search-input .input div.search4 .el-input__inner {
	border:1px solid #3399fe;
	border-left:none;

	border-bottom-left-radius:0;
	border-top-left-radius:0
}
.search-header .search-box .search-from .search-input .input .el-button {
	border-radius:0
}
.search-header .search-box .search-from .search-btn button {
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	outline:none
}
.search-header .search-box .search-from .search-btn button:hover {
	opacity:.9
}
.search-header .search-box .search-from .search-btn .account {
	border-radius:5px 0 0 5px;
	height:40px;
	margin-right:1px;
	width:88px
}
.search-header .search-box .search-from .search-btn .id {
	font-size:15px;
	height:40px;
	width:88px;
	background: #3399fe;
}
.search-header .search-box .history {
	color:#aaa;
	display:flex;
	font-size:12px;
	margin-top:11px
}
.search-header .search-box .history .history-list {
	display:flex
}
.search-header .search-box .history .history-list .item {
	margin-right:24px;
	transition:color .2s
}
.search-header .search-box .history .history-list .item:last-child {
	margin-right:0
}
.search-header .search-box .history .history-list .item:hover {
	color:var(--color)
}
.el-input {
    display: inline-block;
    font-size: 14px;
    position: relative;
    width: 100%;
}
.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.nav-header .nav-ul {
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	width:var(--baseWidth);
	margin-bottom: 10px;
}
.nav-header .nav-ul li {
	flex:1
}
.nav-header .nav-ul li a {
	border-radius:10px;
	display:inline-block;
	font-size:16px;
	font-weight:600;
	padding:10px 0;
	text-align:center;
	transition:background .15s ease-in-out,color 0s;
	width:100px;
	font-family: '微软雅黑';
}
.nav-header .nav-ul li .active,.nav-header .nav-ul li a:hover {
	background:linear-gradient(#3399fe,#3399fe);
	color:#fff
}