@charset"gb2312";

/* 基础样式 */
* {
    padding: 0;
    margin: 0;
}

body {
    width:100%;
    overflow-x: hidden;
    font-family: "microsoft yahei", Georgia, Serif;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}

ul,
li {
    list-style: none;
}

img {
    display: block;
}

input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer;
    -webkit-appearance: none;
}

a {
    text-decoration: none;
    color: #fff;
}

.center {
    margin: 0 auto;
}

.clear {
    clear: both;
}

.clear:after {
    zoom: 1;
    height: 0;
    content: '.';
    visibility: hidden;
    display: block;
}

.btn {
    display: block;
    width: 12.73rem;
    height: 1.86rem;
    color: #544df2;
    background: #fff;
    border-radius: 50rem;
    text-align: center;
    line-height: 1.86rem;
    font-size: 0.8rem;
    letter-spacing: 0.15rem;
    box-shadow: 0 0.2rem 0.4rem 0.1rem rgba(0, 0, 0, .3);
}

@media only screen and (max-width:309px) {
    html {
        font-size: 9.375px
    }
}

@media only screen and (max-width:319px) and (min-width:310px) {
    html {
        font-size: 9.6875px
    }
}

@media only screen and (max-width:349px) and (min-width:320px) {
    html {
        font-size: 10px
    }
}

@media only screen and (max-width:359px) and (min-width:350px) {
    html {
        font-size: 10.9375px
    }
}

@media only screen and (max-width:374px) and (min-width:360px) {
    html {
        font-size: 11.25px
    }
}

@media only screen and (max-width:399px) and (min-width:375px) {
    html {
        font-size: 11.718px
    }
}

@media only screen and (max-width:413px) and (min-width:400px) {
    html {
        font-size: 12.5px
    }
}

@media only screen and (max-width:469px) and (min-width:414px) {
    html {
        font-size: 12.9375px
    }
}

@media only screen and (max-width:479px) and (min-width:470px) {
    html {
        font-size: 14.6875px
    }
}

@media only screen and (max-width:539px) and (min-width:480px) {
    html {
        font-size: 15px
    }
}

@media only screen and (max-width:559px) and (min-width:540px) {
    html {
        font-size: 16.875px
    }
}

@media only screen and (max-width:569px) and (min-width:560px) {
    html {
        font-size: 17.5px
    }
}

@media only screen and (max-width:629px) and (min-width:570px) {
    html {
        font-size: 17.8125px
    }
}

@media only screen and (max-width:639px) and (min-width:630px) {
    html {
        font-size: 19.6875px
    }
}

/* @media only screen and (min-width:640px) and (max-width:750px){html{font-size:20px}} */
@media only screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px;
    }
}

@media only screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px;
    }
}

@media only screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px;
    }
}

@media only screen and (min-width:799px) {
    html {
        font-size: 23px;
    }
}

/* 板块公用样式 */
.margin-t4 {
    margin-top: 0.2rem;
}

.margin-t5 {
    margin-top: 0.25rem;
}

.margin-t10 {
    margin-top: 0.5rem;
}

.margin-t15 {
    margin-top: 0.75rem;
}

.margin-t16 {
    margin-top: 0.67rem;
}

.margin-t17 {
    margin-top: 0.74rem;
}

.margin-t18 {
    margin-top: 0.78rem;
}

.margin-t19 {
    margin-top: 0.83rem;
}

.margin-t20 {
    margin-top: 1rem;
}

.margin-t25 {
    margin-top: 1.25rem;
}

.margin-t30 {
    margin-top: 1.5rem;
}

.margin-t40 {
    margin-top: 2rem;
}

.margin-t50 {
    margin-top: 2.5rem;
}

.margin-t60 {
    margin-top: 3rem;
}

.margin-t70 {
    margin-top: 3.5rem;
}

.margin-t80 {
    margin-top: 4rem;
}

.margin-l46 {
    margin-left: 2.3rem;
}

/* public */
.block {
    display: block;
    width: 100%;
    max-width: 32.61rem;
    overflow: hidden;
}

.jian_ge {
    width: 100%;
    height: 0.43rem;
    background: #f6f6f6;
}

