@charset "utf-8";
*{box-sizing: border-box;}
body {margin: 0;padding: 0;font-family: \5FAE\8F6F\96C5\9ED1;-webkit-tap-highlight-color: rgba(0,0,0,0);background-color: #ffffff;}
a:focus {outline: none;}/*点击a标签出现虚线边框*/
h1, h2, h3, h4, h5, h6, p, a, li, ul, dd, dl, dt, div, span, input, textarea, form, table, tr, td {margin: 0;padding: 0;font-weight: 500;}
ul,li{list-style: none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;}  /*input输入框在苹果手机上去除内阴影*/
textarea {resize: none;font-family: \5FAE\8F6F\96C5\9ED1;border: none;outline: none;}
input,button{font-family: \5FAE\8F6F\96C5\9ED1;border: none;outline: none;}
input[disabled]{opacity:1}
a {text-decoration: none;outline:none;-moz-outline-style:none;}
i {font-style: normal;}
.fl {float: left;}
.fr {float: right;}
img{border: none;outline: none;}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;}
.container{margin: 0 auto;width: 1200px;}
body{background-image: url(../images/fix_pet.png);background-size: 1000px auto;background-position: center top;background-repeat: no-repeat repeat;;}

/* index */

.indexmain .title{text-align: center;margin-bottom: 30px;}
.indexmain .title h3{height: 45px;font-size: 30px;color: #302d31;font-weight: 700;}
.indexmain .title h4{color: #a5a5a5;font-size: 18px;}
.indexmain .how{background: #f6f6f6;padding: 80px 0 80px;}

.hide {
    display: none;
}
.custom-list {
    background: #fff;
    margin-top: 15px;width: 1190px;
    margin: 0 auto;
}

.custom-list .custom-list-common ul {
    height: 130px
}

.custom-list .custom-list-common ul li {
    float: left;
    position: relative;
    width: 170px;
    height: 130px;
    border: 1px dashed #efefef;
    text-align: center;
    cursor: pointer
}

.custom-list .custom-list-common ul li.active div {
    transition: all .5s ease;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: linear-gradient(#3697e5,#2071b6);
    z-index: 1
}

.custom-list .custom-list-common ul li.active div p {
    color: #fff!important;display: inline-block;
}

.custom-list .custom-list-common ul li div {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 45px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.custom-list .custom-list-common ul li div span {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    text-align: center;
    line-height: 34px;
    vertical-align: middle
}

.custom-list .custom-list-common ul li div span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: middle
}
.custom-list .custom-list-common ul li div span img.img-start{display: none;}
.custom-list .custom-list-common ul li div span img.imgUrl{display: block;}
.custom-list .custom-list-common ul li.active div span img.imgUrl{display: none;}
.custom-list .custom-list-common ul li.active div span img.iconUrl{display: block;}
.custom-list .custom-list-common ul li div span i {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/hot.png) no-repeat
}

.custom-list .custom-list-common ul li div p {
    color: #666;
    margin-top: 5px;
    font-size: 14px;
    vertical-align: middle
}

.custom-list .custom-list-common ul li div .p-active {
    display: inline-block;
    vertical-align: middle
}

.custom-list .custom-list-common .custom-con-common {
    width: 100%;
    background: #fcfcfc;
    overflow: hidden
}

.custom-list .custom-list-common .custom-con-common .con-big {
    position: relative
}

.custom-list .custom-list-common .custom-con-common .con-big .con-comon {
    width: 393px;
    padding: 9px 0 0 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: text-top
}

.custom-list .custom-list-common .custom-con-common .con-big .con-comon .title-unit {
    color: #666;
    font-weight: 600;
    font-size: 15px;
    padding-left: 20px
}

.custom-list .custom-list-common .custom-con-common .con-big .con-comon .title-unit::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 14px;
    background: #bbb3aa;
    margin: 4px 0 0 -10px
}

.custom-list .custom-list-common .custom-con-common .con-big .con-comon .scope {
    width: 223px;
    color: #a8a8a8;
    padding: 12px 0 0 19px;
    line-height: 21px;
    font-size: 14px
}

.custom-list .custom-list-common .custom-con-common .con-big .con-comon .category {
    width: 315px;
    padding: 12px 0 0 19px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.custom-list .custom-list-common .custom-con-common .con-big .con-comon .category li {
    float: left;
    width: 120px;
    line-height: 25px;
    height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #999;
    margin-right: 9px;
    margin-bottom: 4px;
    font-size: 14px;
    border: 0;
    text-align: left;
    cursor: default
}

.custom-list .custom-list-common .custom-con-common .con-big .con-left::after,.custom-list .custom-list-common .custom-con-common .con-big .con-mid::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 66px;
    border-left: 1px dashed #f1eeeb;
    left: 338px;
    top: 57px
}

.custom-list .custom-list-common .custom-con-common .con-big .con-mid::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 66px;
    border-left: 1px dashed #f1eeeb;
    left: 770px;
    top: 57px
}

.custom-list .custom-list-common .custom-con-common .con-big .btn {
        padding: 0 10px;
        height: 42px;
        background: linear-gradient(#2697f4, #2981c9);
        color: #fff;
        text-shadow: 1px 1px 1px #327ebd;
        text-align: center;
        line-height: 42px;
        font-size: 16px;
        letter-spacing: 1px;
        cursor: pointer;
        width: 190px;
        display: block;
        margin: 0 auto 10px;
}

.industry-custom .custom-adv {
    width: 1190px;
    height: 92px;
    margin: 15px auto 0
}










.indexmain .why{padding: 80px 0 80px;}
.indexmain .why .switch{width: 1190px;margin: 0 auto;position: relative;}
.indexmain .why .switch ul{background: #9dd3ff;height: 81px;display: flex;align-items: center;line-height: 78px;}
.indexmain .why .switch ul li{cursor: pointer;width: 593px;height: 75px;vertical-align: middle;color: #2695f0;text-align: center;font-size: 24px;cursor: pointer;}
.indexmain .why .switch ul li.on{background: linear-gradient(#2597f4, #2982c9);color: #fff;}
.indexmain .why .switch .items{}
.indexmain .why .switch .item{display: none;}
.indexmain .why .switch .item.on{display: block;}
.indexmain .why .switch .register{display: block;width: 196px;height: 42px;line-height: 42px;text-align: center;color: #fff;background: linear-gradient(#2597f4, #2882ca);font-size: 16px;position: absolute;bottom: 20px;left: 50%;-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;}
.indexmain .process{background: #f6f6f6;padding: 80px 0 80px;}
.indexmain .process .content{width: 1190px;margin: 0 auto;background-color: #fff;}
.block2-con {
    width: 1190px;
    height: 462px;
    margin: 0 auto;
    background: #fff
}

.block2-con .block2-title-list {
    height: 58px
}

.block2-con .block2-title-list span {
    float: left;
    width: 297px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #2695f0;
    font-size: 18px;
    margin-top: 1px;
    background: #9dd3ff;
    cursor: pointer;
    letter-spacing: 1px
}

.block2-con .block2-title-list .block2-title-list-span-active {
    color: #fff;
    background: linear-gradient(#2597f4, #2981c9);
    position: relative
}

.block2-con .block2-title-list .block2-title-list-span-active:before {
    content: '';
    width: 0;
    position: absolute;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    top: 24px;
    left: 88px
}

.block2-con .block2-title-list .block2-title-list-span-active:after {
    content: '';
    width: 0;
    position: absolute;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
    top: 24px;
    right: 88px
}

.block2-con .block2-list-con div .block2-list-con-top {
    height: 245px;
    border-bottom: 1px solid #f6f6f6;
    position: relative
}

.block2-con .block2-list-con div .block2-list-con-top .top-left,.block2-con .block2-list-con div .block2-list-con-top .top-right {
    float: left;
    text-align: left;
    margin-left: 55px;
    margin-top: 25px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left h4,.block2-con .block2-list-con div .block2-list-con-top .top-right h4 {
    font-size: 18px;
    color: #666;
    font-weight: 500;
    letter-spacing: 1px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left h4::before,.block2-con .block2-list-con div .block2-list-con-top .top-right h4::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(../images/dot.png) top center no-repeat;
    margin: 4px 0 0 -27px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz {
    margin: 10px 20px 0 0;
    height: 110px;
    position: relative;
    float: left;
    width: 200px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b h5,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt h5,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz h5,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b h5,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt h5,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz h5 {
    font-weight: 500;
    font-size: 20px;
    color: #333;
    padding-left: 15px;
    margin-bottom: 10px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b h5::before,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt h5::before,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz h5::before,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b h5::before,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt h5::before,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz h5::before {
    content: '';
    width: 5px;
    height: 20px;
    position: absolute;
    background: #286bcc;
    margin: 4px 0 0 -12px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b p,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt p,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz p,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b p,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt p,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz p {
    font-size: 16px;
    color: #999
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b span,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt span,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz span,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b span,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt span,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz span {
    position: absolute;
    bottom: -20px;
    padding: 5px 10px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(#2597f4,#2981c9);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 5px #3c75a4;font-size: 12px;
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b .margin-bottom-span,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt .margin-bottom-span,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz .margin-bottom-span,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b .margin-bottom-span,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt .margin-bottom-span,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz .margin-bottom-span {
    bottom: -60px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b i,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt i,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz i,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b i,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt i,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz i {
    font-style: normal;
    position: absolute;
    bottom: 20px;
    padding: 5px 10px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(#2597f4,#2981c9);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 5px #3c75a4;font-size: 12px;font-size: 12px;
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b h6,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt h6,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz h6,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b h6,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt h6,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz h6 {
    font-weight: 500;
    font-size: 16px;
    color: #333;
    padding-left: 15px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b h6::before,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt h6::before,.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz h6::before,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b h6::before,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt h6::before,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz h6::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    background: #333;
    margin: 9px 0 0 -12px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz {
    width: 175px;
    height: 175px;
    background: #f6f6f6;
    margin: 12px 0 0 -21px;
    padding: 30px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 35px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-zz button,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-zz button {
    font-style: normal;
    padding: 6px 12px;
    letter-spacing: 1px;
    border: 0;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(#2597f4,#2981c9);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 5px #3c75a4;font-size: 12px;font-size: 12px;margin-bottom: 10px;
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt {
    width: 300px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt .slt,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt .slt {
    width: 109px;
    height: 142px;
    margin: -45px 0 0 170px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .con-b-slt span,.block2-con .block2-list-con div .block2-list-con-top .top-right .con-b-slt span {
    bottom: 37px
}

.block2-con .block2-list-con div .block2-list-con-top .top-left .qrcode,.block2-con .block2-list-con div .block2-list-con-top .top-right .qrcode {
    margin: 17px 0
}

.block2-con .block2-list-con div .block2-list-con-top .top-right {
    margin-left: 5px
}

.block2-con .block2-list-con div .block2-list-con-top .line {
    position: absolute;
    width: 1px;
    height: 100px;
    background: #e9e9e9;
    margin: 24px 0 0 -34px
}

.block2-con .block2-list-con div .block2-list-con-bottom {
    margin-left: 105px
}
.block2-con .block2-list-con div .block2-list-con-bottom p {
    font-size: 18px;
    color: #a5a5a5;
    margin-top: 23px;
    margin-bottom: 12px
}

.block2-con .block2-list-con div .block2-list-con-bottom span {
    display: inline-block;
    width: 460px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    position: relative
}

.block2-con .block2-list-con div .block2-list-con-bottom span i {
    position: absolute;
    right: 15%;
    font-style: normal;
    color: #2981c9;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer
}
.indexmain .brand{padding: 80px 0 80px;}
.indexmain .brand ul{width: 1190px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.indexmain .brand ul li{width: 260px;height: 230px;text-align: center;padding-top: 118px;}
.indexmain .brand ul li:nth-child(1){background: url(../images/pp1.png)no-repeat;}
.indexmain .brand ul li:nth-child(2){background: url(../images/pp2.png)no-repeat;}
.indexmain .brand ul li:nth-child(3){background: url(../images/pp3.png)no-repeat;}
.indexmain .brand ul li:nth-child(4){background: url(../images/pp4.png)no-repeat;}
.indexmain .brand ul li h4{color: #333;font-weight: 700;font-size: 18px;margin-bottom: 5px;height: 27px;}
.indexmain .brand ul li p{color: #666;font-size: 14px;height: 21px;}
.indexmain .brand ul li .btn{display: block;height: 46px;line-height: 46px;margin-top: 13px;color: #fff;font-size: 18px;cursor: pointer;}
.indexmain .ensure{background: #f6f6f6;padding: 80px 0 50px;}
.indexmain .ensure ul{display: flex;align-items: center;flex-flow: row wrap;justify-content: space-between;width: 1190px;margin: 0 auto;}
.indexmain .ensure ul li{text-align: center;width: 325px;height: 246px;background: url(../images/bg_pz.png) no-repeat;padding-top: 100px;margin-bottom: 40px;}
.indexmain .ensure ul li:nth-child(1){background-position: -2px -7px;}
.indexmain .ensure ul li:nth-child(2){background-position: -440px -7px;}
.indexmain .ensure ul li:nth-child(3){background-position: -869px -7px;}
.indexmain .ensure ul li:nth-child(4){background-position: -2px -296px;}
.indexmain .ensure ul li:nth-child(5){background-position: -441px -296px;}
.indexmain .ensure ul li:nth-child(6){background-position: -868px -296px;}
.indexmain .ensure ul li p{height: 35px;color: #333;font-size: 16px;text-align: left;margin: 0 auto;}
.indexmain .ensure ul li:nth-child(1) p{width: 145px;}
.indexmain .ensure ul li:nth-child(2) p{width: 115px;}
.indexmain .ensure ul li:nth-child(3) p{width: 100px;}
.indexmain .ensure ul li:nth-child(4) p{width: 115px;}
.indexmain .ensure ul li:nth-child(5) p{width: 100px;}
.indexmain .ensure ul li:nth-child(6) p{width: 115px;}
.indexmain .ensure ul li span{height: 30px;color: #666;font-size: 16px;letter-spacing: 1px;}
.indexmain .question{padding: 80px 0 80px;}
.indexmain .question ul{display: flex;align-items: center;flex-flow: row wrap;justify-content: space-between;width: 1190px;margin: 0 auto;}
.indexmain .question ul li{width: 211px;height: 232px;float: left;margin: 12px;text-align: center;color: #fff;position: relative;overflow: hidden;background: url(../images/bg_question.png) no-repeat;}
.indexmain .question ul li:nth-child(1){background-position: -16px -8px;}
.indexmain .question ul li:nth-child(2){background-position: -241px -8px;}
.indexmain .question ul li:nth-child(3){background-position: -473px -8px;}
.indexmain .question ul li:nth-child(4){background-position: -704px -8px;}
.indexmain .question ul li:nth-child(5){background-position: -934px -8px;}
.indexmain .question ul li:nth-child(6){background-position: -11px -259px;}
.indexmain .question ul li:nth-child(7){background-position: -241px -259px;}
.indexmain .question ul li:nth-child(8){background-position: -473px -259px;}
.indexmain .question ul li:nth-child(9){background-position: -705px -259px;}
.indexmain .question ul li:nth-child(10){background-position: -936px -259px;}
.indexmain .question ul li .img{position: absolute;top: 59px;left: 37.9%;display: block;width: 60px;height: 51px;background: url(../images/img_question.png) no-repeat;transition: top .6s;}
.indexmain .question ul li:nth-child(1) .img{background-position: -6px 0;}
.indexmain .question ul li:nth-child(2) .img{background-position: -72px 0;}
.indexmain .question ul li:nth-child(3) .img{background-position: -125px 0;}
.indexmain .question ul li:nth-child(4) .img{background-position: -188px 0;}
.indexmain .question ul li:nth-child(5) .img{background-position: -244px 0;}
.indexmain .question ul li:nth-child(6) .img{background-position: -303px 0;}
.indexmain .question ul li:nth-child(7) .img{background-position: -363px 0;}
.indexmain .question ul li:nth-child(8) .img{background-position: -428px 0;}
.indexmain .question ul li:nth-child(9) .img{background-position: -7px -49px;}
.indexmain .question ul li:nth-child(10) .img{background-position: -70px -52px;}
.indexmain .question ul li p{font-size: 16px;margin-top: 130px;transition: margin-top .6s;}
.indexmain .question ul li .get{position: absolute;width: 110px;height: 32px;border-radius: 15px;background: linear-gradient(#fa952b, #f16112);color: #fff;font-size: 16px;line-height: 32px;text-align: center;bottom: -32px;left: 50px;transition: bottom .6s;cursor: pointer;}
.indexmain .question ul li:hover .img{top: 40px;}
.indexmain .question ul li:hover p{margin-top: 110px;}
.indexmain .question ul li:hover .get{bottom: 25px;}
.indexmain .rightfix{position: fixed;right: 0;z-index: 12;bottom: 30px;cursor: pointer;display: block;width: 140px;}
.indexmain .leftfix{position: fixed;left: -21px;bottom: 10%;cursor: pointer;}
.indexmain .bottomfix{background: #383838;position:fixed;left:0;bottom:0;width: 100%;height: 96px;display: none;}
.indexmain .bottomfix .content{display: flex;justify-content: center;align-items: center;height: 96px;position: relative;width: 1200px;margin: 0 auto;}
.indexmain .bottomfix .content .close{cursor: pointer;margin-left: 20px;margin-top: -55px;}
.indexmain .bottomfix .content .avator{margin-top: -40px;}
.indexmain .bottomfix .content .text{margin: 0 20px 0 20px;}
.indexmain .bottomfix .content .input{width: 180px;height: 42px;background-color: #fff;font-size: 12px;margin-right: 12px;text-indent: 8px;;}
.indexmain .bottomfix .content .getCode{cursor:pointer;position: absolute;background: none;color: #ef5910;height: 42px;font-size: 13px;right: 223px;top: 27px;}
.indexmain .bottomfix .content .submit{width: 138px;height: 42px;line-height: 42px;text-align: center;background: #ef5910;color: #fff;font-size: 16px;letter-spacing: 1px;cursor: pointer;}



.maskindex {position: fixed;z-index: 99;background-color: rgba(0, 0, 0, 0.4);left: 0;top: 0;right: 0;bottom: 0; display: none; }
.maskindex .box {background-color: #ffffff;position: absolute;width: 690px;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.maskindex .box .close {position: absolute;top: 17px;right: 17px;width: 9px;height: 9px;cursor: pointer;background: url(../images/icons.png) no-repeat;background-position: 0 0;}
.maskindex .box .content {display: flex;height: 100%;}
.maskindex .box .content .left {width: 486px;border-right: 1px dashed #e3e6f7;position: relative;}
.maskindex .box .content .left .title {margin-left: 20px;padding-top: 20px;display: flex;align-items: center;}
.maskindex .box .content .left .title .tit {color: #444;font-size: 22px;font-weight: 700;line-height: 60px;white-space: nowrap;}
.maskindex .box .content .left .title .subtit {color: #a8a9b0;font-size: 14px;position: relative;padding-left: 16px;line-height: 40px;margin-left: 10px;white-space: nowrap;}
.maskindex .box .content .left .title .subtit:before {content: '';position: absolute;top: 13px;left: 0;width: 15px;height: 15px;background: url(../images/icons.png) no-repeat;background-position: -36px 0;}
.maskindex .box .content .left .form {margin-left: 20px;padding-bottom: 90px;}
.maskindex .box .content .left .form p {display: flex;align-items: center;position: relative;margin-bottom: 26px;}
.maskindex .box .content .left .form p span {font-size: 14px;color: #444;width: 70px;}
.maskindex .box .content .left .form p span i {color: red;}
.maskindex .box .content .left .form p .input {width: 355px;height: 40px;padding-left: 10px;border: 1px solid #e1e4f7;color: #444;font-size: 12px;}
.maskindex .box .content .left .form p label {display: block;position: absolute;bottom: -23px;left: 78px;width: 165px;height: 20px;background: url(../images/icons.png) no-repeat;background-position: -59px 0;}
.maskindex .box .content .left .form p .code {width: 215px;}
.maskindex .box .content .left .form p .getCode {width: 130px;margin-left: 10px;cursor: pointer;color: #fff;background-color: #2981c9;font-size: 14px;height: 40px;}
.maskindex .box .content .left .form .submit {display: block;text-align: center;width: 355px;height: 40px;line-height: 40px;margin-left: 70px;color: #fff;background-color: #2981c9;font-size: 18px;cursor: pointer;margin-top: 36px;}
.maskindex .box .content .left .form .tip {text-align: center;color: #ff6900;color: #e3e3e3;font-size: 12px;margin-left: 70px;width: 355px;padding-top: 6px;}
.maskindex .box .content .left .tips {width: 100%;height: 55px;background-color: #f3f6f9;position: absolute;left: 0;bottom: 0;padding-left: 20px;display: flex;flex-direction: column;justify-content: center;}
.maskindex .box .content .left .tips h4 {font-size: 14px;font-weight: 700;color: #333;line-height: 21px;}
.maskindex .box .content .left .tips h5 {color: #a3a5a7;font-size: 12px;line-height: 16px;}
.maskindex .box .content .left .tips h5 i {color: #ff6900;}
.maskindex .box .content .right {width: 204px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.maskindex .box .content .right h4 {font-size: 14px;color: #444;font-weight: 700;margin-bottom: 5px;text-align: center;line-height: 21px;}
.maskindex .box .content .right .txt {width: 145px;}
.maskindex .box .content .right .txt h5 {font-size: 14px;color: #7e7e7e;margin-top: 5px;position: relative;padding-left: 16px;line-height: 21px;display: inline-block;}
.maskindex .box .content .right .txt h5::before {position: absolute;content: '';width: 14px;height: 14px;top: 4px;left: 0;background: url(../images/icons.png) no-repeat;background-position: -18px 0;}