@charset "utf-8";

/* CSS Document */
body {
    font-family: "FZLanTingHeiS-H-GB", "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif, ;
    overflow-x: hidden;
    color: #000;
    /* background: #16165e; */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
select,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

img {
    display: block;
    border: none;
    max-width: 100%;
}

a {
    color: #0d0d0d;
    text-decoration: none;
}

a,
area {
    blur: expression(this.onFocus=this.blur())
}

ul,
li {
    list-style: none;
}

/* 通用头部 */
.ht_top {
    width: 100%;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px;
    overflow: hidden;
}

.Width {
    width: 80%;
    background: red;
    margin: 0 auto;
}

.ht_top .zt_top {
    width: 1070px;
    height: 41px;
    margin: 0 auto;
}

.ht_top h1 {
    float: left;
}

.ht_top h1 a {
    float: left;
    width: 131px;
    height: 40px;
    overflow: hidden;
    text-indent: -100em;
    background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
    font-size: 12px;

}

.ht_top .topnav {
    float: right;
    color: #0d0d0d;
    font-size: 12px;
}

.ht_top .topnav a {
    padding: 0 8px;
}

.ht_top .topnav a:hover {
    color: #e4393c;
    text-decoration: underline;
}

/* 通用头部 end */



/* 通用底部 */

.footer {
    clear: both;
    position: relative;
    padding: 30px  0;
    text-align: center;
    /* padding-bottom: 40px; */
    border-top: 1px solid #ffdd23;
    margin-top: 4%;
}

.footer p {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.footer p span {
    padding: 0 5px;
}

.footer p a {
    color: #fff;
}

/* 通用底部 end */
/* start */
* {
    box-sizing: border-box;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.banner {
    height: 821px;
    background: url(../images/banner_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.light1 {
    position: absolute;
    left: 0%;
    top: 0;
    animation: flicker-3 2.5s linear infinite both;
}

.light2 {
    position: absolute;
    left: 10%;
    top: 0;
    animation: flicker-3 2.5s linear infinite both;
}

.light3 {
    position: absolute;
    right: 0%;
    top: 0;
    animation: flicker-3 2.5s linear infinite both;
}

.light4 {
    position: absolute;
    right: 10%;
    top: 0;
    animation: flicker-3 2.5s linear infinite both;
}

.slogen {
    margin: 0 auto;
    animation: pulsate-bck 2s ease-in-out infinite both;
}

.banner_titT {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.banner_tip {
    position: absolute;
    left: 8%;
    top: 6%;
    -webkit-animation: wobble-ver-right 2s infinite both;
    animation: wobble-ver-right 2s infinite both;
}

.banner_tip p {
    font-size: 20px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(161, 4, 1);
    position: absolute;
    top: 42%;
    left: 8%;
    transform: rotate(-26deg);
}

.huatu {
    margin: 0 auto;
    margin-top: 10%;
}


@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes wobble-ver-right {

    0%,
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateY(-10px) rotate(6deg);
        transform: translateY(-10px) rotate(6deg);
    }

    30% {
        -webkit-transform: translateY(15px) rotate(-6deg);
        transform: translateY(15px) rotate(-6deg);
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg);
        transform: translateY(-15px) rotate(3.6deg);
    }

    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg);
        transform: translateY(9px) rotate(-2.4deg);
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg);
        transform: translateY(-6px) rotate(1.2deg);
    }
}

@keyframes wobble-ver-right {

    0%,
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateY(-10px) rotate(6deg);
        transform: translateY(-10px) rotate(6deg);
    }

    30% {
        -webkit-transform: translateY(15px) rotate(-8deg);
        transform: translateY(15px) rotate(-8deg);
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg);
        transform: translateY(-15px) rotate(3.6deg);
    }

    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg);
        transform: translateY(9px) rotate(-2.4deg);
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg);
        transform: translateY(-6px) rotate(1.2deg);
    }
}


@-webkit-keyframes flicker-3 {

    0%,
    100% {
        opacity: 1;
    }

    32.98% {
        opacity: 1;
    }

    33% {
        opacity: 0;
    }

    34% {
        opacity: 0;
    }

    34.02% {
        opacity: 1;
    }

    34.98% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    35.9% {
        opacity: 0;
    }

    35.92% {
        opacity: 1;
    }

    38.98% {
        opacity: 1;
    }

    39% {
        opacity: 0;
    }

    39.8% {
        opacity: 0;
    }

    39.82% {
        opacity: 1;
    }

    83.98% {
        opacity: 1;
    }

    84% {
        opacity: 0;
    }

    84.9% {
        opacity: 0;
    }

    84.92% {
        opacity: 1;
    }
}

