@charset "utf-8";

/* CSS Document*/
body {
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'microsoft yahei';
    -webkit-text-size-adjust: none;
    height: auto;
    color: #333;
    background: #fff;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
}

html {
    min-width: 1280px;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0;
}

pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th {
    padding: 0;
    margin: 0;
}

fieldset {
    border-top-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
}

a img {
    border: 0;
    padding: 0;
    margin: 0;
}

i {
    font-style: normal;
}

address,
caption,
cite,
cite,
code,
dfn,
em,
th,
var {
    font-weight: normal;
    font-style: normal;
}

li {
    list-style-type: none;
}

caption {
    text-align: left;
}

th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

q:unknown {
    content: '';
}

input,
textarea,
select {
    font-family: inherit;
    font-size: 100%;
}

a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #00b2ab;
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    font-size: 0;
    margin: 0;
    padding: 0;
    display: block;
    _height: 0;
    overflow: hidden;
}

/*清除浮动*/
.clearfix {
    *zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.blank-view-container {
    background-color: #fff;
    overflow: hidden;
}

.quick-form-container {
    padding-bottom: 0px;
}

.quick-form-container .quick-form-content {
    position: relative;
    z-index: 1;
}

.quick-form-container .quick-form-content .quick-form-header {
    margin: 0 auto 16px;
    max-width: 1280px;
    margin-top: 20px;
    height: 480px;
    background-image: url(../images/20250825175924415356.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 5px;
}

.quick-form-container .quick-form-content .form-area {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f4f5f7;
}

.quick-form-container .quick-form-content .form-area .planlist-carousel-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.quick-form-container .quick-form-content .form-area .planlist-area {
    overflow: hidden;
    position: relative;
}

.quick-form-container .quick-form-content .form-area .planlist-area .planlist-inner {
    display: flex
;
    transition: transform .3s
    ease;
    will-change: transform;
}



.quick-form-container .quick-form-content .form-area .planlist-area .every-plan-actived, .quick-form-container .quick-form-content .form-area .planlist-area .every-plan {
    flex: 0 0 auto;
    min-width: 0;
    padding: 20px;
    margin-right: 20px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}


.quick-form-container .quick-form-content .form-area .planlist-area .every-plan-actived {
    background-color: #e5f0f5;
    border: 1px solid #069;
}

.quick-form-container .quick-form-content .form-area .planlist-area.cols-3 .every-plan-actived, .quick-form-container .quick-form-content .form-area .planlist-area.cols-3 .every-plan {
    width: calc(33.33333% - 13.33333px);
}

.quick-form-container .quick-form-content .form-area .planlist-area .every-plan-actived .ep-title, .quick-form-container .quick-form-content .form-area .planlist-area .every-plan .ep-title {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    margin-bottom: 4px;
}
.quick-form-container .quick-form-content .form-area .planlist-area .every-plan-actived .ep-text, .quick-form-container .quick-form-content .form-area .planlist-area .every-plan .ep-text {
    font-size: 12px;
    color: #666;
    line-height: 16px;
    margin-bottom: 4px;
}
.actived-sign{
    display: none;
}

.quick-form-container .quick-form-content .form-area .planlist-area .every-plan-actived .actived-sign {
    position: absolute;
    right: -1px;
    bottom: -1px;
    line-height: 0;
    display: block;
}

.quick-form-container .quick-form-content .form-area .birdremind-area {
    background-color: #fff3de;
    color: #333;
    font-size: 14px;
    line-height: 28px;
    padding: 8px 12px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 20px;

}

.ant-form {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
}

.ant-row {
    position: relative;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    zoom: 1;
    display: block;
    box-sizing: border-box;
}


.ant-form-item {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    margin-bottom: 24px;
    vertical-align: top;
}

.ant-form-vertical .ant-form-item {
    padding-bottom: 8px;
}



.quick-form-container .quick-form-content .form-area .every-option {
    margin-bottom: 20px;
    padding-bottom: 0;
}



.ant-row+.ant-row:before, .ant-row:after {
    clear: both;
}
.ant-row:after, .ant-row:before {
    display: table;
    content: "";
}
.ant-col {
    position: relative;
    min-height: 1px;
}

.ant-form-item-control {
    position: relative;
    line-height: 40px;
    zoom: 1;
}

.ant-form-vertical .ant-form-item-control {
    line-height: 1.5;
}

.ant-form-item-children {
    position: relative;
}

 .ant-input {
    height: 52px;
    background-color: #fff;
}

.ant-input:placeholder-shown {
    text-overflow: ellipsis;
}

.quick-form-container .quick-form-content .form-area .planlist-area .every-plan-actived .actived-sign img{
    width: 35px;
    height: 35px;
}

.ant-input {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s;
    height: 52px;
    background-color: #fff;
    text-overflow: ellipsis;
}

.ant-input:focus {
    box-shadow: none;
    outline: 0;
}


.ant-input:focus, .ant-input:hover{
    border-color: #40a9ff;
    border-right-width: 1px !important;
}


.quick-form-container .quick-form-content .form-area .agree-area {
    margin-bottom: 20px;
}
.quick-form-container .quick-form-content .form-area .agree-area .agree-title {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}


.quick-form-container .quick-form-content .form-area .agree-area .check-text:last-child {
    margin-bottom: 0;
}


.quick-form-container .quick-form-content .form-area .agree-area .check-text {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color .2s
    ease;
}

.ant-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    line-height: unset;
    cursor: pointer;
}


.ant-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: -.09em;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
}


