@media screen and (min-width: 320px) {}

@media screen and (min-width: 360px) {}

@media screen and (min-width: 375px) {}

@media screen and (min-width: 400px) {}

@media screen and (min-width: 414px) {}

@media screen and (min-width: 440px) {}

@media screen and (min-width: 480px) {}

@media screen and (min-width: 520px) {}

@media screen and (min-width: 560px) {}

@media screen and (min-width: 600px) {}

@media screen and (min-width: 640px) {}

@media screen and (min-width: 680px) {}

@media screen and (min-width: 720px) {}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 800px) {}

@media screen and (min-width: 960px) {}


/* 模态框 my_Modal */

/*footer*/

.foot_box {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 1%;
}

.foot_left_a {
    font-size: 12px;
}







/*修改tab分类的相关组件样式*/

.nav-tabs.tab_select {
    border: none;
    margin-top: 1%;
    margin-left: -1%;
}

.nav-tabs.tab_select .nav-link {
    border-radius: .25rem;
}

.nav-tabs.tab_select .nav-item {
    margin: 0 10px;
}

.nav-tabs.tab_select .nav-link.active {
    color: #fff;
    background: linear-gradient(#D51F35, #AC2641);
    border: none;
    padding: 0.2rem 0.6rem;
}


/*tooltip插件*/

.tooltip-inner {
    background: linear-gradient(#D51F35, #AC2641);
    font-size: 12px;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #AC2641;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #D51F35;
}


/* 图片宽高自适应*/

.auto_img_width {
    width: 100%;
    height: auto;
}

.auto_img_height {
    width: auto;
    height: 100%;
}


/*scorll在手机上消失导致多10px*/

.fixed-top {
    width: 100%;
}

body {
    position: relative;
    min-height: 100vh;
}

p {
    margin: 0;
}


/*给盒子加阴影圆角*/

.add_boxshadow {
    box-shadow: 0 5px 10px rgba(198, 181, 181, 0.2);
    border-radius: 8px;
}


/*图片背景加遮罩*/

.mask_bg {
    width: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}


/*通用title 文体*/

.title {
    font-family: "Yuanti SC", "YouYuan", sans-serif;
}


/*设置断点*/

.add-margin {
    padding-left: 15px;
    padding-right: 15px;
   /*  padding: 0; */
}

@media (min-width: 1200px) {
    .add-margin {
        width: 1190px;
        margin-left: auto;
        margin-right: auto;
    }
 
}




/*导航栏*/

@media (min-width: 1400px) {
    .nav_padding {
        padding: 0 9rem;
    }
}

.login_line {
    height: 24px;
    line-height: 24px;
}

.navbar_logo {
    width: 390px;
    height: 115px;
}

.navbar_text_box {
    display: inline-block;
}

@media (min-width: 1200px) {
    .navbar_btn {
        padding: 0 2rem !important;
        line-height: 96px;
    }
}

.nav_btn_fg {
    height: 25px;
    margin-top: 37px;
    border-left: 1px solid #ddd;
}

.login_tb {
    margin: 0 40px;
}


/*内容显示被导航遮住的部分 露出登录下的css -54*/

.container_padding {
    padding: 150px 0 0;
}

a {
    color: #333
}

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


/*内容显示被导航遮住的部分*/


/*.container_padding {*/


/*padding: 93px 0 0*/


/*}*/


/*@media (min-width: 1200px) {*/


/*.container_padding {*/


/*padding: 124px 0 0*/


/*}*/


/*}*/


/*常用字号与颜色*/

.c484C55 {
    color: #484C55
}

.c333 {
    color: #333
}

.c666 {
    color: #666
}

.c856767 {
    color: #856767
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f28 {
    font-size: 28px;
}

.f32 {
    font-size: 32px;
}

.f36 {
    font-size: 36px;
}

 /* 溢出省略-------- */
  .text-over{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  }
@media (max-width: 1200px) {
    .container_padding {
        padding: 77px 0 0;
    }
    .p-xl-5 {
        padding: 0rem !important;
    }
}

 
@media (max-width: 768px) {
    .nav-tabs.tab_select {
        border: none;
        margin-top: 20%;
        margin-left: -1%;
    }
    .nav-tabs.tab_select.about{
        border: none;
        margin-top:15%;
        margin-left: -1%;
    }
    #contentHeight .se {
        position: relative !important;
        top: -12px
    }
    #ar_se .se {
        position: relative !important;
        top: -12px
    }
    .container_padding {
        padding: 19px 0 0;
    }
    /* .container_padding.mar_top{padding: 0 0 19px 0} */
    #tabConten2 .f14 {
        font-size: 1rem;
    }
}


@media (min-width: 576px) {
  #my_Modal .modal-dialog{
    max-width: 700px;
  }
}
@media (max-width: 768px){
    .mt-sm-4, .my-sm-4 {
        margin-top: -2.5rem !important;
    }
}