@keyframes flicker-3 {

    0%,
    100% {
        opacity: 1;
    }

    32.98% {
        opacity: 1;
    }

    33% {
        opacity: 0;
    }

    34% {
        opacity: 0;
    }

    34.02% {
        opacity: 1;
    }

    34.98% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    35.9% {
        opacity: 0;
    }

    35.92% {
        opacity: 1;
    }

    38.98% {
        opacity: 1;
    }

    39% {
        opacity: 0;
    }

    39.8% {
        opacity: 0;
    }

    39.82% {
        opacity: 1;
    }

    83.98% {
        opacity: 1;
    }

    84% {
        opacity: 0;
    }

    84.9% {
        opacity: 0;
    }

    84.92% {
        opacity: 1;
    }
}

.body {
    background-image: linear-gradient(to bottom, #6e0301, #9f0502);
}

.con_tit {
    position: relative;
    text-align: center;
    padding:6% 0 4% 0;
}

.con_titB {
    display: flex;
    align-items: center;
    justify-content: center;
}

.con_tit .title_huatu {
    margin: 0 auto;
    margin-bottom: -2%;
}

.con_titB h1 {
    font-size: 56px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(255, 255, 255);
    text-align: center;
    background: linear-gradient(to bottom, #fff4d4, #febe6f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 4%;
}

.con_box {
    margin-top: 4%;
    border-radius: 22px;
    background-image: -moz-linear-gradient(90deg, rgb(243, 0, 40) 0%, rgb(197, 0, 2) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(243, 0, 40) 0%, rgb(197, 0, 2) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(243, 0, 40) 0%, rgb(197, 0, 2) 100%);
    padding: 2%;
}

.con_bg {
    border-radius: 22px;
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 231, 180) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 231, 180) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 231, 180) 100%);
    padding: 2%;
}

.table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    margin-bottom: 2%;
}

.table tr td,
.table tr th {
    padding: 2% 0;
    font-family: "FZLanTingHeiS-M-GB";
}

.table tr th {
    color: #fff;
}

.table thead {
    background-image: -moz-linear-gradient(0deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
}

.table tr th {
    font-size: 20px;
}

.table tr td {
    border-bottom: 1px solid #e88075;
    border-right: 1px solid #e88075;
    font-size: 18px;
    color: rgb(51, 51, 51);
}

.table tr td:last-child {
    border-right: none;
}

.table tr td .dj_btn {
    display: block;
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 252, 242);
    border-radius: 18px;
    background-image: -moz-linear-gradient(-90deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    width: 60%;
    text-align: center;
    padding: 3% 0;
    color: #fff;
    box-shadow: 0px 4px 0px #ba0000;
    font-family: "FZLanTingHeiS-M-GB";
}

.table tr td .dj_btn:hover {
    background-image: -moz-linear-gradient(-90deg, rgb(255, 141, 29) 0%, rgb(255, 48, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 141, 29) 0%, rgb(255, 48, 0) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 141, 29) 0%, rgb(255, 48, 0) 100%);
    box-shadow: 0px 4px 0px #ff4300;
}

.con3_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4%;
    border-radius: 22px;
    background-image: -moz-linear-gradient(90deg, rgb(243, 0, 40) 0%, rgb(197, 0, 2) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(243, 0, 40) 0%, rgb(197, 0, 2) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(243, 0, 40) 0%, rgb(197, 0, 2) 100%);
    padding: 2% 4%;

}

.con3_swiper .swiper-slide img,
.con3_swiper .swiper-slide {
    border-radius: 30px;
}

.con3_swiper {
    width: 40%;
    margin-right: 8%;
    position: relative;
}

.con3_right {
    padding-right: 4%;
}

.con3_right p {
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(255, 255, 255);
    line-height: 2.2;
}

.con3_swiper .swiper-button-next {
    width: 57px;
    height: 56px;
    background: url(../images/next.png) no-repeat;
    background-size: 100% 100%;
    right: -6%;
}

.con3_swiper .swiper-button-prev {
    width: 57px;
    height: 56px;
    background: url(../images/prev.png) no-repeat;
    background-size: 100% 100%;
    left: -6%;
}

.con3_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 48px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 244, 192);
    background-image: -moz-linear-gradient(90deg, rgb(255, 122, 3) 1%, rgb(255, 230, 22) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 122, 3) 1%, rgb(255, 230, 22) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 122, 3) 1%, rgb(255, 230, 22) 100%);
    margin: 0 auto;
    margin-top: 4%;
    border-radius: 30px;
    box-shadow: 0 4px 0 #ff8309;
    color: #fff;
    font-size: 18px;
    font-family: "FZLanTingHeiS-H-GB";
}

