/*reset*/
*{box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin: 0; padding: 0; background:rgba(216,234,255,0.5); font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;position: relative;}
input:focus {outline: none;}
html,body{height:100%; }
a{text-decoration: none; outline:none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
img{display: block;margin:0 auto;}
.leftfix {float: left;}
.rightfix { float: right;}
.clearfix::after { content: "";display: block;clear: both;}
a:hover{color: #f60; outline:none; text-decoration: none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{width:0px;height:70px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{width:0px;height:70px;}
.swiper-button-next,.swiper-button-prev{outline: none;}
.swiper-container .swiper-slide img{width:100%;}
.swiper-slide{background: none !important;}
/*public*/
.panel-overlay{position:fixed; top: 0; left: 0; z-index:99;  width: 100%;  height: 100%;  background:rgba(0, 0, 0, 0); transition: all 0.5s ease; display: none;}
.container{ max-width:1200px; height:auto; margin:0 auto; padding:0;}
.banner{height:auto;overflow: hidden; position: relative;}
.banner img{width:100%;display: block;}
.top_bar{ width:100%; height:80px; overflow: hidden; background: rgba(199, 250, 255, 0.8); position: fixed; top: 0; z-index:999; left:0; transition:all 0.6s ease;}
.top_bar .container{max-width: 1480px;width: 100%; display: flex;justify-content: space-between;align-items: center}
.top_bar .logo{ height:auto;overflow: hidden;}
.top_bar .logo img{display: block; height: 43px;  margin:0;}
.menu{height:80px; overflow: hidden; float: right; margin:0 0 0 0; transition: opacity 0.5s ease;}
.menu li{margin:0 10px;float: left;}
.menu li a{ font-size:24px; height:80px; line-height:80px; color:#0042c3; display: block; padding:0 20px;}
.menu a:hover{ color:#ffffff; font-weight: bold; background: linear-gradient(to right, #30c3cb, #4273c8);}
.menu li.active a{color:#ffffff; font-weight: bold;background: linear-gradient(to right, #30c3cb, #4273c8);}
.box_con{height: auto;}
.box_tit img{display: block;height: 118px;margin: 0 auto 50px auto}
.mainbody{height: auto; overflow:hidden;  padding-top:130px;padding-bottom: 370px;background: url("../img/main_bg.png") no-repeat center bottom; background-size: 100% auto}
.footer{ line-height: 80px; overflow: hidden; text-align: center;}
.footer p{color:#fff;font-size:18px; }
.floatimg{position: absolute; z-index:10;}
.navbar{display: none}


.move{background: rgba(0, 120, 200, 0.6);}
.floatPanel{position: fixed; right:30px; bottom:5%; z-index:100;}
.floatPanel a{display: flex; flex-direction: column; justify-content:center; align-items: center; width:100px; height:100px; overflow: hidden; line-height:1; font-size: 20px; color: #fff; background:rgba(0,155,255,0.8); border-radius:4rem; border:4px rgba(255,255,255,1) solid; box-shadow:10px 10px 20px rgba(0,0,0,0.5); margin-bottom:20px; transition:all 0.6s ease;}
.floatPanel img{width:60%; margin-bottom:15px; transition:all 0.6s ease;}
.floatPanel p{font-size:16px;}
.floatPanel .menuBtn{display:none;}
.floatPanel a:hover{background:rgba(0,155,255,0.3); border-color:rgba(50,155,255,1);}
.floatPanel a:hover img{transform:scale(1.1);}
/*.box_con .ct img,.box_con .cb img{display: block;width: 100%}*/
/*.box_con .cc{overflow:hidden; background:url(../img/tc.png) repeat center center;background-size: 100% auto; padding:30px 100px; position: relative; z-index:1; text-align: left;}*/
.layui-box{display: flex;justify-content: center;align-items: center}
.layui-box a{color: #000000;font-size: 18px;display: block;margin: 0 15px}
.layui-box a.layui-disabled{color: #b8b7b7;}
.layui-box .layui-laypage-curr{color: #295fc1}
.layui-box .layui-laypage-skip .layui-input{width: 50px;text-align: center;margin: 0 15px}
.layui-box .layui-laypage-skip .layui-laypage-btn{width: 50px;text-align: center;margin: 0 15px;background: #295fbf;color: #ffffff}

/*index*/
.index {width:100%;height: 100%;background: url("../img/index.jpg") no-repeat center top;background-size: 100% 100%;}
.index a{display: block;width: 100%;height: 100%}
.index .enter{display: block; width: 472px;height:124px;position: absolute;bottom: 50px ;left: 50%;transition: all 0.3s ease-in-out;animation:  enterAnimation 3s infinite  }
@keyframes enterAnimation{
  0%{
      transform:translateX(-50%) scale(1.0);
  }
  50%{
      transform:translateX(-50%) scale(1.1);
  }
  100%{
      transform:translateX(-50%) scale(1.0) ;
  }
}
/*about*/
.about .pagebox1{margin-bottom: 90px;position: relative}
.about .pagebox1 .box_con {background: url("../img/about-box-bg1.png") no-repeat center top; background-size: 100% 100%; padding: 85px}
.about .pagebox1 .box_con p{color: #4169b8;text-indent: 2em;line-height: 2;font-size: 22px}
.about .pagebox1 .box_con p strong{position: relative;z-index: 10}
.about .pagebox1 .box_con p strong:after{content: "";display:block;width: 100%;height: 10px;background: #70dfd2;position: absolute;bottom: 0;left: 0;z-index: -1}
.about .pagebox1 .box_con img{display: block;width: 100%;max-width: 1048px;margin: 20px auto}
.about .pagebox2{margin-bottom: 10px;position: relative;}
.about .pagebox2 .box_tit img{margin-bottom: 100px;}
.about .pagebox2 .box_con img{display: block;width: 100%; max-width: 1199px;margin: 0 auto;}
.about .pagebox3{margin-bottom: 70px;position: relative}
.about .pagebox3 .box_con {padding: 80px 65px;background: url("../img/about-box-bg2.png") no-repeat center top; background-size: 100% 100%;}
.about .pagebox3 .box_con p{color: #4169b8;text-align: center;font-size: 28px;line-height: 2;font-weight: 700;font-style: italic;}
.about .pagebox3 .box_con img{display: block;width: 100%; max-width: 1074px;margin: 70px auto 0 auto;}
.about .pagebox4{margin-bottom: 110px;position: relative;}
.about .pagebox4 .box_con{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.about .pagebox4 .box_con li{width: 25%;max-width: 222px;flex-shrink: 0;margin: 0 auto 30px}
.about .pagebox4 .box_con li img{display: block;width: 100%; margin: 0 auto;}
.about .pagebox4 .box_con li p{font-size:20px;text-align: center;line-height:1.5;color: #595757;}
.about .pagebox5{margin-bottom: 70px;position: relative;}
.about .pagebox5 .box_con {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.about .pagebox5 .box_con li{width: 25%;max-width: 287px;flex-shrink: 0; margin: 0 auto 20px}
.about .pagebox5 .box_con li img{display: block;width: 100%; margin: 0 auto;}
.about .float1{display: block; width: 282px;position: absolute;right: 90px;top: -200px}
.about .float2{display: block; width: 170px;position: absolute;left: 86px;top: -90px}
.about .float3{display: block; width: 259px;position: absolute;right: 80px;top: -150px}

/* join */
.join .pagebox1{margin-bottom: 70px;position: relative;}
.join .pagebox1 .float1{display: block;width: 215px;position: absolute;top: 0;left: 0;}
.join .pagebox1 .float2{display: block;width: 400px; position: absolute;top: -200px; right:-10px;}
.join .pagebox1 .box_con img{display: block;width: 100%;max-width: 1329px;margin: 0 auto;}
.join .pagebox2{margin-bottom: 70px;position: relative;}
.join .pagebox2 .box_con{background: url("../img/join-box-bg.png") no-repeat center top ;background-size: 100% 100%;padding: 120px 75px 85px}
.join .pagebox2 .sub-tit img  {display: block;height: 50px;margin: 0 auto 50px auto;}
.join .pagebox2 .sub-box{ position: relative;}
.join .pagebox2 .post{ display: flex; justify-content: center; align-items: center; margin: 80px auto 50px;}
.join .pagebox2 .post img{display: block;height: 59px;margin: 0 auto;transition: all 0.3s ease-in-out; animation: postAnimation 3s infinite;}
@keyframes postAnimation{
    0%{
        transform: scale(1.0);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1.0);
    }
}
.join .pagebox2 .sub-con .tit img {display: block;height: 47px;margin: 0 auto 30px 40px;}
.join .pagebox2 .sub-con .responsibility{margin-bottom: 30px;}
.join .pagebox2 .sub-con .requirement{margin-bottom: 30px;}
.join .pagebox2 .sub-con p{color: #000000;font-size: 24px;line-height: 2;display: flex;justify-content: flex-start;align-items: flex-start;}
.join .pagebox2 .sub-con p:before{content: '';display: block;width:19px;height: 21px;background: url("../img/join-icon.png") no-repeat center top;background-size: 100% 100%;margin-right: 15px;margin-top: 13px;flex-shrink: 0}
.join .pagebox2 .float1{position: absolute;top: -40px;left: 90px;display: block; width: 170px }
.join .pagebox2 .float2{position: absolute;top: 50%;right: 130px;display: block; width: 140px }
.join .pagebox3{position: relative;padding-bottom: 150px}
.join .pagebox3 .sub-tit img{display: block;height: 57px;margin: 0 auto 25px auto;}
.join .pagebox3 .box_con{background: rgba(121,207,244,0.5);border-radius: 10px;padding: 40px}
.join .pagebox3 .box_con p{color: #000000;line-height: 1.8;text-indent: 2em;font-size: 24px}
.join .pagebox3 .float3{position: absolute;bottom: -150px;right:115px;display: block; width: 282px }

/* culture */
.culture .sub-tit img{display: block;margin: 0 auto 50px auto;height: 77px;max-width: 100%;}
.culture .pagebox1 {position: relative;}
.culture .pagebox1 .box_con{padding: 90px 75px 70px;background:url("../img/culture-box-bg.png") no-repeat center top ;background-size: 100% 100%;margin-bottom: 65px;}
.culture .pagebox1 .sub-box{padding: 30px 30px 30px 60px;margin-bottom: 10px}
.culture .pagebox1 .sub-box h4{color: #ffffff;font-size: 28px;font-style: italic;margin-bottom: 15px}
.culture .pagebox1 .sub-box p{color: #ffffff;font-size: 22px;text-indent: 2em;line-height: 1.8}
.culture .pagebox1 .sub-box1{background: url("../img/sub-box-bg1.png") no-repeat center top ;background-size: 100% 100%;}
.culture .pagebox1 .sub-box1 .top{display: flex;justify-content: space-between;align-items: center;}
.culture .pagebox1 .sub-box1 .bottom{margin-top: 25px;}
.culture .pagebox1 .sub-box1 .bottom .swiper-container{margin-top: 40px}
.culture .pagebox1 .sub-box1 .bottom .swiper-container .swiper-slide {transform: scale(0.8);flex-shrink: 0;opacity: 0}
.culture .pagebox1 .sub-box1 .bottom .swiper-container .swiper-slide-active {transform: scale(1);z-index: 10;position: relative;opacity: 1}
.culture .pagebox1 .sub-box1 .bottom .swiper-container .swiper-slide-prev, .culture .pagebox1 .sub-box1 .bottom .swiper-container .swiper-slide-next {opacity: 1;}
.culture .pagebox1 .sub-box1 .right img{display: block;margin-left: 25px;max-width: 260px;}
.culture .pagebox1 .sub-box2{background: url("../img/sub-box-bg2.png") no-repeat center top ;background-size: 100% 100%}
.culture .pagebox1 .sub-box2 .sub-box-title{margin: 50px auto }
.culture .pagebox1 .sub-box2 .sub-box-title img{display:block;margin: 0 auto;height: 50px;width: auto }
.culture .pagebox1 .sub-box2 img{display: block;margin: 0 auto;width: 100%;max-width: 915px;}
.culture .pagebox1 .sub-box3{display: flex;justify-content: space-between;align-items: center;background: url("../img/sub-box-bg3.png") no-repeat center top;background-size: 100% 100%;}
.culture .pagebox1 .sub-box3 .right img{display: block;margin-left: 30px;max-width: 231px;}
/*.culture .pagebox3{position: relative;margin-bottom: 70px;}*/
/*.culture .pagebox3 .box-con img{display: block;width: 100%;margin: 0 auto 10px auto;max-width: 1192px}*/
/*.culture .pagebox3 .introduce{border-radius: 10px;border: 3px solid #ffffff;background: linear-gradient(to bottom, #64c5d0,#4473d0);padding: 25px 40px;}*/
/*.culture .pagebox3 .introduce h4{color: #ffffff;height: 55px;text-align: center;font-size: 22px;font-weight: 700;padding : 15px 30px;border-radius: 100px; border: 1px solid #ffffff;background: #4473d0; margin:0 auto 25px auto;line-height: 1;width: 100%;max-width: 750px}*/
/*.culture .pagebox3 .introduce p{color: #ffffff;line-height: 2;text-indent: 2em;font-size: 20px}*/
/*.culture .pagebox4{position: relative;margin-bottom: 50px;}*/
/*.culture .pagebox4 .box-con p {font-size: 24px;color: #436fc8;line-height: 2;text-indent: 2em;margin-bottom: 50px}*/
/*.culture .pagebox4 .box-con img {display: block;width: 100%;margin: 0 auto;}*/
.culture .pagebox5{position: relative;margin-bottom: 50px}
.culture .swiper-container{padding-bottom:40px;}
.culture .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:15px;height:15px;margin:0 10px;background: #5c85d8}
.culture .swiper-pagination-bullet-active{background:#68ced0 !important;}
.culture .float1{display: block; width: 170px;position: absolute;top: 20%;left: -250px;transform: translateY(-50%);}
.culture .float2{display: block; width: 216px;position: absolute;top: 65%;right: -270px;transform: translateY(-50%);}
.culture .float3{display: block; width:56px;position: absolute;top: 10px;left: -150px;transform: translateY(-50%);}
.culture .float4{display: block; width:282px;position: absolute;top: 50px;right: -250px;transform: translateY(-50%);}

/* welfare */
.welfare .pagebox1{margin-bottom: 70px;position: relative}
.welfare .box_tit img{margin-bottom: 70px;}
.welfare .pagebox1 .sub-box .float1{display: block; width: 282px;position: absolute;right: 130px;bottom:-180px}
.welfare .pagebox1 .sub-box .float2{display: block; width: 170px;position: absolute;left: 160px;top:20px}
.welfare .pagebox1 .sub-box .float3{display: block; width: 232px;position: absolute;right: 300px;top:-200px}
.welfare .pagebox1 .sub-tit img{display: block;height: 77px;margin: 0 auto 55px auto;}
.welfare .pagebox1 .sub-box{position: relative}
.welfare .pagebox1 .sub-box1 .container img{display: block;margin: 0 auto 85px auto;max-width: 1159px;width:100%;}
.welfare .pagebox1 .sub-box2 .container img{display: block;margin: 0 auto 50px auto;max-width: 1155px;width:100%;}
.welfare .pagebox1 .sub-box3 .container img{display: block;margin: 0 auto;max-width: 1116px;width:100%;}
.welfare .pagebox1 .sub-box3 .sub-tit img{margin-bottom: 70px}

.container {
 width: 100%;
 height: auto;
 padding-right:0px;
 padding-left:0px;
 margin:0 auto;
 position: relative;
}
@media screen and (min-width:1000px){
 .container {
  max-width:1200px;
 }
}
@media screen and (max-width:1000px){
    .container {
        padding-right:1rem;
        padding-left:1rem;
    }
    .top_bar{ height:2.5rem; }
    .top_bar .container{ padding: 0 0.5rem}
    .top_bar .logo img{ height: 1rem;}
    .menu{height:2.5rem;  }
    .menu li{margin:0;}
    .menu li a{ font-size:0.7rem; height:2.5rem; line-height:2.5rem; padding:0 0.5rem;}
    .mainbody{padding-top:2rem;padding-bottom: 4rem;}
    .wrapper{padding-bottom: 3rem;}
    .box_tit img{;height: 3rem;margin: 0 auto 2rem auto}
    .navbar{display: flex;justify-content: space-between;align-items: center;height:3rem;position: fixed;bottom: 0;left: 0;right: 0;background: #ffffff}
    .navbar li{flex: 1;text-align: center}
    .navbar li a{ font-size:0.9rem; height:3rem; line-height:3rem; padding:0 0.5rem; color: #08060b;text-align: center}
    .navbar li.active{background: linear-gradient(to right, #30c3cb, #4273c8);}
    .navbar li.active a{color: #fff;font-weight: bold}
    /* index */
    .index {background: url("../img/wapindex.jpg") no-repeat center top;background-size: 100% 100%;}
    .index .enter{ position: absolute;bottom: 25%}

    /* about */
    .about .pagebox1{margin-bottom: 3rem;}
    .about .pagebox1 .box_con { padding: 3rem 1.2rem 2rem 1.2rem}
    .about .pagebox1 .box_con p{line-height: 1.5;font-size: 0.8rem}
    .about .pagebox1 .box_con p strong:after{height: 5px;}
    .about .pagebox1 .box_con img{margin: 0.5rem auto}
    .about .pagebox2 .box_tit img{margin-bottom: 2rem;}
    .about .pagebox3{margin-bottom: 2rem;}
    .about .pagebox3 .box_con {padding: 2rem 1.2rem;}
    .about .pagebox3 .box_con p{font-size: 0.9rem;line-height: 1.5;}
    .about .pagebox3 .box_con img{margin: 1.5rem auto 0 auto;}
    .about .pagebox4{margin-bottom: 3rem;}
    .about .pagebox4 .box_con li{width: 32.5%;margin: 0 auto 1rem}
    .about .pagebox4 .box_con li p{font-size:0.75rem;text-align: center;line-height:1.5;color: #595757;}
    .about .pagebox5{margin-bottom: 3rem;}
    .about .pagebox5 .box_con li{width: 49%; margin: 0 auto 0.5rem}
    .about .float1{display: block; width: 5rem;position: absolute;right: 1rem;top: -3rem}
    .about .float2{display: block; width: 3rem;position: absolute;left: 1rem;top: -1rem}
    .about .float3{display: block; width: 5rem;position: absolute;right: 1rem;top: -3rem}

    /* join */
    .join .pagebox1{margin-bottom: 3rem;}
    .join .pagebox2{margin-bottom: 3rem;}
    .join .pagebox2 .box_con{padding: 3rem 1.2rem 1rem}
    .join .pagebox2 .sub-tit img  {display: block;height: 1.5rem;margin: 0 auto 1rem auto;}
    .join .pagebox2 .post{ margin: 1rem auto 2rem;}
    .join .pagebox2 .post img{height: 2rem}
    .join .pagebox2 .sub-con .tit img {display: block;height: 1.8rem;margin: 0 auto 0.5rem 0}
    .join .pagebox2 .sub-con .responsibility{margin-bottom: 1rem;}
    .join .pagebox2 .sub-con .requirement{margin-bottom: 1rem;}
    .join .pagebox2 .sub-con p{font-size: 0.8rem;line-height: 1.6;}
    .join .pagebox2 .sub-con p:before{width: 0.75rem;height: 0.8rem;margin-right: 0.5rem;margin-top: 0.2rem;flex-shrink: 0}
    .join .pagebox2 .float1{top: -1rem;left: 1rem; width: 3rem }
    .join .pagebox2 .float2{top: 50%;right: 0; width: 2rem }
    .join .pagebox3{ padding-bottom: 5rem}
    .join .pagebox3 .sub-tit img{height: 2rem;margin: 0 auto 1rem auto;}
    .join .pagebox3 .box_con{padding: 1rem }
    .join .pagebox3 .box_con p{line-height: 1.5;text-indent: 2em;font-size: 0.75rem}
    .join .pagebox3 .float3{position: absolute;bottom: -1rem;right:1rem;display: block; width: 5rem }

    /* culture */
    .culture .sub-tit img{margin: 0 auto 1rem auto;height: 1.6rem;}
    .culture .pagebox1 .box_con{padding: 2rem 1rem 1.2rem  ;margin-bottom: 2.5rem;}
    .culture .pagebox1 .sub-box{padding: 1rem;margin-bottom: 0.5rem}
    .culture .pagebox1 .sub-box h4{font-size: 0.85rem;margin-bottom: 0.5rem}
    .culture .pagebox1 .sub-box p{font-size: 0.75rem;line-height: 1.5}
    .culture .pagebox1 .sub-box1 .top{display: flex;justify-content: space-between;align-items: center;}
    .culture .pagebox1 .sub-box1 .bottom{margin-top: 0.6rem;}
    .culture .pagebox1 .sub-box1 .bottom .swiper-container{margin-top: 0.6rem}
    .culture .pagebox1 .sub-box1 .right img{margin-left: 0.5rem;max-width: 5rem;}
    .culture .pagebox1 .sub-box2 .sub-box-title{margin: 1rem auto }
    .culture .pagebox1 .sub-box2 .sub-box-title img{height: 1.5rem;width: auto }
    .culture .pagebox1 .sub-box3 .right img{margin-left: 0.5rem;max-width: 3rem;}
    /*.culture .pagebox2{margin-bottom: 2rem;}*/
    /*.culture .pagebox2 p{font-size: 0.75rem;line-height: 2;margin-bottom: 0.5rem}*/
    /*.culture .pagebox3{position: relative;margin-bottom: 3rem;}*/
    /*.culture .pagebox3 .box-con img{display: block;width: 100%;margin: 0 auto 10px auto;max-width: 1192px}*/
    /*.culture .pagebox3 .introduce{border-radius: 10px;border: 3px solid #ffffff;background: linear-gradient(to bottom, #64c5d0,#4473d0);padding: 1rem;}*/
    /*.culture .pagebox3 .introduce h4{height: auto;font-size: 0.8rem;padding : 0.4rem 1rem; margin:0 auto 0.8rem auto;line-height: 1.5;}*/
    /*.culture .pagebox3 .introduce p{line-height: 1.7;font-size: 0.75rem}*/
    /*.culture .pagebox4{margin-bottom: 2rem;}*/
    /*.culture .pagebox4 .box-con p {font-size: 0.75rem;line-height: 1.7;margin-bottom: 2rem}*/
    .culture .pagebox5{margin-bottom: 2rem}
    .culture .swiper-container{padding-bottom:2rem;}
    .culture .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:0.5rem;height:0.5rem;margin:0 0.2rem;}
    .culture .float1{display: block; width: 2rem;top: 20%;left: -1rem;z-index:-1}
    .culture .float2{display: block; width: 4rem;top: 65%;right:-1rem;z-index:-1}
    .culture .float3{display: block; width: 1rem;top: 0.5rem;left: 1rem;z-index:-1}
    .culture .float4{display: block; width: 3rem;top: 0;right: 0;z-index:-1}

    /* welfare */
    .welfare .pagebox1{margin-bottom: 3rem;}
    .welfare .box_tit img{margin-bottom: 2rem;}
    .welfare .pagebox1 .sub-box .float1{width: 4rem;right: 1rem;bottom:-4.5rem}
    .welfare .pagebox1 .sub-box .float2{width: 2.5rem;left: 1rem;top:0.5rem}
    .welfare .pagebox1 .sub-box .float3{width: 3.5rem;right: 1rem;top:-3.5rem}
    .welfare .pagebox1 .sub-tit img{height: 1.7rem;margin: 0 auto 1.5rem auto;}
    .welfare .pagebox1 .sub-box1 .container img{margin: 0 auto 2rem auto;}
    .welfare .pagebox1 .sub-box2 .container img{margin: 0 auto 1.5rem auto;}
    .welfare .pagebox1 .sub-box2 .sub-tit img{margin-bottom: 1rem}
    .welfare .pagebox1 .sub-box3 .sub-tit img{margin-bottom: 2rem}
}