.top {width: 100%;height: 450px;background: url("/images/top.png")no-repeat;}
.top_main {display: flex;align-items: center;justify-content: space-between;padding: 27px 0;}
.top_left {display: flex;flex-direction: column;align-items: flex-start;}
.top_tip {height: 51px;background: #6C6EFF;border-radius: 0px 26px 0px 26px;padding: 14px 21px;font-size: 24px;color: #FFFFFF;}
.top_need {margin-top: 30px;font-size: 50px;font-weight: bold;color: #FFFFFF;}
.top_send {margin-top: 30px;font-size: 30px;color: #FFFFFF;}
.top_btn {margin-top: 30px;width: 196px;}
.top_form {width: 310px;height: 396px;background: #FFFFFF;border: 5px solid #FFFFFF;border-radius: 10px;padding: 24px 26px;}
.top_form_title {font-size: 18px;font-weight: bold;}
.top_form_sub {margin-top: 26px;color: #999999;font-size: 12px;}
.top_ul {margin-top: 9px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.top_ul li {width: 122px;height: 34px;border: 1px solid #D6D6D6;border-radius: 4px;font-size: 12px;text-align: center;line-height: 34px;margin-bottom: 10px;cursor: pointer;}
.top_li_active {color: #6C6EFF !important;background: rgba(108, 110, 255, 0.15) !important;border: 1px solid transparent !important;}
.top_item {position: relative;width: 100%;height: 48px;margin-bottom: 10px;}
.top_item_input {width: 100%;height: 100%;background: #FFFFFF;border: 1px solid #D6D6D6;border-radius: 4px;padding: 0 30px 0 47px;font-size: 12px;}
.top_item_input:focus {border: 1px solid #6C6EFF !important;}
.top_item_icon {position: absolute;top: 50%;left: 14px;transform: translateY(-50%);width: 20px;}
.top_item_icon2 {width: 17px;}
.top_item_select {position: absolute;top: 50%;right: 18px;transform: translateY(-50%);width: 13px;}
.top_read {margin-top: 2px;font-size: 12px;display: flex;align-items: center;color: #999999;}
.top_read span {color: #6C6EFF;cursor: pointer;}
.top_read input {margin-right: 5px;}
.top_form_btn {width: 100%;margin-top: 12px;}

.ban_desc {display: flex;align-items: center;justify-content: center;margin-top: 19px;font-size: 12px;color: #666666;}
.ban_desc p {line-height: normal;}
.ban_desc span {color: #FF7D22;}
.ban_desc img {width: 18px;height: 16px;margin-right: 7px;}
.ban_desc_today {margin: 0 20px;padding: 0 20px;border-right: 1px solid #999999;border-left: 1px solid #999999;}
.def {display: flex;align-items: center;margin-top: 68px;}
.def_text_title {font-size: 28px;}
.def_text_desc {font-size: 14px;margin-top: 32px;color: #666666;line-height: 30px;}
.def_text_desc span {font-size: 18px;color: #333;}
.def_img {width: 520px;height: 290px;flex: 1;margin-left: 77px;}
.title {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-top: 75px;}
.title::after {content: "";position: absolute;bottom: -13px;left: 50%;transform: translateX(-50%);width: 32px;height: 3px;background: #6C6EFF;border-radius: 2px;}
.title_index {position: absolute;top: -35px;left: 50%;transform: translateX(-50%);font-size: 60px;font-weight: 600;color: #6C6EFF;opacity: 0.2;}
.title_main {font-size: 28px;}
.title_desc {margin-top: 13px;font-size: 14px;color: #666666;}
.bad {margin-top: 49px;padding-top: 1px;background: #F4F7FF;padding-bottom: 50px;}
.bad_ul {margin-top: 56px;display: flex;align-items: center;justify-content: space-between;}
.bad_li {position: relative;width: 280px;height: 260px;border-radius: 10px;background-repeat: no-repeat;overflow: hidden;}
.bad_bg {content: "";position: absolute;bottom: -16px;left: -4px;width: 294px;height: 120px;background: #575757;opacity: 0.85;transform: rotateZ(-7deg);}
.bad_text {position: absolute;bottom: 17px;left: 50%;transform: translateX(-50%);text-align: center;color: #fff;z-index: 2;}
.bad_text p:nth-child(1) {font-size: 16px;}
.bad_text p:nth-child(2) {font-size: 12px;margin-top: 14px;line-height: 21px;}
.good_ul {margin-top: 56px;display: flex;align-items: center;justify-content: space-between;}
.good_li {position: relative;width: 280px;height: 260px;border-radius: 10px;background-repeat: no-repeat;overflow: hidden;}
.good_bg {content: "";position: absolute;bottom: -16px;left: -4px;width: 294px;height: 120px;background: #6C6EFF;opacity: 0.85;transform: rotateZ(-7deg);}
.good_ul li:nth-child(even) .good_bg {background: #FF6666;}
.good_text {position: absolute;bottom: 17px;left: 50%;transform: translateX(-50%);text-align: center;color: #fff;z-index: 2;}
.good_text p:nth-child(1) {font-size: 16px;white-space: nowrap;}
.good_text p:nth-child(2) {font-size: 12px;margin-top: 14px;line-height: 21px;white-space: nowrap;}
.good_btn {width: 120px;height: 40px;border: 1px solid #6C6EFF;border-radius: 4px;text-align: center;line-height: 40px;margin: 14px auto 0;color: #6C6EFF;font-size: 14px;cursor: pointer;}
.good_ul li:nth-child(even) .good_btn {color: #FF6666;border: 1px solid #FF6666;}
.ind {margin-top: 49px;padding-top: 1px;width: 100%;height: 567px;background: #F4F7FF;}
.ind_main {margin-top: 56px;display: flex;align-items: center;justify-content: space-between;}
.ind_ul {display: flex;align-items: center;flex-wrap: wrap;flex: 1;margin-right: 67px;}
.ind_ul li {width: 140px;height: 48px;border: 1px solid #D6D6D6;border-radius: 4px;text-align: center;line-height: 48px;font-size: 14px;margin: 0 14px 16px 0;cursor: pointer;}
.ind_select {color: #6C6EFF !important;background: rgba(108, 110, 255, 0.15);border: 1px solid transparent !important;}
.ind_desc {position: relative;width: 517px;height: 330px;background-color: #fff;background-repeat: no-repeat;padding: 40px;}
.ind_desc_title {position: relative;font-size: 20px;padding-top: 30px;}
.ind_desc_title::before {content: "";position: absolute;top: 0;left: 0;width: 62px;height: 3px;background: #6C6EFF;border-radius: 2px;}
.ind_desc_text {margin-top: 36px;font-size: 14px;color: #666666;}
.ind_desc_text p {margin-bottom: 15px;}
.ind_desc_text span {color: #333;}
.ind_btn {position: absolute;bottom: 40px;left: 40px;width: 258px;}
.ser {width: 100%;height: 647px;background: url("/images/fwnr.png") no-repeat;padding-top: 1px;}
.ser .title_index {color: #FFFFFF;}
.ser .title_main {color: #FFFFFF;}
.ser .title_desc {color: #FFFFFF;}
.ser .title::after {background: #fff;}
.ser_main {margin-top: 56px;display: flex;align-items: center;justify-content: space-between;}
.ser_box {position: relative;width: 580px;height: 410px;background: #FFFFFF;border-radius: 10px;padding: 20px 30px;}
.ser_title {width: 194px;height: 46px;background: #6C6EFF;color: #FFFFFF;text-align: center;line-height: 46px;border-radius: 30px;margin: 0 auto;}
.ser_ul {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.ser_ul .ser_li {width: 50%;}
.ser_li {display: flex;align-items: center;margin-top: 20px;font-size: 14px;}
.ser_index {width: 22px;height: 22px;background: #6C6EFF;border-radius: 50%;color: #fff;text-align: center;line-height: 22px;margin-right: 10px;}
.ser_btn {position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);width: 258px;}
.pre_ul {margin-top: 56px;display: flex;align-items: center;justify-content: space-between;}
.pre_li div {width: 216px;height: 160px;background: #F4F7FF;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.pre_li p {margin-top: 18px;text-align: center;color: #666666;font-size: 16px;}
.pro {width: 100%;height: 140px;background: #7A7FFD;margin-top: 50px;background: url("/images/fwlc.png") no-repeat;}
.pro_main {display: flex;align-items: center;justify-content: space-between;height: 100%;}
.pro_title {font-size: 34px;font-weight: bold;color: #FFFFFF;line-height: normal;}
.pro_ul {display: flex;align-items: center;justify-content: space-between;}
.pro_li {display: flex;align-items: center;margin-right: 73px;}
.pro_li div {width: 64px;height: 64px;background-image: linear-gradient(to bottom right, #6369ED, #7A7FFD);border-radius: 50%;font-size: 48px;color: #FFFFFF;text-align: center;line-height: 64px;font-family: fantasy;}
.pro_li p {font-size: 14px;color: #FFFFFF;margin-left: 23px;line-height: normal;}

.ask {padding-top: 1px;width: 100%;background: #F4F7FF;}
.ask_ul {margin-top: 57px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.ask_li {position: relative;width: 366px;height: 196px;background: #F8F8FC;border-radius: 10px;background-image: linear-gradient(to bottom right, #fff 50%, #F8F8FC 50%);margin-bottom: 50px;}
.ask_li_avatar {position: absolute;bottom: 0;left: 15px;}
.ask_li_info {margin-left: 202px;}
.ask_li_info_name {margin-top: 30px;display: flex;align-items: center;}
.ask_li_info_name p:nth-child(1) {font-size: 20px;font-weight: bold;}
.ask_li_info_name p:nth-child(2) {margin-left: 8px;font-size: 14px;padding: 5px 8px;background: linear-gradient(-30deg, #FDDE9E, #FEEECE);border-radius: 12px;color: #A8802D;}
.ask_li_info_text {margin-top: 19px;color: #666666;font-size: 14px;line-height: normal;}
.ask_li_info_text span {color: #FF7D22;}
.ask_li_info_btn {width: 120px;height: 40px;border: 1px solid #FF6666;border-radius: 4px;font-size: 14px;color: #FF6666;text-align: center;line-height: 40px;margin-top: 19px;cursor: pointer;}
.ask_li_info_btn:hover {background: #FF6666;color: #FFFFFF;}
.lay {width: 100%;height: 647px;background: url("/images/bjqg.png") no-repeat;padding-top: 1px;}
.lay_main {margin-top: 56px;display: flex;align-items: center;}
.lay_swiper {position: relative;width: 840px;height: 410px;background: #FFFFFF;border-radius: 10px 0px 0px 10px;padding: 50px 72px 30px 72px;display: flex;justify-content: center;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.75);opacity: 0.6;}
.swiper-slide-active,
.swiper-slide-duplicate-active {transform: scale(1);z-index: 10;opacity: 1;}
.lay_ctx {width: 370px;height: 329px;}
.lay_ctx img {width: 370px;height: 298px;object-fit: cover;}
.lay_ctx p {font-size: 14px;color: #666666;margin-top: 14px;}
.lay_left {position: absolute;top: 50%;left: 30px;transform: translateY(-50%);width: 20px;height: 20px;cursor: pointer;}
.lay_right {position: absolute;top: 50%;right: 30px;transform: translateY(-50%);width: 20px;height: 20px;cursor: pointer;}
.lay_desc {width: 360px;height: 410px;background: #6C6EFF;padding: 40px 20px;}
.lay_item {width: 256px;margin: 0 auto;}
.lay_desc_text {margin-top: 33px;color: #FFFFFF;font-size: 14px;line-height: 30px;}

.why_ul {margin-top: 56px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.why_li {margin-bottom: 39px;}
.why_img {position: relative;width: 216px;height: 216px;border-radius: 50%;overflow: hidden;}
.why_img img {width: 100%;height: 100%;object-fit: cover;}
.why_img p {position: absolute;bottom: 18px;left: 0;width: 100%;height: 52px;background: rgba(108, 110, 255, 0.75);font-size: 20px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 52px;}
.why_text {text-align: center;margin-top: 17px;font-size: 14px;color: #666666;}

.ass {padding-top: 1px;padding-bottom: 20px;margin-top: 49px;background: #F4F7FF;}
.ass_ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 57px;}
.ass_li {width: 366px;height: 100px;background: #FFFFFF;box-shadow: 2px 3px 18px 0px rgba(0, 4, 85, 0.05);border-radius: 50px;display: flex;align-items: center;padding: 20px 42px 20px 20px;margin-bottom: 30px;}
.ass_li_icon {width: 60px;height: 60px;background: rgba(108, 110, 255, 0.06);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.ass_li_text {flex: 1;margin-left: 21px;}
.ass_li_text p:nth-child(1) {font-size: 20px;font-weight: bold;}
.ass_li_text p:nth-child(2) {font-size: 14px;margin-top: 11px;line-height: normal;color: #666666;}
.req_five {margin-top: 57px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.req_five_li {display: flex;width: 48%;margin-bottom: 29px;}
.req_five_ask {width: 28px;height: 28px;background: #6C6EFF;border-radius: 50%;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 28px;margin-right: 14px;}
.req_five_text {flex: 1;}
.req_five_text p:nth-child(1) {font-size: 14px;margin-top: 7px;}
.req_five_text p:nth-child(2) {margin-top: 12px;font-size: 12px;line-height: normal;color: #666666;}
.req_btn {width: 210px;margin: 10px auto 0;}
.get {padding-top: 1px;margin-top: 49px;width: 100%;height: 531px;background: #F4F7FF;}
.get_ul {display: flex;align-items: center;justify-content: space-between;margin-top: 57px;}
.get_li {position: relative;width: 280px;height: 294px;background: #FFFFFF;box-shadow: 2px 3px 18px 0px rgba(0, 4, 85, 0.05);border-radius: 10px;}
.get_li div {width: 100%;height: 253px;display: flex;align-items: center;justify-content: center;}
.get_li p {position: absolute;bottom: 21px;left: 50%;transform: translateX(-50%);font-size: 20px;font-weight: 600;}

.more {margin-bottom: 63px;}
.more_ul {margin-top: 57px;display: flex;align-items: center;justify-content: space-between;}
.more_li {display: flex;flex-direction: column;align-items: center;}
.more_li_pic {width: 216px;height: 150px;border-radius: 10px;overflow: hidden;}
.more_li_title {margin-top: 13px;font-size: 20px;font-weight: bold;}
.more_li_desc {margin-top: 17px;font-size: 14px;line-height: normal;}
.more_li_text {margin-top: 17px;font-size: 14px;color: #666666;}
.more_li_text span {color: #FF7D22;}
.more_li_btn {width: 216px;height: 48px;border: 1px solid #FF6666;border-radius: 4px;color: #FF6666;font-size: 16px;text-align: center;line-height: 48px;margin-top: 13px;}
.more_li_btn:hover {background: #FF6666;color: #FFFFFF;cursor: pointer;}
.city {position: relative;}
.city_icon {position: absolute;top: 50%;left: 14px;transform: translateY(-50%);width: 20px;z-index: 1;}
.city .el-cascader,
.city .el-input {width: 100%;height: 48px;}
.city .el-input__inner {padding: 0 15px 0 47px;height: 100%;
}