.con3_btn:hover {
    background-image: -moz-linear-gradient(90deg, rgb(255, 127, 1) 0%, rgb(248, 15, 5) 30%, rgb(255, 127, 1) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 127, 1) 0%, rgb(248, 15, 5) 30%, rgb(255, 127, 1) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 127, 1) 0%, rgb(248, 15, 5) 30%, rgb(255, 127, 1) 100%);
}


.con4 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.con4 ul li {
    width: 30%;
    position: relative;
    margin-bottom: 2%;
}

.con4 ul li img {
    display: block;
}

.con4 ul li a {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 252, 242);
    border-radius:0 0 10px 10px;
    background-image: -moz-linear-gradient(-90deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 38, 38) 0%, rgb(211, 5, 7) 99%);
    font-size: 22px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(255, 255, 255);
}

.con4 ul li a img {
    margin-left: 4%;
}
.con4_img{
    width: 100%;
}

.con4_bot {
    margin-top: 4%;
}

.con4 ul li a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(215, 8, 10);
    border-radius: 50%;
    background-image: -moz-linear-gradient(90deg, rgb(253, 180, 83) 0%, rgb(255, 252, 223) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(253, 180, 83) 0%, rgb(255, 252, 223) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(253, 180, 83) 0%, rgb(255, 252, 223) 100%);
    margin-left: -14%;
    margin-right: 14%;
    font-size: 22px;
    font-family: "FZLanTingHeiS-H-GB";
    color: #bf0000;
}
.con4 ul li a span i{
    font-style: normal;
    font-size: 16px;
    margin-top: 6%;
}
.first-stage-box {
    display: flex;
    flex-direction: column;
}

.province-box-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 20px;
}


.province-box {
    width: 14.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 208, 208);
    background-image: -moz-linear-gradient( -90deg, rgb(255,59,59) 1%, rgb(198,0,2) 99%);
    background-image: -webkit-linear-gradient( -90deg, rgb(255,59,59) 1%, rgb(198,0,2) 99%);
    background-image: -ms-linear-gradient( -90deg, rgb(255,59,59) 1%, rgb(198,0,2) 99%);
    box-shadow: 0px 5px 0px 0px rgba(167, 8, 2, 0.8);
    text-align: center;
    border-radius: 30px;
    padding: 1% 0;
    text-align: center;
    margin-bottom: 2%;
    margin-right: 2%;
    cursor: pointer;
}


.province-box span {
    display: block;
    text-align: center;
    color: #fff;
    width: 100%;
}

.province-box:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(255,96,0) 1%, rgb(255,156,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,96,0) 1%, rgb(255,156,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,96,0) 1%, rgb(255,156,0) 100%);
    box-shadow: 0px 5px 0px 0px rgba(255, 108, 0, 0.8);
}

.bar-f {
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    margin-top: 20px;
    padding-top: 3%;
}

.bar-left {
    width: 80%;
}

.bar-left h2 {
    font-size: 35px;
    font-family: "FZLanTingHeiS-R-GB";
    color: rgb(255, 255, 255);
    letter-spacing: 1px;

}


.bar-left p {
    font-size: 18px;
    margin-bottom: 1%;
    margin-top: 1%;
    color: #fff;
    font-family: "FZLanTingHeiS-R-GB";
}

.ds span {
    font-size: 18px;
    margin-bottom: 1%;
  }
  .ds .chat-btn {
    width: 70%;
    padding: 1% 0;
    margin-bottom: 0;
    font-size: 18px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 244, 192);
    border-radius: 19px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,122,3) 1%, rgb(255,230,22) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,122,3) 1%, rgb(255,230,22) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,122,3) 1%, rgb(255,230,22) 100%);
    box-shadow: 0px 5px 0px 0px #ff8208;
    margin-left: 6%;
  }
  
.code {
    width: 15%;
    display: flex;
    align-items: center;
}

.code span {
    font-size: 18px;
    font-family: "FZLanTingHeiS-R-GB";
    color: #fff;
}

.code img {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 4%;
    margin-right: 6%;
}

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