/* header样式 */
.header {
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header>img {
    width: 20.47rem;
    height: 2.17rem;
    margin-left: 1.3rem;
}

.header>span {
    width: 20.47rem;
    height: 1.34rem;
    display: flex;
    justify-content: flex-start;
    margin-left: 1.3rem;

}

.header>span>p {
    font-size: 0.7rem;
    color: #ee2626;
    line-height: 1.34rem;
}

.header>span>p:last-child {
    margin-left: 0.5rem;
}

/* banner展示区 */
.banner-box {
    width: 100%;
    height: 16.17rem;
    z-index: 0;
}

.banner-box img {
    width: 100%;
    height: 16.173rem;
    z-index: 0;
}
/* block-jian */
.block-jian>h1 {
    width: 100%;
    text-align: center;
    color: #393939;
    font-size: 1.65rem;
    font-style: normal;
    line-height: 4rem;
    font-weight: 500;
}

.block-jian>h1>i {
    font-style: normal;
    color: red;
    font-weight: 700;
}

.block-jian>ul {
    width: 28rem;
    display: flex;
    justify-content: space-between;
}

.block-jian>ul>li {
    width: 6.08rem;
    text-align: center;
    position: relative;
    color: #3e3e3e;
}

.block-jian>ul>li>p:nth-of-type(1) {
    font-size: 0.95rem;
    color: #3e3e3e;
}

.block-jian>ul>li>p:nth-of-type(1)>strong {
    font-size: 2.6rem;
    color: #fd0206;
}

.block-jian>ul>li:nth-child(3)>i,
.block-jian>ul>li:nth-child(4)>i {
    position: absolute;
    width: 0.65rem;
    height: 0.65rem;
    top: 0;
    right: 0.5rem;
    font-style: normal;
}

/* gong_gao */
.gong_gao {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gong_gao>div {
    width: 24.7rem;
    height: 2.86rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gong_gao>div>img {
    width: 1.78rem;
    height: 1.78rem;
}

.gong_gao>div>div {
    width: 21.43rem;
    height: 2.86rem;
    line-height: 2.86rem;
    overflow: hidden;
    margin-left:0.5rem;
    color:red;
}

.gong_gao>a {
    width: 6.21rem;
    height: 1.6rem;
    line-height: 1.6rem;
    background: #f51519;
    font-size: 0.8rem;
    text-align: center;
    border-radius: 50rem;
}

.block-memu>ul {
    width: 30rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.block-memu>ul>li {
    width: 5.478rem;
}

.block-memu>ul>li>a>img {
    width: 5.478rem;
}

.block-memu>ul>li>a>p {
    text-align: center;
    line-height: 3rem;
    color:#3a3a3a;
}

/* menu-cont */
.block-course>h1 {
    text-align: center;
    font-size: 1.65rem;
    font-weight: 500;
}

.block-course>h1>strong {
    font-weight: 700;
    color: #fb0402;
}

.block-course>p {
    text-align: center;
    line-height: 2rem;
    font-size: 0.86rem;
}

.block-course>.menu-list {
    width: 30rem;
    height: 2.2rem;
    overflow: hidden;
}

.block-course>.menu-list>ul {
    width: 30rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-course>.menu-list>ul>li {
    padding: 0 1rem;
    height: 1.92rem;
    line-height: 1.92rem;
    border-radius: 0.4rem;
    border: 0.04rem solid #626262;
}
.block-course>.menu-list>ul>li.on {
    background:red;
    border:none;
    color:#fff;
}
.block-course>.menu-cont {
    width: 30rem;
    /*height: 24.52rem;*/
    overflow: hidden;
}

.block-course>.menu-cont>ul {
    width: 30rem;
    height: 23.52rem;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    display: none;
    margin-bottom:1rem;
}

.block-course>.menu-cont>ul.course-list-active{
    display: flex;
}

.block-course>.menu-cont>ul>li {
    width: 14.26rem;
    height: 11.04rem;
}
.block-course>.menu-cont>ul>li>a {
    display: block;
    width: 14.26rem;
    
}
.block-course>.menu-cont>ul>li>a>img {
    width: 14.26rem;
    height: 7.73rem;
}

/* .block-course>.menu-cont>ul>li>a>strong {
    font-size: 0.95rem;
    color: #434343;
    text-align: center;
    height: 1.86rem;
    line-height: 1.86rem;
} */

.block-course>.menu-cont>ul>li>a>strong {
    display: block;
    line-height: 1.8rem;
    font-size: 0.8rem;
    color: #434343;
    text-align: center;
}

.block-course>.menu-cont>ul>li>span {
    display: flex;
    justify-content: flex-start;
    background: #f11317;
    border-radius: 50px;
    line-height: 1.43rem;
    font-size: 0.8rem;
    color: #fff;
}

.block-course>.menu-cont>ul>li>span>a {
    width: 5.02rem;
    height: 1.43rem;
    background: #fc642d;
    border-radius: 50rem;
    text-align: center;
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

/*new menu-cont*/
.block-course>.menu-cont>div {
    width: 30rem;
    /*height: 23.52rem;*/
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    display: none;
    /*margin-bottom:1rem;*/
}

.block-course>.menu-cont>div.course-list-active{
    display: flex;
}
.block-course>.menu-cont>.course-list{
    width:28.26rem;
    display: none;
    justify-content: space-between;
}
.block-course>.menu-cont>.course-list>div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-course>.menu-cont>.course-list>div:nth-child(1){
    width:11.3rem;
    height:16.08rem;
}
.block-course>.menu-cont>.course-list>div:nth-child(2){
    width:14.96rem;
    height:16.08rem;
}
.block-course>.menu-cont>.course-list>div>img{
    width:11.3rem;
    height:7.52rem;
}
.block-course>.menu-cont>.course-list>div>strong{
    display: block;
    width:14.96rem;
    height:2.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-size: 1rem;
    color:#fff;
    background:linear-gradient(left,#e54748,#f1476f);
    background:-webkit-linear-gradient(left,#e54748,#f1476f);
    border-radius:1rem;

}
.block-course>.menu-cont>.course-list>div>ul{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height:12rem;
}
.block-course>.menu-cont>.course-list>div>ul>li{
    width:100%;
}
.block-course>.menu-cont>.course-list>div>ul>li>a{
    display: flex;
    justify-content: space-between;
}
.block-course>.menu-cont>.course-list>div>ul>li>a>span{
    font-size:0.8rem;
    color:#000;
    line-height: 1.8rem;
}
.block-course>.menu-cont>.course-list>div>ul>li>a>span:nth-child(1){
    width:11.5rem;
}
.block-course>.menu-cont>.course-list>div>ul>li>a>span:nth-child(2){
    text-align: right;
}
/*new menu-cont end*/

/* bao-ming */
.block-bao-ming>.title {
    display: flex;
    justify-content: center;
    height: 1.8rem;
    overflow: hidden;
    align-items: center;
}

.block-bao-ming>.title>i {
    width: 1.3rem;
    height: 1.56rem;
    background: url(../images/icon-hot.jpg) 0 0 no-repeat;
    background-size: 100%;
}

.block-bao-ming>.title>h2 {
    font-size: 1.65rem;
    text-align: center;
    line-height: 1.8rem;
    margin: 0 0.5rem;
    font-weight: 500;
    color: #303030;
    letter-spacing: 0.1rem;
}

.block-bao-ming>.title>h2>strong {
    color: #f20000;
}

.block-bao-ming>.gd-cont,
.block-bao-ming>.gd-cont>div {
    width: 30rem;
    overflow: hidden;
}

.block-bao-ming>.gd-cont>div {
    height: 9.91rem;
}

.block-bao-ming>.gd-cont>.list-title>li,
.block-bao-ming>.gd-cont>div>.list-cont>li {
    display: flex;
    justify-content: space-between;
    height: 1.47rem;
    line-height: 1.47rem;
}

.block-bao-ming>.gd-cont>.list-title>li>p {
    text-align: center;
    font-size: 0.69rem;
    color: #fff;
    background: #0798ff;
}

.block-bao-ming>.gd-cont>div>.list-cont>li>p {
    text-align: center;
    font-size: 0.69rem;
    color: #515151;
    background: #e6e6e6;
}

.block-bao-ming>.gd-cont>.list-title>li>p:nth-child(1),
.block-bao-ming>.gd-cont>div>.list-cont>li>p:nth-child(1) {
    width: 4.4rem;
}

.block-bao-ming>.gd-cont>.list-title>li>p:nth-child(2),
.block-bao-ming>.gd-cont>div>.list-cont>li>p:nth-child(2) {
    width: 3.46rem;
}

.block-bao-ming>.gd-cont>.list-title>li>p:nth-child(3),
.block-bao-ming>.gd-cont>div>.list-cont>li>p:nth-child(3) {
    width: 11.43rem;
}

.block-bao-ming>.gd-cont>.list-title>li>p:nth-child(4),
.block-bao-ming>.gd-cont>div>.list-cont>li>p:nth-child(4) {
    width: 4.4rem;
}

.block-bao-ming>.gd-cont>.list-title>li>p:nth-child(5),
.block-bao-ming>.gd-cont>div>.list-cont>li>p:nth-child(5) {
    width: 5.56rem;
    background: #ff0a10;
}

.block-bao-ming>.gd-cont>div>.list-cont>li>p:nth-child(5) {
    background: #e6e6e6;
}

.block-bao-ming>.gd-cont>div>.list-cont>li {
    margin-top: 0.2rem;
}

.block-bao-ming>img {
    width: 30rem;
    height: 16rem;
    margin-top: 0.45rem;
}

/* form1 */
.form1 {
    width: 30rem;
    padding-top: 1.3rem;
}

.form1 form {
    text-align: center;
}

.form1 form h3 {
    font-size: 1.47rem;
    color: #333;
    line-height: 1.4;
    text-align: center;
    font-weight: 500;
}

.form1 form h3 strong {
    color: #e91515;
}

.form1 form p {
    font-size: 0.95rem;
    color: #606060;
    margin-bottom: 0.86rem;
}

.form1 form input {
    font-size: 0.95rem;
    text-indent: 2rem;
    border: 1px solid #eee;
    outline: none;
    width: 100%;
    height: 2.52rem;
    line-height: 2.52rem;
    margin-bottom: 0.86rem;
}

.form1 form input[type="submit"],
.form1 form input[type="button"] {
    text-indent: 0;
    width: 15.65rem;
    background-color: #f3e56c;
    border-radius: 2.52rem;
    font-size: 0.9rem;
    color: #e91515;
    font-weight: 600;
}

/* huan-jing */
.huanjin {
    width: 30rem;
    text-align: center;
}

.huanjin h4 {
    padding-top: 0.86rem;
    font-size: 1.65rem;
    font-weight: 700;
    padding-bottom:0.86rem;
}

.huanjin p {
    color: #303030;
    font-size: 1.3rem;
    line-height: 4rem;
}

.huanjin p a {
    color: #e91515;
}

.huanjin .lb_4 .swiper-wrapper .swiper-slide img {
    width: 29.86rem;
    height: 23.43rem;
}

/* news cont */
h5.tit {
    width: 100%;
    font-size: 1.65rem;
    line-height: 4rem;
    text-align: center;
}

.dongtai .dongtai-tabs {
    width: 30rem;
    display: flex;
    justify-content: space-between;
}

.dongtai .dongtai-tabs a {
    color: #000;
    font-size: 1rem;
    width:9rem;
    height: 2.82rem;
    line-height: 2.82rem;
    background: #f0eded;
    text-align: center;
    border-radius: 0.5rem;
}

.dongtai .dongtai-tabs a.active {
    background: #dc0303;
    color: #fff;
}

.dongtai .dt-news {
    width: 30rem;
    margin: 0.86rem auto 0rem;
    overflow: hidden;
}

.dongtai .dt-news .dt-news-item1 {
    width: 100%;
    overflow: hidden;
}

.dongtai .dt-news .dt-news-item1 img {
    width: 8.95rem;
    height:4.65rem;
    float: left;
}

.dongtai .dt-news .dt-news-item1 div {
    width: 70%;
    float: left;
}

.dongtai .dt-news .dt-news-item1 div span {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 3%;
    color: #3b333f;
    margin-top: 2%;
}

.dongtai .dt-news .dt-news-item1 div p {
    display: block;
    font-size: 0.9rem;
    line-height: 1.5;
    padding-left: 3%;
    color: #3b333f;
    text-indent: 2rem;
}

.dongtai .dt-news .dt-news-item2 ul {
    width: 100%;
    margin: 3% auto;
}

.dongtai .dt-news .dt-news-item2 ul li {
    border-top: 1px dashed #d1d1d1;
    padding: 2% 0 2% 2%;
    font-size: 0.9rem;
    color: #3b333f;
    line-height: 1.5;
}

.dongtai .dt-news .dt-news-item2 ul li em {
    font-style: normal;
    float: right;
    font-weight: bold;
    line-height: 1.5;
    color: #3b333f;
}

.dongtai .dt-news .dt-news-item2 ul li a {
    text-decoration: none;
    color: #000;
}

.dongtai .dt-news .dt-news-item3 a {
    display: block;
    width: 50%;
    margin: 3% auto;
    border: 1px solid #3b3b3b;
    border-radius: 5px;
    font-size: 0.9rem;
    line-height: 2;
    text-align: center;
    color: #3b3b3b;
}

/* 疑问 */
.ind_shiwu_a {
    font-size: 1.65rem;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.zx6 {
    width: 30rem;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zx6 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31.2%;
    background-color: #fa0110;
    color: #FFF;
    height: 2.56rem;
    line-height: 2.56rem;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    border-radius: 0.3rem;
}

.zx6 a img {
    width: 1.65rem;
    height: 1.56rem;
    margin-right: 0.3rem;
}

.wyw {
    width: 30rem;
    overflow: hidden;
}

.wyw dl dd {
    border-bottom: 1px solid #ccc;
    height: 3rem;
}

.wyw dl dd p {
    float: left;
    width: 70%;
    margin: 0.86rem 0 0 1.3rem;
}

.wyw dl dd p a {
    font-size: 0.9rem;
    color: #666;
    line-height: 226%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wyw dl dd .ui-btn {
    width: 25%;
    float: right;
    line-height: 2rem;
    background: linear-gradient(-90deg, #ec0e08 0, #ff624b 100%);
    margin-top: 2.5%;
}

.wyw .ui-btn {
    font-size: 0.9rem;
    color: #fff;
    line-height: 2rem;
    text-align: center;
    background: linear-gradient(-90deg, #ec0e08 0, #ec0e08 100%);
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50rem
}

/* cont-banner */
.sdxhmo_btm_tel {
    width: 96%;
}

.sdxhmo_btm_tel .dianhua {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

.sdxhmo_btm_tel img {
    width: 100%;
}

/* form */
.sdxhmo_btm_form_title {
    color: #FFF;
}

.sdxhmo_btm_form {
    font-size: 0.9rem;
    text-align: center;
    background-color: #fc1107;
    height: auto;
    overflow: hidden;
    padding-bottom: 1.8rem;
}

.ind_shijiu_b {
    width: 95%;
    height: auto;
    margin: 0.86rem auto 0;
    overflow: hidden;
    background: #fff;
    border-radius: 0.26rem;
    padding-top: 1.3rem;
}

.sdxhmo_btm_form div {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.ind_shijiu_b {
    width: 90%;
    height: auto;
    margin: 0.86rem auto 0;
    overflow: hidden;
    background: #fff;
    border-radius: 0.26rem;
    padding-top: 1.3rem;
}

.sdxhmo_btm_form p {
    margin: 0.8rem 0 0;
    font-size: 1em
}

.sdxhmo_btm_form p span {
    color: #f60a31
}

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

.sdxhmo_btm_form .sdxhmo_btm_form_title {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.sdxhmo_btm_form input,
.sdxhmo_btm_form select {
    width: 94%;
    padding-left: 1rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 2.5rem;
    color: #888;
    margin: 1% auto;
    text-indent: 0;
    display: block;
    height: 2.5rem;
    box-sizing: border-box
}

.sdxhmo_btm_form [type="submit"] {
    width: 92%;
    height: auto;
    background: #fb0005;
    color: #FFF;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 2.8rem;
    border: 0;
    padding: 0;
    margin: 1.5rem auto 0.5rem;
}

.tbtp {
    width: 26.65rem;
    display: flex;
    justify-content: space-between;
}

.tbtp>img {
    width: 4.34rem;
    height: 4.34rem;
}

.tbtp>.dui {
    width: 22rem;
    margin-top: 1.3rem;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tbtp>.dui>li {
    width: 7rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tbtp>.dui>li>img {
    width: 1.73rem;
    height: 1.52rem;
    margin-right: 0.2rem;
}

form {
    width: 96%;
    margin: auto;
}

.sdxhmo_btm_form input,
.sdxhmo_btm_form select {
    width: 94%;
    padding-left: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 2.5em;
    color: #888;
    margin: 1% auto;
    text-indent: 0;
    display: block;
    height: 2.5em;
    box-sizing: border-box;
}

.input-name {
    display: block;
    width: 94%;
    line-height: 2.5em;
    color: #170303;
    margin: 0 auto;
    text-indent: 0;
    display: block;
    height: 2.5em;
    box-sizing: border-box;
    text-align: left;
    font-size: 0.9rem;
}

.input-name>.icon-t {
    font-size: 0.9rem;
    color: red;
}

.sdxhmo_btm_form input,
.sdxhmo_btm_form select {
    width: 94%;
    padding-left: 1rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 2.5rem;
    color: #888;
    margin: 1% auto;
    text-indent: 0;
    display: block;
    height: 2.5rem;
    box-sizing: border-box;
    font-size: 0.9rem;
}

.font-red {
    display: block;
    text-align: center;
    width: 90%;
    margin: 0.5rem auto 1rem;
    color: #F00;
}

/* bottom-banner */
.bottom-banner>img {
    width: 100%;
}

/* 版权信息样式 */
.copyright>ul {
    width: 100%;
    height: 1.82rem;
    display: flex;
    justify-content: center;
    background: #fff;
}

.copyright>ul>li {
    width: 5.39rem;
    height: 1.82rem;
    line-height: 1.82rem;
}

.copyright>ul>li>a {
    display: block;
    line-height: 1.82rem;
    color: #565656;
    text-align: center;
    font-size: 0.9rem;
}

.copyright>p {
    margin-top:1rem;
    line-height: 1.6rem;
    font-size: 0.9rem;
    color: #565656;
    text-align: center;
}