footer{
    background: #212223;
    color: #fff;
}
.disno{
    display: none!important;
}
.creating{
    width: 1200px;
    margin: auto;
    padding: 100px;
    text-align: center;
    background: #fff;
    font-size: 16px;
}
.creating img{
    width: 500px;
}
.creating div{
    font-size: 16px;
    color: #959595;
    font-weight: bold;
}

.wrapLoading{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ccc;
    z-index: 9999;
}
@media screen and (min-width: 751px){
    .no-data{
        padding: 30px 0;
        text-align: center;
        font-size: 14px;
        color: #666;
    }
    .error-tips{
        margin: 20px 0;
        font-size: 14px;
        color: #d71a1b;
        text-align: center;
    }
    .inner-first-title{
        padding: 30px 0;
        font-size: 24px;
        text-align: center;
        font-weight: bold;
    }
    .isMobile{
        display: none!important;
    }
    .btn{
        width: 170px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #d71a1b;
        text-align: center;
        border: 1px solid #d71a1b;
        background: #fff;
        cursor: pointer;
    }
    .search-btn{
        cursor: pointer;
    }
    /* 鍒嗛〉 */
    .pagination{ display: block; text-align:center; margin-top: 30px; }
    .pagination ul { display: inline-block; margin: auto; }
    .pagination ul > li{ display: inline; cursor:pointer; width: 40px; height: 40px; line-height: 40px; text-align: center; }
    .pagination ul > li{ position: relative; float: left; margin-right: 6px; color: #333333; text-decoration: none; background-color: #eeeeee; border: 1px solid #eeeeee; }
    .pagination ul > li{ color: #4a4947; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 0px; }
    .pagination ul > li a{ display: block; }
    .pagination ul > .active,.pagination ul > :hover{ z-index: 2; color: #fff; cursor: default; background-color: #d71a1b; border-color: #fff !important; }
    .pageTotal{ font-size: 14px; }
    .pageTotal input{ width: 36px; padding: 2px; margin-left: 4px; margin-right: 4px; text-align: center; border: 1px solid #f0f0f0; }
    .pageTotal .page-sure{ display: inline-block; color: #4a4947; padding: 4px 14px; background-color: #eee; cursor: pointer; }
    .pageTotal .page-sure:hover{ color: #fff; background-color: #4a4947; }

    /* 澶撮儴 */
    .wrapLoading img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    header{
        position: relative;
        height: 70px;
        line-height: 65px;
        background: #fff;
    }
    header .logo img{
        height: 36px;
    }
    header .nav{
        margin-left: 50px;
        font-size: 16px;
        color: #333333;
    }
    header .nav>li{
        float: left;
        padding: 0 12px;
        font-weight: bold;
        border-bottom: 5px solid #fff;
        cursor: pointer;
    }
    header .nav>li.relative{
        position: relative;
    }
    header .nav>li.on{
        border-bottom: 5px solid #d71a1b; 
    }
    header .search{
        position: relative;
    }
    header .search input{
        width: 230px;
        height: 40px;
        padding: 0 25px 0 20px;
        line-height: 40px;
        border-radius: 20px;
        border: 0;
        background: #e9e9e9;
        font-size: 14px;
    }
    header .search .search-btn{
        position: absolute;
        top: 22px;
        right: 15px;
    }
    header .nav>li:hover{
        border-bottom: 5px solid #d71a1b;
    }
    header .nav>li:hover .lower-level{
        z-index: 5;
        height: auto;
        opacity: 1;
        transition: all 1s;
    }
    header>.content{
        overflow: inherit!important;
    }
    header .nav>li:hover .lower-level li{
        opacity: 0;
        transition: all 0.4s;
    }
    header .nav>li:hover .lower-level li{
        opacity: 1;
    }

    /* 鍏敤banner */
    .inner-banner{
        height: 430px;
        padding-top: 150px;
        color: #fff;
        text-align: center;
        background: url(../../images/inner/product-banner.jpg) center;
    }
    .inner-banner .banner-title{
        width: 1000px;
        margin: 0 auto;
        margin-bottom: 20px;
        font-size: 40px;
        font-weight: bold;
    }
    .inner-banner .banner-text{
        width: 1000px;
        margin: 0 auto;
        font-size: 16px;
    }
    /*涓嬫媺鑿滃崟*/
    header .nav>li:hover .nav-down{
        z-index: 5;
        height: auto;
        opacity: 1;
    }
    .nav-down{
        position: absolute;
        top: 70px;
        left: 50%;
        z-index: 9;
        width: 166px;
        margin-left: -83px;
        line-height: 50px;
        font-size: 14px;
        text-align: center;
        background: rgba(255,255,255,0.8);
        z-index: -1;
        opacity: 0;
        height: 0;
        transition: all 1s;
    }
    .nav-down li:hover,.nav-down li.on{
        font-size: 16px;
        color: #d71a1b;
        font-weight: bold;
    }
    header .nav>li .nav-down li{
        opacity: 0;
        transition: all 0.4s;
    }
    header .nav>li:hover .nav-down li{
        opacity: 1;
    }

    /* 琛屼笟涓嬫媺鍒楄〃 */
    .lower-level{
        position: absolute;
        left: 0;
        top: 70px;
        width: 100%;
        background: rgb(255 255 255 / 0.85);
        opacity: 0;
        height: 0;
        z-index: -1;
        transition: all 1s;
    }
    .industry-lower{
        padding: 25px 0px;
    }
    .industry-lower li{
        float: left;
        width: 20%;
        padding: 25px 0px;
        line-height: 30px;
        text-align: center;
        font-weight: 100;
    }
    .industry-lower li img{
        width: 44px;
        height: 44px;
    }
    /* 浜у搧涓嬫媺鍒楄〃 */
    .lower-level-title{
        background: rgb(245 245 245 / 0.5);
    }
    .lower-level-title .content div{
        float: left;
        width: 33%;
        height: 65px;
        line-height: 65px;
        font-size: 18px;
        color: #d4191a;
        font-weight: bold;
    }
    .lower-level-nav{
        background: rgb(255 255 255 / 0.5);
        padding: 30px 0;
        box-shadow: 0px 0px 10px #cccaca;
    }
    .lower-level-nav ul{
        float: left;
        width: 33%;
    }
    .lower-level-nav ul li{
        height: 28px;
        line-height: 28px;
        padding-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: #4a4a4a;
        font-weight: 100;
    }
    .lower-level-nav .wid66{
        width: 66%;
    }
    .lower-level-nav .wid66 li{
        width: 50%;
        float: left;
    }
    .lower-level-nav li a:hover{
        color: #d71a1b;
        text-decoration: underline;
    }
    /* 鑳藉姏 */
    .ability-nav ul{
        width: 20%;
    }
    .ability-nav ul .li-title{
        margin-bottom: 3px;
        font-size: 16px;
    }

    /* 鑱旂郴鎴戜滑 */
    .contact{
        padding: 40px 0;
        background: url(../../images/contact.jpg);
    }
    .contact-title{
        display: inline-block;
        margin: 0 55px 30px 0;
        font-size: 24px;
        font-weight: bold;
    }
    .chose-type{
        display: inline-block;
    }
    .chose-type .chose-type-item{
        display: inline-block;
        margin-right: 25px;
        font-size: 18px;
    }
    .chose-type .chose-circle{
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 10px;
        border-radius: 50%;
        background: #f0f1f2;
        border: 1px solid #d7d7d7;
        vertical-align: middle;
    }
    .chose-type .chose-type-item.active .chose-circle{
        background: #fff;
        border: 5px solid #d71a1b;
    }
    .form-collection{
        overflow: auto;
    }
    .form-collection .form-input{
        position: relative;
        float: left;
        width: 370px;
        height: 48px;
        margin: 0 40px 10px 0;
        line-height: 48px;
        overflow: hidden;
    }
    .form-collection .form-input:nth-child(3n){
        margin-right: 0;
    }
    .form-collection .form-input input{
        width: 370px;
        height: 48px;
        padding-left: 90px;
        line-height: 48px;
        background: #f0f1f2;
        border: 0;
    }
    .form-collection .form-input .identify,.form-collection .form-textarea .identify{
        position: absolute;
        top: 0;
        left: 30px;
        z-index: 2;
    }
    .xing{
        display: inline-block;
        font-size: 14px;
        font: inherit;
        color: red;
        margin-right: 5px;
        vertical-align: middle;
    }
    .checkCodeImg{
        position: absolute;
        right: 10px;
        top: 9px;
        width: 90px;
        height: 31px;
    }
    .form-collection .form-textarea .identify{
        top: 12px;
    }
    .form-collection .form-textarea{
        position: relative;
    }
    .form-collection .form-textarea textarea{
        position: relative;
        background: #f0f1f2;
        width: 99%;
        height: 120px;
        padding: 12px 30px 12px 80px;
        border: 0;
        box-sizing: border-box;
        resize: none;
    }
    .submit-form{
        cursor: pointer;
        background: #d71a1b;
        width: 210px;
        height: 48px;
        margin: 40px auto 0;
        line-height: 48px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }

    /* 搴曢儴 */
    footer .content{
        padding: 30px 0 35px;
        background: #212223;
    }
    footer ul{
        float: left;
        margin: 0 55px;
    }
    footer ul li{
        font-size: 14px;
        color: #999999;
        line-height: 30px;
        /*cursor: pointer;*/
    }
    footer ul li:first-child{
        font-size: 16px;
        color: #f2f2f2;
        font-weight: bold;
        margin-bottom: 20px;
    }
    footer .qrcode{
        float: right;
        padding-right: 75px;
    }
    footer .qrcode p{
        font-size: 16px;
        color: #f2f2f2;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .copyright{
        line-height: 60px;
        font-size: 12px;
        color: #fff;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.2);
        opacity: 0.6;
    }

    /*鑱屼綅鐢宠*/
    .pos-application{
        margin-top: 30px;
        background: #fff;
        padding-bottom: 30px;
    }
    .pos-application .position-tips{
        font-size: 14px;
        color: #999;
        text-align: center;
    }
    .application{
        margin: auto;
        width: 915px;
    }
    .application .application-form{
        margin-top: 50px;
    }
    .application .application-form .form-input{
        display: inline-block;
        width: 48%;
        margin-bottom: 30px;
        line-height: 40px;
        text-align: right;
    }
    .application .application-form .form-input input,.application .application-form .form-input select{
        padding: 0 15px;
        width: 290px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #eaeaea;
        box-sizing: border-box;
    }
    .application .upload-wrap{
        padding: 30px 70px;
        background: #f1f1f1;
    }
    .application .upload-wrap .upload-info{
        position: relative;
        overflow: hidden;
    }
    .upload-info input {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }
    .application .upload-wrap .upload-info .upload-btn{
        float: left;
    }
    .application .upload-wrap .upload-info .upload-tips{
        float: left;
        margin-left: 25px;
        width: 500px;
        line-height: 40px;
        font-size: 14px;
        color: #999;
    }
    .application .upload-files li{
        position: relative;
        display: inline-block;
        background: #fff;
        height: 40px;
        padding: 0 20px;
        margin: 25px 20px 0 0;
        line-height: 40px;
        font-size: 14px;
    }
    .application .upload-files li .close{
        background: url(../../images/inner/close.png) no-repeat;
        position: absolute;
        width: 15px;
        height: 14px;
        right: -4px;
        top: -2px;
    }
    .application .submit-application{
        display: block;
        margin: 30px auto;
        width: 170px;
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        color: #fff;
        background-color: #d71a1b;
        border: 0;
    }
    .application .warm-tips{ font-size: 14px; text-align: center; }
    .application .warm-tips span{ color: #d71a1b; }
    /* 鍚堜綔浼欎即 */
    .partner{
        background: #f5f5f5;
        padding: 40px 0;
    }
    .partner-title{
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
    }
    .partner-item{
        background: #fff;
        float: left;
        width: 184px;
        height: 74px;
        line-height: 74px;
        text-align: center;
        vertical-align: middle;
        overflow: hidden;
        margin: 0 19px 35px 0;
    }
    .partner-item:nth-child(6n){
        margin-right: 0;
    }

}
@media screen and (max-width: 750px){
    .wrapLoading img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 1.8rem;
    }
    .creating{
        width: 3.5rem;
        margin: auto;
        padding: 0.5rem;
        text-align: center;
        background: #fff;
        font-size: 0.16rem;
    }
    .creating img{
        width: 100%;
    }
    .creating div{
        font-size: 0.16rem;
        font-weight: bold;
    }
    body{
        padding-top: 0.6rem;
    }
    .no-data{
        padding: 0.15rem 0;
        text-align: center;
        font-size: 0.13rem;
        color: #666;
    }
    .error-tips{
        margin: 0.1rem 0;
        font-size: 0.13rem;
        color: #d71a1b;
        text-align: center;
    }
    .pagination{ display: none; }
    .crumbs{ display: none;  }
    .inner-first-title{
        position: relative;
        padding: 0.25rem 0 0.2rem;
        font-size: 0.15rem;
        text-align: center;
        font-weight: bold;
    }
    .isPc{
        display: none!important;
    }
    header{
        position: fixed;
        top: 0;
        z-index: 9;
        width: 100%;
        height: 0.6rem;
        line-height: 0.6rem;
        background: #fff;
    }
    .logo{
        position: relative;
        z-index: 10;
        padding-left: 0.1rem;
    }
    .logo img{
        width: 1.8rem;
    }
    .menu-icon{
        position: relative;
        z-index: 10;
        float: right;
        padding-right: 0.1rem;
    }
    .menu-icon img{
        width: 0.22rem;
    }
    .btn{
        width: 1.5rem;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.13rem;
        color: #d71a1b;
        text-align: center;
        border: 0.005rem solid #d71a1b;
        background: #fff;
    }
    header .menu-self{
        display: none;
        position: fixed;
        z-index: 5;
        padding-top: 0.6rem;
        width: 100%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        top: 0;
        left: -100%;
        background: #fff;
    }
    header .menu-self .search{
        position: absolute;
        top: 0.6rem;
        z-index: 5;
        width: 100%;
        overflow: auto;
        background: #ededed;
        padding: 0.15rem 0.1rem;
    }
    header .menu-self .search input{
        float: left;
        width: 2.88rem;
        height: 0.4rem;
        line-height: 0.4rem;
        padding: 0 0.1rem;
        background: #fff;
    }
    header .menu-self .search .search-btn{
        float: left;
        width: 0.65rem;
        height: 0.4rem;
        line-height: 0.4rem;
        background: #d71a1b;
        text-align: center;
    }
    header .menu-self .search .search-btn img{
        width: 0.16rem;
    }
    header .menu-self .menu-title{
        float: left;
        width: 1.15rem;
        height: 100%;
        background: #333;
        overflow-y: auto;
        padding-top: 0.7rem;
    }
    header .menu-self .menu-title li{
        display: block;
        height: 0.5rem;
        line-height: 0.5rem;
        font-size: 0.14rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }
    header .menu-self .menu-title li.on{
        background: #d71a1b;
    }
    header .menu-self .menu-nav{
        float: right;
        width: 2.6rem;
        padding: 0 0.35rem;
        height: 100%;
        overflow-y: auto;
        padding-top: 0.7rem;
        background: #fff;
    }
    header .menu-self .menu-nav li{
        display: block;
        padding-right: 0.01rem;
        line-height: 0.5rem;
        font-size: 0.14rem;
        color: #333333;
    }
    header .menu-self .menu-title li  a{
        display: block;
    }
    .inner-banner{
        height: 1.7rem;
        /*padding: 0.5rem 0.2rem 0;*/
        color: #fff;
        text-align: center;
        background-size: 100%!important;
    }
    .inner-banner .banner-title{
        margin: 0 auto;
        margin-bottom: 0.1rem;
        font-size: 0.25rem;
        font-weight: bold;
    }
    .inner-banner .banner-text{
        margin: 0 auto;
        font-size: 0.1rem;
    }

    /*鑱旂郴鎴戜滑*/
    .contact {
        padding: 0 0 0.3rem;
        background: url(../../images/contact.jpg);
    }
    .chose-type{
        display: block;
        text-align: center;
        margin: auto;
    }
    .chose-type .chose-type-item {
        display: inline-block;
        margin: 0 0.06rem;
        font-size: 0.12rem;
    }
    .chose-type .chose-circle{
        display: inline-block;
        width: 0.15rem;
        height: 0.15rem;
        margin-right: 0.08rem;
        border-radius: 50%;
        background: #f0f1f2;
        border: 1px solid #d7d7d7;
        vertical-align: middle;
    }
    .chose-type .chose-type-item.active .chose-circle{
        background: #fff;
        border: 0.04rem solid #d71a1b;
    }
    .form-collection{
        margin-top: 0.15rem;
    }
    .form-collection .form-input{
        position: relative;
        margin: 0.09rem auto;
        width: 3.5rem;
        height: 0.45rem;
        line-height: 0.45rem;
    }
    .form-collection .form-input input{
        padding: 0 0.9rem;
        width: 3.5rem;
        height: 0.45rem;
        line-height: 0.45rem;
        background: #f0f1f2;
        border: 0;
        font-size: 0.14rem;
        color: #333;
    }
    .form-collection .identify{
        position: absolute;
        left: 0.28rem;
        z-index: 5;
    }
    .checkCodeImg {
        position: absolute;
        right: 0.1rem;
        top: 0.09rem;
        width: 0.8rem;
        height: 0.28rem;
    }
    .form-collection .form-textarea{
        position: relative;
        margin: auto;
        width: 3.5rem;
    }
    .form-collection .form-textarea textarea {
        position: relative;
        background: #f0f1f2;
        width: 3.5rem;
        height: 0.9rem;
        padding: 0.12rem 0.15rem 0.12rem 0.8rem;
        border: 0;
        box-sizing: border-box;
        resize: none;
        font-size: 0.14rem;
        color: #333;
    }
    .form-collection .form-textarea .identify{
        top: 0.11rem;
    }

    .xing{
        display: inline-block;
        font-size: 0.14rem;
        font: inherit;
        color: red;
        margin-right: 0.02rem;
        vertical-align: middle;
    }
    .submit-form {
        background: #d71a1b;
        width: 2.16rem;
        height: 0.4rem;
        margin: 0.2rem auto 0;
        line-height: 0.4rem;
        font-size: 0.14rem;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }
    .contact-mode{
        padding: 0 0.1rem;
    }
    .contact-mode li{
        padding: 0 0.25rem;
        line-height: 0.3rem;
        font-size: 0.12rem;
    }
    .contact-mode li:first-child{
        margin-bottom: 0.12rem;
        line-height: 0.5rem;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        font-size: 0.15rem;
    }
    .qrcode{
        padding: 0.2rem 0;
        text-align: center;
    }
    .qrcode img{
        width: 0.95rem;
    }
    .copyright {
        line-height: 0.36rem;
        font-size: 0.11rem;
        color: #fff;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.2);
        opacity: 0.6;
    }
    
    .pos-application{
        border-top: 0.1rem solid #f1f1f1;
    }
    .pos-application .position-tips{
        margin: auto;
        width: 2.75rem;
        font-size: 0.11rem;
        color: #999999;
        text-align: center;
        line-height: 0.15rem;
        margin-top: -0.1rem;
    }
    .pos-application .application-form{
        padding: 0.2rem 0;
    }
    .pos-application .application{
        padding-bottom: 0.2rem;
    }
    .pos-application .form-input{
        margin: auto;
        position: relative;
        width: 3.5rem;
        margin-bottom: 0.1rem;
    }
    .pos-application .form-input input{
        padding-left: 1rem;
        width: 3.5rem;
        height: 0.45rem;
        line-height: 0.45rem;
        background: #f0f1f1;
    }
    .pos-application .form-input .lable{
        position: absolute;
        top: 0;
        left: 0.28rem;
        height: 0.45rem;
        line-height: 0.45rem;
    }
    .pos-application .upload-wrap{
        margin: auto;
        padding: 0.22rem;
        width: 3.5rem;
        background: #f1f1f1;
    }
    .pos-application .upload-wrap .btn{
        position: relative;
        margin: 0.1rem auto;
    }
    .pos-application .upload-wrap .btn input {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }
    .pos-application .upload-tips {
        margin: 0.15rem 0;
        font-size: 0.11rem;
        color: #999999;
        text-align: center;
    }
    .pos-application .upload-tips p {
        display: inline;
    }
    .application .upload-files li{
        position: relative;
        background: #fff;
        width: 2rem;
        height: 0.3rem;
    }
    .application .upload-files li span{
        display: block;
        width: 2rem;
        height: 0.3rem;
        padding: 0 0.1rem;
        margin: 0.1rem auto;
        line-height: 0.3rem;
        font-size: 0.12rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .application .upload-files li .close{
        position: absolute;
    width: 0.15rem;
    height: 0.14rem;
    right: -0.06rem;
    top: -0.05rem;
    background: url(../../images/inner/close.png) no-repeat;
    }
    .application .submit-application{
        display: block;
        margin: 0.2rem auto;
        width: 2.6rem;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.14rem;
        color: #fff;
        background-color: #d71a1b;
        border: 0;
    }
    .application .warm-tips{ 
        margin: auto;
        width: 2.6rem;
        font-size: 0.12rem;
        text-align: center;
    }
    .application .warm-tips span{ color: #d71a1b; }
    .partner{
        background: #f1f1f1;
        width: 3.75rem;
        padding: 0 0.1rem;
        overflow: auto;
        padding-bottom: 0.15rem;
    }
    .partner-list{
        overflow: auto;
    }
    .partner-item{
        background: #fff;
        float: left;
        width: 1.11rem;
        height: 0.446rem;
        text-align: center;
        vertical-align: middle;
        overflow: hidden;
        margin: 0 0.1rem 0.07rem 0;
    }
    .partner-item:nth-child(3n){
        margin-right: 0;
    }
    .close img{
        display: block;
        width: 0.15rem;
        height: 0.14rem;
    }
}

.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }
    50%{
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    60%{
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}