.ds span {
    width: 100%;
    color: #fff;
}
.url-address a{
    color: #fff;
    font-family: "FZLanTingHeiS-R-GB";
}

  
.chat-btn {
    background-image: -moz-linear-gradient(-1deg, rgb(255, 219, 160) 1%, rgb(247, 210, 166) 100%);
    background-image: -webkit-linear-gradient(-1deg, rgb(255, 219, 160) 1%, rgb(247, 210, 166) 100%);
    background-image: -ms-linear-gradient(-1deg, rgb(255, 219, 160) 1%, rgb(247, 210, 166) 100%);
    width: 20% !important;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 50px;
}


.fx_right {
    position: fixed;
    right: 10px;
    top: 40%;
    z-index: 9999;
    border-radius: 16px;
    background-image: -moz-linear-gradient(90deg, rgb(255, 241, 204) 1%, rgb(249, 202, 110) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 241, 204) 1%, rgb(249, 202, 110) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 241, 204) 1%, rgb(249, 202, 110) 100%);
    box-shadow: 0px 3px 6px 0px rgba(211, 149, 50, 0.004), inset 0px -2px 0px 0px rgba(254, 245, 207, 0.004), inset 0px -6px 8px 0px rgba(227, 178, 101, 0.71), inset 0px 3px 0px 0px rgba(255, 232, 188, 0.004), inset 0px 6px 5px 0px rgba(227, 178, 101, 0.56);
    padding: 2%;
}

.fx_right img {
    animation: heartbeat 3s ease-in-out infinite both;
}

.fx_right span {
    display: block;
    text-align: center;
    padding: 2%;
    border-radius: 30px;
    color: #fff;
    margin-top: 10%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(252, 235, 190);
    background-image: -moz-linear-gradient( -90deg, rgb(255,38,38) 0%, rgb(211,5,7) 99%);
    background-image: -webkit-linear-gradient( -90deg, rgb(255,38,38) 0%, rgb(211,5,7) 99%);
    background-image: -ms-linear-gradient( -90deg, rgb(255,38,38) 0%, rgb(211,5,7) 99%);
    box-shadow: 0px 3px 0px 0px rgba(219, 36, 29, 0.74);
    cursor: pointer;
}

/* end */

@media screen and (max-width:1200px) {
    .Width{
        width: 100%;
    }
    .fx_right{
        display: none;
    }
    .container{
        width: 100%;
    }
    .banner{
        height: 100%;
        padding-bottom: 10%;
    }
    .light{
        width: 18%;
    }
    .slogen{
        width: 20%;
    }
    .banner_tit1{
        width: 40%;
    }
    .banner_tit2{
        width: 30%;
    }
    .banner_tip {
        width: 22%;
        position: absolute;
        left: -0%;
        top: 22%;
    }
    .banner_tip p{
        top: 40%;
        font-size: 12px;
    }
    .banner_tit3{
        width: 100%;
    }
    .huatu {
        margin: 0 auto;
        margin-top: 10%;
        width: 20%;
    }
    .con_titB h1{
        font-size: 20px;
    }
    .con_titB img{
        width: 10%;
    }
    .con_tit .title_huatu{
        width: 30%;
    }
    .table tr th,.table tr td{
        font-size: 14px;
    }
    .table tr td .dj_btn{
        font-size: 12px;
        width: 100%;
    }
    .con3_box{
        flex-wrap: wrap;
    }
    .con3_swiper{
        width: 100%;
        margin-right: 0;
    }
    .con3_right p {
        font-size: 14px;
        font-family: "FZLanTingHeiS-M-GB";
        color: rgb(255, 255, 255);
        line-height: 2.2;
    }
    .province-box {
        width: 23%;
    }
    .bar-left h2{
        font-size: 22px;
    }
    .bar-left p,.url-address a,.ds span,.ds .chat-btn{
        font-size: 14px;
    }
    .bar-f{
        flex-wrap: wrap;
    }
    .bar-left{
        width: 100%;
    }
    .code {
        width: 34%;
        display: flex;
        align-items: center;
        margin: 4% auto;
    }
    .con4 ul{
        flex-wrap: wrap;
    }
    .con4 ul li{
        width: 48%;
        margin-bottom: 4%;
    }
    .con4 ul li a{
        height: 38px;
        font-size: 14px;
    }
    .con4 ul li a span{
        font-size: 14px;
        width: 50px;
        height: 50px;
    }
    .con4 ul li a span i{
        font-size: 14px;
        margin-top: 0;
    }
    .con3_swiper .swiper-button-prev {
        left: -4%;
    }
    .con3_swiper .swiper-button-next{
        right: -4%;
    }
    .con3_swiper .swiper-button-prev ,
    .con3_swiper .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .con3_btn{
        width: 40%;
        height: 36px;
        font-size: 16px;
    }
}