/***************公共样式*****************/

* {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    /*禁用系统默认菜单*/
    -webkit-overflow-scrolling: touch;
    /*属性控制元素在移动设备上是否使用滚动回弹效果：
    auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。
    touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文*/
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    /*这个属性只用于iOS (iPhone和iPad)。*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
    /*font-weight: 200;*/
    /*文本粗细*/
    list-style: none;
    user-select: none;
    -webkit-user-select: none;
    /*-webkit-user-select: none;——谷歌浏览器或谷歌移动平台上访问网页不能复制*/
    box-sizing: border-box;
    /*指定计算方式 (width=border+padding)*/
}

input {
    -webkit-user-select: text;
    /*-webkit-user-select: text;——谷歌浏览器或谷歌移动平台上访问网页可以选中并可以复制*/
}

body,
html {
    /* width: 100%; */
    /* width: 1200px; */
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei';
}


/* .bg,
.content {
    /* width: 750px;
    height: 1285px;
    position: absolute;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%; */


/*如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
} */

a {
    text-decoration: none;
}

.w_100 {
    width: 100%;
}

.h_100 {
    height: 100%;
}

.img_100b {
    width: 100%;
    display: block;
}

.h-center {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.v-center {
    top: 0;
    bottom: 0;
    margin: auto;
}

.page-hide {
    display: none;
}

.page-hidi {
    display: block;
}

.hide {
    display: none;
}

.hidi {
    display: block;
}

.abs {
    position: absolute;
}

.abr {
    position: relative;
}

.abf {
    position: fixed;
}

.page {
    display: none;
}

.curr-page {
    display: block;
}

.inlb {
    display: inline-block;
}

.inb {
    display: block;
}

.fx {
    display: flex;
    align-items: center;
}


/*************************公共样式完****************************/

.MengC {
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9;
}


/* .MengC:hover {
    display: none;
} */

@-webkit-keyframes fadeInUpS {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpS {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpS {
    -webkit-animation: fadeInUpS 1S;
    animation: fadeInUpS 1S;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.Floor {
    opacity: 0;
}


/*****************************index主页*****************************/

.Floor2 {
    background: rgba(242, 243, 244, 1);
}

.Floor2-Fx {
    width: 60%;
    margin: 0% auto;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 1px solid red; */
}

.Floor2-Fx-opt {
    width: 32%;
    /* height: 323px; */
    margin-top: -7%;
    flex-flow: column;
    justify-content: center;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    overflow: hidden;
}

.Floor2-Fx-optT {
    width: 100%;
    height: 100px;
    padding: 2% 3%;
    text-align: center;
}

.Floor2-Fx-optT1 {
    font: bold 1rem 'SourceHanSansCN';
    color: rgba(51, 51, 51, 1);
    margin: 3% auto 2% auto;
}

.Floor2-Fx-optT2 {
    font: 400 0.7rem 'SourceHanSansCN';
    color: rgba(51, 51, 51, 1);
}

.Floor2-Text {
    padding: 2% 0 3% 0;
    font: 400 0.7rem 'SourceHanSansCN';
    color: rgba(102, 102, 102, 1);
    text-align: center;
}

.Floor3 {
    padding: 3% 18.75% 4% 18.75%;
}

.Floor3-title {
    font: bold 1.3rem 'SourceHanSansCN';
    color: rgba(51, 51, 51, 1);
    text-align: center;
    /* border: 1px solid red; */
}

.Floor3-title-shux {
    width: 5.5%;
    height: 1px;
    margin: 2% auto;
    text-align: center;
    background: rgba(0, 0, 0, 1);
}

.Floor3_cont {
    width: 100%;
    justify-content: space-between;
    /* border: 1px solid red; */
}

.Floor3_contL {
    width: 50%;
}

.Floor3_contR {
    width: 50%;
    padding: 2%;
    /* border: 1px solid red; */
}

.Floor3_contR-title {
    font: bold 1rem 'SourceHanSansCN';
    color: rgba(15, 178, 252, 1);
    text-align: center;
}

.Floor3_contR-opt {
    width: 100%;
    margin: 6% 0;
}

.Yuan {
    width: 7px;
    height: 7px;
    background: rgba(15, 178, 252, 1);
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
}

.Floor3_contR-opt-T {
    /* width: 75%; */
    font: 400 0.8rem 'SourceHanSansCN';
    color: rgba(51, 51, 51, 1);
    text-align: left;
    /* border: 1px solid red; */
}

.Floor3_contR-opt-time {
    font: 400 0.7rem 'SourceHanSansCN';
    color: rgba(153, 153, 153, 1);
    text-align: left;
    display: inline-block;
}

.Floor4-titleS {
    width: 100%;
    padding: 3% 18.75%;
    background: rgba(238, 238, 238, 1);
    text-align: center;
}

.Floor4-title1 {
    font: bold 1.3rem 'SourceHanSansCN';
    color: rgba(51, 51, 51, 1);
}

.Floor4-title2 {
    font: 400 1.1rem 'SourceHanSansCN';
    color: #666666;
    margin-top: 0.5%;
}

.Floor4-titleT {
    font: 400 0.7rem 'Microsoft YaHei';
    color: rgba(51, 51, 51, 1);
}

.Floor4-cont {
    width: 100%;
    flex-flow: row wrap;
    background: #0589C4;
}

.Floor4-cont-opt {
    width: 50%;
}

.Floor4-cont-optT {
    bottom: 10%;
    right: 5%;
    font: 500 0.7rem 'SourceHanSansCN';
    color: rgba(255, 255, 255, 1);
    z-index: 10;
}

.Floor4-cont-optT2 {
    bottom: 10%;
    left: 5%;
    font: 500 12px 'SourceHanSansCN';
    text-align: center;
    color: rgba(255, 255, 255, 1);
    z-index: 10;
}

.Floor4-cont-optabs {
    width: 100%;
    padding: 7% 4%;
    top: 0;
    left: 0;
    /* border: 1px solid red; */
}

.optabs-title {
    font: bold 1.3rem 'SourceHanSansCN';
    color: rgba(255, 255, 255, 1);
}

.optabs-text {
    font: 500 0.8rem 'SourceHanSansCN';
    color: rgba(255, 255, 255, 1);
    margin-top: 1%;
}

.optabs-text2 {
    font: 500 0.7rem 'SourceHanSansCN';
    color: rgba(255, 255, 255, 1);
    margin: 2% 0 6% 0;
}

.optabs-fxS {
    width: 70%;
    margin-top: 8%;
    /* border: 1px solid red; */
}

.optabs-fxS-title {
    text-align: center;
    font: bold 1rem 'SourceHanSansCN';
    color: rgba(255, 255, 255, 1);
    margin-bottom: 3%;
}

.optabs-fx {
    justify-content: space-between;
}

.optabs-fx_img {
    width: 17%;
}

.Floor5_cont {
    width: 100%;
    top: 0;
    text-align: center;
    margin: 7% auto;
    /* border: 1px solid red; */
}

.Floor5-title {
    font: bold 1.3rem 'SourceHanSansCN';
    color: rgba(51, 51, 51, 1);
}

.Floor5-title-shux {
    width: 4%;
    height: 1px;
    margin: 1% auto;
    text-align: center;
    background: rgba(0, 0, 0, 1);
}

.Floor5-titleT {
    font: 400 0.7rem 'Microsoft YaHei';
    color: rgba(51, 51, 51, 1);
}

.Floor5-titleTT {
    font: 500 1.1rem 'Microsoft YaHei';
    color: #333333;
}

.Floor6 {
    width: 100%;
    /* height: 300px; */
}

.Floor6-title {
    text-align: center;
    font: bold 1.3rem 'Microsoft YaHei';
    color: rgba(51, 51, 51, 1);
    margin: 4% 0 2% 0;
}

.Floor6-cont {
    width: 80%;
    margin: 0 auto;
    justify-content: center;
    align-items: flex-start;
    /* margin-top: -10%; */
    /* border: 1px solid yellow; */
}

.Floor6-cont1 {
    /* width: 58%; */
    flex-flow: column;
    /* justify-content: space-between; */
    align-items: flex-start;
    /* border: 1px solid red; */
}

.Floor6-cont2>div {
    margin-bottom: 6px;
}

.Floor6-cont2 {
    /* width: 241px; */
    /* width: 20%; */
    flex-flow: column;
}

.Floor6_BBG {
    width: 100%;
    height: 300px;
    background: rgba(238, 238, 238, 1);
    margin-top: -220px;
}

.Floor6-cont-I3 {
    /* width: 242px;
    height: 546px; */
    /* width: 20%; */
    margin: 0 6px;
}

.Floor6-cont-I1 {
    /* width: 38%; */
    margin-right: 7px;
}

.Floor6-cont-I2 {
    /* width: 60.8%; */
}

.Floor6-cont-I5 {
    /* width: 69.2%; */
    margin-right: 7px;
}

.Floor6-cont-I6 {
    /* width: 29.5%; */
}


/* 
.Floor6-cont-I3 {
    width: 242px;
    height: 546px;
    margin: 0 6px;
}

.Floor6-cont-I4 {
    width: 241px;
    height: 276px;
}



.Floor6-cont-I7 {
    width: 241px;
    height: 264px;
} */