body{
  margin:0px;	
}

.main-body {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.main-body .top-logo {
    width: 1200px;
    height: 75px;
    position: relative;
    z-index: 1;
    margin-top: 40px;
    margin-bottom: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ax{
  text-decoration: none;
  color: #fff;
}

.main-body .top-logo img {
    width: 510px;
    height: 74px
}

.main-body .top-logo .top-title {
    display: flex;
    align-items: flex-end
}

.main-body .top-logo .top-title .province-title {
    height: 54px;
    font-size: 34px;
    margin-left: 21px;
    line-height: 54px;
    color: #3a57b7
}

.main-body .tab-header-box {
    width: 1200px;
    height: 50px;
    display: flex;
    background: linear-gradient(1turn,#4f92f1,#4ba2f5 69%,#49a8f7);
    position: relative;
    z-index: 5;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    font-size: 16px
}

.main-body .tab-header-box .tab-button-item {
    width: 171.4px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.main-body .tab-header-box .tab-button-item .tab-button-item-image {
    position: absolute;
    bottom: 3px;
    width: 9px;
    height: 5px
}

.main-body .tab-header-box .tab-button-item .select-box {
    width: 151.3px;
    background: #4f92f1;
    position: absolute;
    z-index: 5;
    color: #fff;
    display: none;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    top: 50px;
    text-align: center;
    padding: 0 10px
}

.main-body .tab-header-box .tab-button-item .select-box .select-item {
    height: 43px;
    line-height: 43px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.main-body .tab-header-box .tab-button-item .select-box .select-item:hover {
    background: #3481ef
}

.main-body .tab-header-box .tab-button-item .select-box .check-select-item {
    color: #4f92f1
}

.main-body .tab-header-box .tab-button-item:hover {
    background-color: #3481ef
}

.main-body .tab-header-box .tab-button-item:hover .select-box {
    display: flex!important
}



.main-body .tab-header-box .tab-button-item-check {
    background-color: #3481ef;
	width: 171.4px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.main-body .tab-header-box .tab-button-item-check .tab-button-item-image {
    position: absolute;
    bottom: 3px;
    width: 9px;
    height: 5px
}

.main-body .tab-header-box .tab-button-item-check .select-box {
    width: 151.3px;
    background: #4f92f1;
    position: absolute;
    z-index: 5;
    color: #fff;
    display: none;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    top: 50px;
    text-align: center;
    padding: 0 10px
}


.main-body .tab-header-box .tab-button-item-check .select-box .select-item {
    height: 43px;
    line-height: 43px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.main-body .tab-header-box .tab-button-item-check .select-box .select-item:hover {
    background: #3481ef
}

.main-body .tab-header-box .tab-button-item-check .select-box .check-select-item {
    color: #4f92f1
}


.main-body .tab-header-box .tab-button-item-check:hover {
    background-color: #3481ef;
}

.main-body .tab-header-box .tab-button-item-check:hover .select-box {
    display: flex!important
}

.banner .login-body{
	cursor: default;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 62px;
    right: 40px;
    width: 242px;
    height: 278px;
    border-radius: 3px;
}

.banner .login-body .login-body-content{
	cursor: default;
    position: relative;
    background: hsla(0,0%,100%,.44);
    width: 100%;
    padding: 12px 20px 20px 20px;
    box-sizing: border-box;
    z-index: 2;
    font-size: 16px;
    border-radius: 3px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 20px;
    color: #24344b;
}

.banner .login-body .login-body-content .el-col-24{
	cursor: default;
    font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 20px;
    color: #24344b;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.banner .login-body .login-body-content .el-col-24 .login-btn{
	font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 20px;
    color: #24344b;
    cursor: pointer;
    height: 40px;
    background: #fff;
    opacity: 1;
    border-radius: 4px;
    margin-top: 9px;
}

.banner .login-body .login-body-content .el-col-24 .login-btn:hover{
	background-color: #49a8f7;
	cursor: pointer;
	border-radius: 4px;
}

.banner .login-body .login-body-content .el-col-24 .login-btn:hover div{
	color: #ffffff!important
}

.banner .login-body .login-body-content .el-col-24 .login-btn:hover #icon1{
	 content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA0hJREFUWEfNWO1RFEEU7I5AiUCIQIhAjECJQIhAjECMQI1AiECIQIgAiECIQIygrV5nrh5zezcze3cUU8WPY3fe9PT76rfEikvSBwDvAWwD2E3m7gDcADgnebbKEZy6OQH7BuBlxcYDgCOS51POmgRQ0g8Ah50HnpI86tyDboAj4O4BmEm7066FJLvbbj8G8CqA6gbZBVDSCYDP4cDvJA1i4ZJ0CsBxmtcXkrbTtJoBJlZ+B6ufSJq56iou5pjcy2zXNvcAjExckdyvGY/PJV0CeJP+V2U+7+0BqHDgTisDeY8kX+hX+n1Hcqflgk0AC+P3JJ0E3UuSkygnjd3sWrl0TQHY7d7AYnTzW5L+vRaAztSvyVJXFi6Jw7UCjPHzLBl0j73uDfDSd5L+hNa4RdIlZ3UX20IR4E3uKdzr1ugW6XVLMguLtQF0Uf6YrN2Q3KvdPiSHBYU9kLO/ucg3ZXFi0Ie4TLxIBzf31aJ/u3fvtrjX5zQDTCAtAH4G5lwmLKUGkTASc2bM70d3HvRIry6ACWSMpYzJWs9/GWhWM75QXL6MW2bzmgLQrjYrXb0YgNk2e9XMjeibAaZ25yQpWWlmI71opi0Wql2kKQaTzHIXWQbsb5pBIljHXU6osUvY1e5Ko/GbNyxlUJJBuXaVc8dFirnL2gFBXTsk3hVIq/PKQoCS7M5SkHpCO6mBWuTzBNZqOipsv74weUYBSoriwAZuPSS1yKOWgEzxbBfHeWUU5BxASWUZuXL89WZfDagkh40T5XV4dw7kI4DJBW5JOeYmK5cawPxckkVrBumYtFqflaISoCV5rm926/66mRvpNibDILO7Pb4ezGVxIev9vEmStzK17L2Rs2dqacagpMjeGcneLwcrYS3m5wuSQ90dABYzr4vu9qZdO+Jq9+84dw+TYwYYvxg8OXshYdwGczEfNGMGGKetbsWxkm/D5qLEDW7OAONQ3jQrrAtUtFOE2gPJrTmAJJsVzoZAzsgyFhYpvvHCXLvU3HD2DAE+/vqQeqLnVS+3GBfJ6jeTGhNTnkuyhnQ9zq12FoMR9RTbm9gzhFss1GZtmQLeBIhFNt0sPJr+L9Spm5hWC1SLhajTnhKYZ2Z78zh3sn//GHa/YMJpYgAAAABJRU5ErkJggg==');
}

.banner .login-body .login-body-content .el-col-24 .login-btn:hover #icon2{
	 content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAppJREFUWEftWMttVEEQrIoAMgAiwL5xA05wAAERABGw3LhhR4AdASYDLDhwA9+4YWdgRwBEUKieepZhmH28z7AC6bX0tJZ35nVNdXd1zxINTdITAC8BHJA8bPFqtniJpFsBzJ/JPgF4SvJ8jo9ZACVdBvAKgJmr2TcAe3PYnAxQ0ipYM8hkDutBPA9asDkaYITzNYCrGYATs5iHU9JDAEcALsW6SWwOBijJgBxOO052AWBF8m0tvpECZvRxweZzkqdDcnMQQEk7AD4CSOH8nkJJ0sz0WrBuNq9kCx9tOlj+sqEAXZ0GaDsO1kZVZ4XNfZJ7fzrcFIC3SVpCRlswmQ66AFwYNAOzcjAS3xKSi3XO7DnJN+kfTXIwnF4v4meZsZ7Z7pN87z9iOLBo99lu0jxJ9wC8i8WWHT+5nZWytWYwlN9CnHeImmOLbAc29NEinetbvsdCvpOcRnu0jz6zfNlHJ/4dQEnWI49JQ2wNcMjifM1AgGlLJ0Ms8sInNvKydb0AcCd2tgJ4ZsEvDuk26idF5JoB5uyt86U4uXMl9dNWAE9I5vNj5zLS5kv43zdAs+XR6IJkNf8kVQFWenQZdeeTD9316yLEVYCxzvvM4rEBum3dBNC3YRNAD6pjqtghTUXS5+8nppkArX/OmU2Vbx1cS8kIBtsAnFnFf5/BBaDrokEO9t3qnH+WpbFV3CYHJfleUfbtMvKnJHdHysx8gMWg4FtdOWVbhC1fNl/gj7ZaxZI8MDzrGjr529gWU9HXAHhIcrVtgCkMVYARUgXATlIWgPk0k1X/wuCkYWFhME1YUzvJwuD/yKDH7PKemvqqh1LfjW0fAHyOn33ToLrpl678e7/7BoC78Z4+f57UvfeXaWbseLeN9f8+wB+5xdcP7atXzAAAAABJRU5ErkJggg==');
}

.banner .login-body .login-body-content .el-col-24 .login-btn:hover #icon3{
	 content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAslJREFUWEftmO1xFDEMhqUKoAPogHQAVAAdkFRAqADSQVIBlw6SCoAKCB0kHUAFYp4b+cbnkz/2g5Af55mbueztyo9eW6+8UXniQ584nxwBl67Qqgqa2UuAVPV+KVh6fhVAB/ssIqceeCMiF2uALgI0s+ciAth5RTFAP6nq77mKzgJ0sI8OBmRrAHcpIldzQCcBDoD9cNLXAfEs0GFAM/vgSkSKAfZFVb8DZmZv+FtEaqDcezWy7F1AB2OybYUW44FlVtWbaDIze+9JvQh+p9IBvW6BVgEHwAhOEXSHmVHdJDkZ9ADQl4fKZJkixYbByoc7oHde8dttksYOsAP2x5fqck4l5hN6oWFLfJ4FIgCIh25B1U32a0Wx1cACNSm2HugZgD9F5CTI5ALVlirW26CZomyrctwBaJUg7AkM9vZfQTrcO1cyEumhBZi4MVhshE4A9OJhZsDQibChWifCwk5LQC5GVpCg2LibnnfVMnDrwnIih0iP3focW28tAdl3eBtB+NRgUZX7ULV5tPIiRC3itdQiHsnvxTsAVFUMdTvMjD1I8NYIVR1Ui7gkWTsNHSpYAAKbVxe2E3kXE5F56iyoFbVG7itj4Hk7UUolegruAaoq96fljw4CLaU5ULCEm8I51gXMlh+FSIBKrKmKWmx22uNubz0KYAbKxgeSffTKr/9yD72JPPRRAfM1dX/jpanpl/8NcNTBj4CjSjU6St7/u1VMV0hVeJafks2s9MG36Zw2F9LPnd+y57uAqQLvVTW9eKdOQs/Mg3EdM76eCupgvHjtzSEizaRHXpoAInA5UJ5qpdWl7/k9nFiwIJJM38sYJFoC793TBZzQk6euerMHp2BDgA6ZOkek5hQ4jlO8qg79g2kYMOgcLB3QvZ5MDwaGrRB2llZ2kwEb1gFsOsFQcEMK9aRfDbA30dzfj4BzlZtcxUsnmvv8X9b5gTuT80HMAAAAAElFTkSuQmCC');
}

.banner .login-body .login-body-content .el-col-24 .login-btn:hover #icon4{
	 content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAABGVJREFUWEfNmI1VE1EQhUkFagUuFQgVuFYgVGCsQKjAUIFYgaECsQJDBUIFhgqUCuL91pk973d3E4OHOeedhPczc2fmvnkTZgdPXGZPHN/BXgBuNpvXcvRI47k5/Fuft7PZ7OZfA7AzQIFqZPyjxnwExFLrFwK73gXsTgAFDlCfgohhO40WUXUhoucCCditpApQIEjXB40TSx9Gju37V7Nyp8+FDF+XrEoHZxcar2z9VJ+3Gj/MOb5z9rN0oD+TIkAphk/fTUl4CIA+fyWl8ynhkD4i904DEG8MYHi0m5c+AEeSATRuuYf3FoG1eX6mT3jH/FHN69SIZQPjLzUuNC45r9GYfuYBeZjqLAF0b0lfGx6QIYCjGD5hZLLoLM7BW243mejEwK/0FRqQavb1UgL4S6vwj5BzsBcp29gfx6V0DKE12uDggc5GdrXWahrqrLV0WAVo3gBwSEm2NgSs4uCQ8y/CrNU8udMmUhlGz718LIBrGYOLEfjJoQ7S8FgAfwpcMwYQ7tVS3K9pT5SGKSkO6TPE75SfpUvCdX+mwZUn7GGa/ZJkHBoDGWYgddBKGxF8kE1/zzuVJYArzfNMvU+fpuAWn9ZejxpQe1W6F6hwi+ea/qJxo7U21FEC6PVqpc1U/TCCDj6rVxMiSN3k6cxABPU1C0oJICEmtaQ5ipQULTTHSxIV2zFwrAcgIues8SB6DxrN6EtiyhwIfAQkkcMIpacrtpLJPKydM16SdoJyITvYjWSom+Ht9C6kvzBS6vMZBWqR1BleiVbjXiAac5ZPLgaSpd11jbVb/sD30Upu4+ibHKQQmz3HAj2DjUeNg2/N4xMLf5ROKV9p3hvSS0XlvBQ97eNSeFPxTfvQ10kAEBpda5CRq1RPD9AKKQq5xVEt0t9RTUw6EHRmkQy6F9ZLnVGYYscFWBzqG9gOYEJWpgg7UepGWrDtDE6wDk9LpWOpeZrUagqtQLfawyC6VA4EoGTtdmY3zLvkrkFNC7S7FwDzX3Eo5WaXAAKefWsNwMJn9mG8KMbXhRa9gX0DQL9h5P+spMA8hZdzA5QaiPhljsArzqQCUABzBvCRGH1IM9FfAdDf16wBsM10wQArCRHHCI5huBfLDIYaDSJSEoDC3yiqZvdv02JvJO8jHocGAJX+tITsfuNWFaPFaeN5q0Vo4fWVvYDLfpL2uEraklrHFtJPOYmitA3AxHl4S7UgjS7Fl6lYqIM6R8Tm+wKWOmQ0IBPc3ozH7K8BdF5u3VZtG1VLZbENGwK41iLE/p8As99BQwCXxg84BzeqtWvbiCVcpNhT5uDklezMU321FDfaCDi4QTR55OHK3sQuIn0gtugF+U8FtiIZ6mbwClD+/HC4KzEapCNTNoTeij3lpdWg1AAMARz/wShWiCpATlrBXOgrTURJADkGFCAOJtQBsKUGT2uVQoMAXZsBxWu8Z9Rehoof/XTYhFxP4fYkgCWrxiGWahFirY/wrhzeGeBYqPa1/uQB/gGUkEh51BybSAAAAABJRU5ErkJggg==');
}

.banner .login-body .login-body-content .el-col-24 .login-btn .login-line{
	font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 20px;
    color: #24344b;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    display: flex;
    height: 100%;
}


.banner .login-body .login-body-content .el-col-24 .login-btn .login-line .el-col-2{
	font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 20px;
    color: #24344b;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    width: 8.33333%;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.banner .login-body .login-body-content .el-col-24 .login-btn .login-line .el-col-22{
	font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 20px;
    color: #24344b;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    width: 91.66667%;
    display: flex;
    align-items: center;
    padding: 0 15px;
}