.quick-form-container .quick-form-content .form-area .agree-area .check-text .ant-checkbox {
    margin-right: 8px;
}

.quick-form-container .quick-form-content .form-area .operations-area {
    display: flex
;
    justify-content: center;
    margin: 50px 0;
}

.quick-form-container .quick-form-content .form-area .operations-area .reset-btn, .quick-form-container .quick-form-content .form-area .operations-area .submit-btn {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #069;
    color: #fff;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    border-radius: 4px;
    padding: 0 20px;
    margin-right: 20px;
}

.quick-form-container .quick-form-content .form-area .operations-area .reset-btn, .quick-form-container .quick-form-content .form-area .operations-area .submit-btn {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #069;
    color: #fff;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    border-radius: 4px;
    padding: 0 20px;
    margin-right: 20px;
}

.quick-form-container .quick-form-content .form-area .operations-area .reset-btn {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    transition: all .2s;
}

.quick-form-container .quick-form-content .form-area .operations-area .reset-btn:last-child, .quick-form-container .quick-form-content .form-area .operations-area .submit-btn:last-child {
    margin-right: 0;
}

.zffs{
    display: flex;
}

.zffs li{
    margin-right: 10px;
    background: #fff;
    padding: 5px 20px;
    width: 130px;
    border:  1px solid #fff;
    border-radius: 5px;
    overflow: hidden;
}

.zffs li img{
    width: 100%;
}

.zffs .actived{
    border: #40a9ff 1px solid;
}

.topp{
    margin: 0 auto 16px;
    max-width: 1280px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.topp .logo{
    float: left;
}
.topp .logo img{
    width: 400px;
}

.topp .login{
    text-align: right;
    float: right;
}

.topp .login a{
    display: inline-block;
    background: #0A71E4;
    color: #fff;
    border-radius: 5px;
    padding: 10px 30px;
}

.footerr{
    margin: 0 auto 16px;
    max-width: 1280px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    background: #f4f5f7;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 5px;
}

.footerr .left{
    line-height: 18px;
}

.footerr .left h2{
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
}

.footerr .right{
    line-height: 20px;
}

.pay-type-item{
    background: #fff;
    margin-right: 10px;
    border: #fff 1px solid;
}

.zffs .active{
    border: #0A71E4 1px solid;
}


@media screen and (max-width: 1200px) {

    html{
        width: 100%;
        min-width: 100%;
    }
    .topp{
        width: 100%;
    }

    .topp .logo img{
        width: 200px;
        padding-left: 20px;
    }

    .quick-form-container .quick-form-content .quick-form-header{
        width: 100%;
        height: 200px;
        border-radius: 0px;
    }

    .topp .login{
        margin-right: 10px;
    }

    .topp .login a{
        font-size: 12px;
        padding: 0 20px!important;
        height: 30px;
        line-height: 30px;
    }

    .quick-form-container .quick-form-content .form-area .planlist-area .every-plan-actived .ep-text, .quick-form-container .quick-form-content .form-area .planlist-area .every-plan .ep-text{

    }

    .quick-form-container .quick-form-content .form-area .planlist-area .planlist-inner{
        display: block;
    }

    .quick-form-container .quick-form-content .form-area .planlist-area.cols-3 .every-plan-actived, .quick-form-container .quick-form-content .form-area .planlist-area.cols-3 .every-plan{
        width: 100%;
        margin-bottom: 10px;
    }

    .footerr{
        margin-bottom: 0px;
    }

    .zffs{
        display: block;
    }
    .pay-type-item{
        margin-bottom: 10px;
    }
}