.tec-banner-box {
    width: 100vw;
    display: flex;
    justify-content: center;
}

.tec-banner {
    width: 1920px;
    height: 500px;
    background: url(/Public/static/img/energy-banner-car.jpg) center center no-repeat;
    background-size: cover;
}

.bottom-banner {
    width: 1200px;
    height: 438px;
    background: url(/Public/static/img/energy_bottom_car.jpg) center center no-repeat;
    background-size: cover;
    margin-top: 32px;
    position: relative;
}

.hire_button {
    width: 196px;
    height: 57px;
    background: url(/Public/static/img/hire_button.png) center center no-repeat;
    position: absolute;
    left: 108px;
    top: 293px;
}

.body_container {
    width: 1200px;
    margin: 80px auto;
}

.pro_info {
    width: 1200px;
    height: 248px;
    background: linear-gradient(-82.51deg, #169993 0%, #ACEDFF 41%, #2570FF 99%);
    border-radius: 8px;
}

.pro_info img {
    width: 120px;
    height: 120px;
    padding: 40px;
}

.pro_info > div > div {
    display: flex;
    background-color: #fff;
    border-radius: 8px;
    height: 202px;
}

.top_info {
    display: flex;
    margin-bottom: 16px;
    padding: 22px 26px 0 26px;
}


.top_info > div {
    flex: 1;
}

.bottom_info {
    display: flex;
    margin: 0 26px;
}

.bottom_info > div {
    width: 370px;
}

.bottom_info > div:nth-child(1) {
    margin-right: 20px;
}

.bottom_info > div:nth-child(2) {
    margin-right: 20px;
}

.info_detail {
    padding: 60px 0;
    margin: 0 !important;
}

.info_detail > div:nth-child(1) {
    font-size: 24px;
    color: #1D53E0;
    line-height: 28px;
}

.info_detail > div:nth-child(2) {
    font-size: 38px;
    color: #1D53E0;
    line-height: 46px;
    margin-top: 10px;
    font-weight: bold;
}

.bottom_need {
    width: 1200px;
    min-height: 520px;
    background-color: #D1E4FD;
    position: relative;
}

.need_content_img {
    width: 1000px;
    height: 360px;
    background: url(/Public/static/img/energy_need_car.png) center center no-repeat;
}

.sign_button {
    width: 200px;
    height: 64px;
    background: linear-gradient(90deg, #1275FC 0%, #1998FF 100%);
    position: absolute;
    bottom: 40px;
    right: 500px;
    cursor: pointer;
    text-align: center;
    line-height: 64px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    border-radius: 43px;
}

.announcement-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.pop_bg {
    width: 100%;
    height: 100%;
    background-color: #33333398;
    margin: 0;
}

.pop_title {
    font-size: 24px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    font-weight: bold;
}

.pop_container {
    position: fixed;
    width: 1000px;
    height: 800px;
    left: calc(50% - 500px);
    top: calc(50% - 400px);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 999;
}
.pop_container_id {
    position: fixed;
    width: 300px;
    height: 270px;
    left: calc(50% - 150px);
    top: calc(50% - 135px);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

.pop_container textarea {
    font-size: 16px;
    line-height: 34px;
    padding: 0 20px;
}

.pop_button {
    /*margin-top: 14px;*/
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #0A6ACC;
    background-color: #0A6ACC;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
}

.app_title {
    width: 1200px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #409EFF;
    line-height: 28px;
    padding: 20px 0 10px 0;
}

.app_list_container {
    width: 1200px;
    margin: 30px auto 0;
}

.app_list {
    display: flex;
    margin-bottom: 20px;
}

.app_list > div:nth-child(1) {
    width: 160px;
    margin-left: 0;
    text-align: right;
    margin-right: 20px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
}

.red {
    color: #E80000;
}

.app_list > div:nth-child(2) {
    flex: 1;
}

.app_list > div:nth-child(2) > input {
    border: 1px solid #99999980;
    width: 540px;
    height: 40px;
    font-size: 16px;
    padding-left: 10px;
}

.app_list textarea {
    padding: 10px;
    border: 1px solid #99999980;
    width: 532px !important;
    font-size: 16px;
}

textarea::-webkit-input-placeholder {
    color: #666;
}

.pop_notice {
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    font-weight: bold;
    color: red;
}

.salary_container {
    width: 554px;
    margin: 0 !important;
    display: flex;
}

.salary_container > input {
    flex: 1;
    border: 1px solid #99999980;
    font-size: 16px;
    padding-left: 10px;
}

.unit {
    width: 80px;
    height: 44px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    background-color: #999;
}

#file {
    display: none;
}

#file1 {
    display: none;
}

.img_container {
    display: flex;
    margin-top: 20px;
}

.img_container > div {
    margin-left: 0;
    margin-right: 20px;
}

.sub_button {
    width: 200px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background-color: #0A6AB9;
    color: #fff;
    margin-bottom: 20px;
    margin-left: 180px !important;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 0 !important;
}

.img_content {
    position: relative;
}

.img_content > img:nth-child(1) {
    margin-right: 20px;
}

.img_content > img:nth-child(2) {
    width: 30px;
    height: 30px;
    top: -15px;
    right: 6px;
    position: absolute;
    cursor: pointer;
}

.select {
    width: 175px;
    font-size: 16px;
    color: #999;
    border: 1px solid #99999980;
    height: 44px;
    padding-left: 10px;
    margin-right: 10px;
}

.car_select {
    width: 554px;
    font-size: 16px;
    color: #999;
    border: 1px solid #99999980;
    height: 44px;
    padding-left: 10px;
    margin-right: 10px;
}

.select_container {
    line-height: 44px;
    margin-left: 0;
}

.sing_info_containers {
    width: 1000px;
    margin: 10px auto 20px;
}

.sing_info_containers > div:nth-child(1) {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.sing_info_container > div:nth-child(1) {
    display: flex;
    width: 1000px;
    height: 60px;
    background-color: #fff;
    line-height: 60px;
    margin: 0 auto 0;
    flex-direction: row;
    justify-content: space-between;
}

.sing_info_container > div > div {
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
}
.sing_info_container > div > div:nth-child(1){
    width: 250px;
}
.sing_info_container > div > div:nth-child(2){
    width: 150px;
}
.sing_info_container > div > div:nth-child(3){
    width: 170px;
}
.sing_info_container > div > div:nth-child(4){
    width: 150px;
}
.sing_info_container > div > div:nth-child(5){
    flex: 1;
}

.sing_info_container > div > div:last-child {
    cursor: pointer;
    color: #409EFF;
}

.sing_info_container > div:nth-child(2) > div:last-child > span {
    margin-left: 10px;
}

.submit_container {
    display: flex;
}

.go_back {
    width: 200px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background-color: #fff;
    border: 1px solid #0A6AB9;
    color: #0A6AB9;
    border-radius: 4px;
    margin-left: 20px;
    cursor: pointer;
}

.select_container_show > div {
    width: 542px !important;
    border: 1px solid #99999990;
    line-height: 44px;
    padding-left: 10px;
    font-size: 16px;
    margin-left: 0 !important;
    min-height: 44px;
}

.show_go_back {
    margin-left: 180px !important;
    margin-bottom: 20px;
}

.radio {
    margin-left: 0;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;

}

.radio-label {
    font-size: 16px;
    margin-top: -8px;
    line-height: 20px;
}

.radio input[type=radio] {
    position: absolute;
    opacity: 0;
}

.radio input[type=radio] + .radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.radio input[type=radio]:checked + .radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type=radio]:focus + .radio-label:before {
    outline: none;
    border-color: #3197EE;
}

.radio input[type=radio]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio input[type=radio] + .radio-label:empty:before {
    margin-right: 0;
}

.radio_container {
    display: flex;
    flex-direction: column;
}

.audit {
    font-size: 16px;
    line-height: 45px;
    color: red;
}

.red {
    color: red;
}

#mapContainer {
    width: 1000px;
    height: 480px;
    margin-left: 0;
}

.area_top {
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 10px;
}

.image_example {
    cursor: pointer;
    font-size: 16px;
    margin: 30px 20px !important;
    line-height: 30px;
    color: #0A6AB9;
}

.map_container {
    position: relative;
}

.search_container {
    position: absolute;
    top: 20px;
    left: 20px;
}

.search_container > span {
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
}

.search_input {
    background-color: #fff;
    width: 300px;
    height: 32px;
    border: 1px solid #99999990;
    border-radius: 4px;
    font-size: 14px;
}

.map_list_container {
    position: absolute;
    top: 65px;
    left: 90px;
    background-color: #fff;
    width: 304px;
    height: 265px;
    border: 1px solid #efefef;
    border-radius: 4px;
}

.map_list_container > ul {
    height: 100%;
    overflow: auto;
}

.map_list_container > ul > li {
    padding: 2px 0;
    cursor: pointer;
}

.map_list_container > ul > li:hover {
    background-color: #efefef;
}

.map_list_container > ul > li p {
    padding: 0 8px;
}

.point_area {
    font-size: 16px;
    margin: 10px 0;
}

.other_area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
}

.other_area > input {
    width: 16px;
    height: 16px;
}

.other_area > span {
    margin-left: 4px;
}

.no_search {
    text-align: center;
    padding: 40px;
    font-size: 16px;
    color: #999999;
}

.work_container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    font-size: 16px;
    height: 44px;
}

input[type='radio'] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ccc;
    position: relative;
    margin-top: -4px;
}

input[type='radio']:checked:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: #0A6AB9;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.sign_button_container{
    width: 100px;
    margin: 30px auto 10px;
    display: flex;
}
.sign_button_container>div{
    text-align: center;
    flex: 1;
    background: linear-gradient(90deg, #1275FC 0%, #1998FF 100%);
    color: #fff;
    border-radius: 4px;
    padding: 10px 0;
    cursor: pointer;
}
.sign_button_container>div>p{
    font-size: 20px;
    line-height: 30px;
}
.sign_button_container>div:nth-child(2){
    margin-left: 120px;
    margin-right: 120px;
}
.button_remarks{
    font-size: 16px;
    margin-left: 100px;
    padding-bottom: 10px;
    color: #333;
}

.line_two>div:nth-child(3){
    opacity: 0;
}