/*é€šç”¨*/
* {
    margin: 0;
    padding: 0;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {}


.u-flex {
	display: flex;
	flex-direction: row;
	align-items: center
}

.u-flex-wrap {
	flex-wrap: wrap
}

.u-flex-nowrap {
	flex-wrap: nowrap
}

.u-col-center {
	align-items: center
}

.u-col-top {
	align-items: flex-start
}

.u-col-bottom {
	align-items: flex-end
}

.u-row-center {
	justify-content: center
}

.u-row-left {
	justify-content: flex-start
}

.u-row-right {
	justify-content: flex-end
}

.u-row-between {
	justify-content: space-between
}

.u-row-around {
	justify-content: space-around
}

.u-text-left {
	text-align: left
}

.u-text-center {
	text-align: center
}

.u-text-right {
	text-align: right
}

.u-flex-col {
	display: flex;
	flex-direction: column
}

body {
    margin: 0;
    color: #222;
    position: relative;
    font-family: Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Arial, "sans-serif";
    font-size: 12px;
    word-break: break-word;
    background-color: #fff;
    min-width: 1200px;
}

ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {
    margin: 0px;
    padding: 0px;
    border: none;
    list-style: none;
    font-weight: normal;
    line-height: 1.5
}

a {
    text-decoration: none;
    text-shadow: none;
    font-weight: normal;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

ul {
    list-style: none;
}

textarea, input, button, select {
    outline: none;
    -webkit-appearance: none;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #2d2d2d;
    text-decoration: none;
    line-height: 1.5
}

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

span {
    margin: 0;
    padding: 0;
    cursor: auto;
}

span:focus, div:focus {
    outline: none;
}

i {
    font-style: normal;
}

button {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

input {
    background-color: transparent;
    border: none;
}

img.OF-cover {
    font-family: 'object-fit: cover';
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.flexC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.fl-bet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fl-cen {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fl-end {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: flex-end;
}

.flex-dir {
    flex-direction: row-reverse;
}

.overF {
    overflow: hidden;
}

.marL {
    margin-left: auto
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.br4 {
    border-radius: 4px;
}

.br6 {
    border-radius: 6px;
}

.br8 {
    border-radius: 8px;
}

.br10 {
    border-radius: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-90 {
    margin-top: 90px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-80 {
    padding-bottom: 80px;
}

.div-space {
    padding: 50px 0;
}

.position-relative {
    position: relative;
}

.ward {
    width: 1200px;
    margin: 0 auto;
}

.rotate180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: all .4s;
}

.triangle {
    width: 0;
    height: 0;
    border-top: 8px solid var(--whiteColor);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transition: all var(--transition);
}

/********
é¦–é¡µ
********/
/*header*/
.IndHead {
    position: absolute;
    z-index: 2023;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    background-color: rgba(255, 255, 255, .3);
}

.IndHead .ward {}

.logo {}

.logoText {
    color: #fff;
}

/*footer*/
.IndFooter {}

.ft-copy {
    color: #979797;
    text-align: center;
}

/*banner*/
.IndBan .swiper-slide img {
    width: 100%;
}

.IndBan .IndPage {}

.IndPage .swiper-pagination-bullet {
    background-color: transparent;
    opacity: 1;
}

.IndPage .swiper-pagination-bullet-active {
    background-color: #fff;
}

/*æœç´¢*/
.IndSearchSection {
    position: relative;
    z-index: 2;
}

.IndSearchWrap {
    background-color: #fff;
}

.dropdown-wrapper {
    position: relative;
}

.dropdown-wrapper .label {
    cursor: pointer;
}

.dropdown-wrapper .label .jt {
    transition: all .4s;
}

.type-checked {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    cursor: pointer;
}

.dropdown {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #fff;
}

.type-item {
    background: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    cursor: pointer;
}

.type-item:hover {
    color: #3a7aef;
}

.dropdown.active {
    opacity: 1;
    visibility: visible;
}

.IndInp {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
}

.IndSearchI {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.sub-btn {
    background-color: #3a7aef;
    background-image: linear-gradient(to right, #54befb, #3a7aef);
    color: #fff;
}

.sub-btn:hover {
    background-image: linear-gradient(to right, #3a7aef, #54befb);
}

.IndHotSearch {}

.IndHotSearchT {}

.IndHotSearchT img {}

.IndHotSearchT p {
    font-weight: 600;
}

.IndHotList {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.IndHotListItem {}

.IndHotListItemA {
    transition: all .3s;
}

.IndHotListItemA:hover {
    color: #3a7aef;
}

/*ad*/
.IndAdSection {}

.IndAdItem {
    overflow: hidden;
}

.IndAdItemIcon {}

.IndAdItemText {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.IndAdItemText h3 {
    font-weight: 600;
}

.IndAdItemText p {
    color: #929292;
}

/*ä¿®æ”¹inputé»˜è®¤é¢œè‰²æ–‡å—*/
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #aaa;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #aaa;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aaa;
}

/*ä¿®æ”¹é»˜è®¤æ»šåŠ¨æ¡æ ·å¼*/
::-webkit-scrollbar {
    /*æ»šåŠ¨æ¡æ•´ä½“æ ·å¼*/
    width: 4px;
    /*é«˜å®½åˆ†åˆ«å¯¹åº”æ¨ªç«–æ»šåŠ¨æ¡çš„å°ºå¯¸*/
    height: 1px;
}

::-webkit-scrollbar-thumb {
    /*æ»šåŠ¨æ¡é‡Œé¢å°æ–¹å—*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
    /*æ»šåŠ¨æ¡é‡Œé¢è½¨é“*/
    box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
    border-radius: 10px;
    background: #ededed;
}





/********
é¦–é¡µ
********/
@media screen and (min-width:1440px) {

    /*header*/
    .IndHead {}

    .IndHead .ward {
        padding: 30px 0;
    }

    .logo {
        width: 144px;
    }

    .logoText {
        margin-left: 32px;
        font-size: 20px;
    }

    /*footer*/
    .IndFooter {}

    .ft-copy {
        font-size: 16px;
        padding: 10px 0;
    }

    /*banner*/
    .IndBan .IndPage {
        bottom: 70px;
    }

    .IndPage .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        border: 1px solid #fff;
        margin: 0 4px;
    }

    .IndPage .swiper-pagination-bullet-active {}

    /*æœç´¢*/
    .IndSearchSection {
        margin-top: -50px;

    }

    .IndSearchWrap {
        border-radius: 20px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        padding: 30px;
    }

    .dropdown-wrapper {
        width: 300px;
    }

    .dropdown-wrapper .label {
        width: 100%;
        height: 50px;
        border-radius: 8px;
        border: 1px solid #3a7aef;
        padding: 0 5%;
    }

    .dropdown-wrapper .label .jt {
        width: 20px;
    }

    .type-checked {
        font-size: 16px;
    }

    .dropdown {
        -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
        box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    }

    .type-item {
        border-bottom: 1px solid #eee;
        padding: 10px 15px;
        font-size: 16px;
    }

    .type-item:hover {}

    .dropdown.active {
        margin-top: 10px;
    }

    .IndInp {
        margin-left: 10px;
        border: 1px solid #3a7aef;
        border-radius: 8px;
        height: 50px;
    }

    .IndSearchI {
        padding: 0 15px;
        font-size: 16px;
    }

    .sub-btn {
        width: 140px;
        height: 50px;
        font-size: 16px;
    }

    .sub-btn:hover {}

    .IndHotSearch {
        margin-top: 30px;
    }

    .IndHotSearchT {}

    .IndHotSearchT img {
        width: 18px;
        margin-right: 10px;
    }

    .IndHotSearchT p {
        font-size: 16px;
    }

    .IndHotList {
        margin-left: 15px;
    }

    .IndHotListItem {
        margin: 0 10px;
    }

    .IndHotListItemA {
        font-size: 16px;
    }

    .IndHotListItemA:hover {}

    /*ad*/
    .IndAdSection {
        margin-top: 40px;
        margin-bottom: 90px;
    }

    .IndAdItem {
        border: 2px solid #e5e5e5;
        width: 32%;
        border-radius: 10px;
        padding: 0 3%;
        min-height: 117px;
    }

    .IndAdItemIcon {
        width: 51px;
    }

    .IndAdItemText {
        margin-left: 20px;
    }

    .IndAdItemText h3 {
        font-size: 22px;
    }

    .IndAdItemText p {
        font-size: 16px;
    }
}

@media screen and (max-width:1439px) and (min-width:1280px) {
    .ward {
        width: 1100px;
    }

    /*header*/
    .IndHead {}

    .IndHead .ward {
        padding: 25px 0;
    }

    .logo {
        width: 124px;
    }

    .logoText {
        margin-left: 32px;
        font-size: 18px;
    }

    /*footer*/
    .IndFooter {}

    .ft-copy {
        font-size: 14px;
        padding: 10px 0;
    }

    /*banner*/
    .IndBan .IndPage {
        bottom: 70px;
    }

    .IndPage .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        border: 1px solid #fff;
        margin: 0 4px;
    }

    .IndPage .swiper-pagination-bullet-active {}

    /*æœç´¢*/
    .IndSearchSection {
        margin-top: -50px;

    }

    .IndSearchWrap {
        border-radius: 20px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        padding: 30px;
    }

    .dropdown-wrapper {
        width: 300px;
    }

    .dropdown-wrapper .label {
        width: 100%;
        height: 46px;
        border-radius: 8px;
        border: 1px solid #3a7aef;
        padding: 0 5%;
    }

    .dropdown-wrapper .label .jt {
        width: 20px;
    }

    .type-checked {
        font-size: 14px;
    }

    .dropdown {
        -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
        box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    }

    .type-item {
        border-bottom: 1px solid #eee;
        padding: 10px 15px;
        font-size: 14px;
    }

    .type-item:hover {}

    .dropdown.active {
        margin-top: 10px;
    }

    .IndInp {
        margin-left: 10px;
        border: 1px solid #3a7aef;
        border-radius: 8px;
        height: 46px;
    }

    .IndSearchI {
        padding: 0 15px;
        font-size: 14px;
        line-height: 46px;
    }

    .sub-btn {
        width: 130px;
        height: 46px;
        font-size: 14px;
    }

    .sub-btn:hover {}

    .IndHotSearch {
        margin-top: 30px;
    }

    .IndHotSearchT {}

    .IndHotSearchT img {
        width: 16px;
        margin-right: 10px;
    }

    .IndHotSearchT p {
        font-size: 14px;
    }

    .IndHotList {
        margin-left: 15px;
    }

    .IndHotListItem {
        margin: 0 10px;
    }

    .IndHotListItemA {
        font-size: 14px;
    }

    .IndHotListItemA:hover {}

    /*ad*/
    .IndAdSection {
        margin-top: 40px;
        margin-bottom: 90px;
    }

    .IndAdItem {
        border: 2px solid #e5e5e5;
        width: 32%;
        border-radius: 10px;
        padding: 0 3%;
        min-height: 111px;
    }

    .IndAdItemIcon {
        width: 41px;
    }

    .IndAdItemText {
        margin-left: 20px;
    }

    .IndAdItemText h3 {
        font-size: 20px;
    }

    .IndAdItemText p {
        font-size: 14px;
    }

}

@media only screen and (max-width:1279px) {
    .ward {
        width: 1100px;
    }

    /*header*/
    .IndHead {}

    .IndHead .ward {
        padding: 25px 0;
    }

    .logo {
        width: 124px;
    }

    .logoText {
        margin-left: 32px;
        font-size: 18px;
    }

    /*footer*/
    .IndFooter {}

    .ft-copy {
        font-size: 14px;
        padding: 10px 0;
    }

    /*banner*/
    .IndBan .IndPage {
        bottom: 70px;
    }

    .IndPage .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        border: 1px solid #fff;
        margin: 0 4px;
    }

    .IndPage .swiper-pagination-bullet-active {}

    /*æœç´¢*/
    .IndSearchSection {
        margin-top: -50px;

    }

    .IndSearchWrap {
        border-radius: 20px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        padding: 30px;
    }

    .dropdown-wrapper {
        width: 300px;
    }

    .dropdown-wrapper .label {
        width: 100%;
        height: 46px;
        border-radius: 8px;
        border: 1px solid #3a7aef;
        padding: 0 5%;
    }

    .dropdown-wrapper .label .jt {
        width: 20px;
    }

    .type-checked {
        font-size: 14px;
    }

    .dropdown {
        -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
        box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    }

    .type-item {
        border-bottom: 1px solid #eee;
        padding: 10px 15px;
        font-size: 14px;
    }

    .type-item:hover {}

    .dropdown.active {
        margin-top: 10px;
    }

    .IndInp {
        margin-left: 10px;
        border: 1px solid #3a7aef;
        border-radius: 8px;
        height: 46px;
    }

    .IndSearchI {
        padding: 0 15px;
        font-size: 14px;
        line-height: 46px;
    }

    .sub-btn {
        width: 130px;
        height: 46px;
        font-size: 14px;
    }

    .sub-btn:hover {}

    .IndHotSearch {
        margin-top: 30px;
    }

    .IndHotSearchT {}

    .IndHotSearchT img {
        width: 16px;
        margin-right: 10px;
    }

    .IndHotSearchT p {
        font-size: 14px;
    }

    .IndHotList {
        margin-left: 15px;
    }

    .IndHotListItem {
        margin: 0 10px;
    }

    .IndHotListItemA {
        font-size: 14px;
    }

    .IndHotListItemA:hover {}

    /*ad*/
    .IndAdSection {
        margin-top: 40px;
        margin-bottom: 90px;
    }

    .IndAdItem {
        border: 2px solid #e5e5e5;
        width: 32%;
        border-radius: 10px;
        padding: 0 3%;
        min-height: 111px;
    }

    .IndAdItemIcon {
        width: 41px;
    }

    .IndAdItemText {
        margin-left: 20px;
    }

    .IndAdItemText h3 {
        font-size: 20px;
    }

    .IndAdItemText p {
        font-size: 14px;
    }

}



@keyframes toSmall {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

@keyframes lang1 {
    0% {
        background: url(../images/t10.png) no-repeat right 55px;
    }

    50% {
        background: url(../images/t10.png) no-repeat left 55px;
    }

    100% {
        background: url(../images/t10.png) no-repeat right 55px;
    }
}

@keyframes lang2 {
    0% {
        background: url(../images/t12.png) no-repeat left 0;
    }

    50% {
        background: url(../images/t12.png) no-repeat right 0;
    }

    100% {
        background: url(../images/t12.png) no-repeat left 0;
    }
}

@keyframes lang3 {
    0% {
        background: url(../images/t11.png) no-repeat right 0;
    }

    50% {
        background: url(../images/t11.png) no-repeat left 0;
    }

    100% {
        background: url(../images/t11.png) no-repeat right 0;
    }
}

@keyframes moveleftbounce {
    0% {
        transform: translateX(-16px);
    }

    50% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-16px);
    }
}

@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes i1cw2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    50% {
        -webkit-transform: translate3d(8px, -5px, -10px);
        transform: translate3d(8px, -5px, -10px);
    }

    75% {
        -webkit-transform: translate3d(-2px, -10px, 0);
        transform: translate3d(-2px, -10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes i1cw2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    50% {
        -webkit-transform: translate3d(8px, -5px, -10px);
        transform: translate3d(8px, -5px, -10px);
    }

    75% {
        -webkit-transform: translate3d(-2px, -10px, 0);
        transform: translate3d(-2px, -10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes i1cw3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    50% {
        -webkit-transform: translate3d(-5px, 10px, 0);
        transform: translate3d(-5px, 10px, 0);
    }

    75% {
        -webkit-transform: translate3d(8px, 5px, 0);
        transform: translate3d(8px, 5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes i1cw3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    50% {
        -webkit-transform: translate3d(-5px, 10px, 0);
        transform: translate3d(-5px, 10px, 0);
    }

    75% {
        -webkit-transform: translate3d(8px, 5px, 0);
        transform: translate3d(8px, 5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes i1cw4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(-15px, 5px, 0);
        transform: translate3d(-15px, 5px, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 2px, 0);
        transform: translate3d(10px, 2px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes i1cw4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(-15px, 5px, 0);
        transform: translate3d(-15px, 5px, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 2px, 0);
        transform: translate3d(10px, 2px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.enlarge img {
    transition: all 0.3s;
}

.enlarge:hover img {
    -ms-transform: scale(.95);
    -moz-transform: scale(.95);
    -webkit-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
}

.enlarge1 img {
    transition: all 0.3s;
}

.enlarge1:hover img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.Mover {
    transition: 0.5s;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.Mover:hover {
    transition: 0.5s;
    ransform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.IndChangeTabRight {
    -webkit-animation-name: changeTabRight__1s_Xw;
    animation-name: changeTabRight__1s_Xw;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

@-webkit-keyframes changeTabRight__1s_Xw {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes changeTabRight__1s_Xw {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

/*å‡ºçš„å„åˆ†è¾¨çŽ‡åª’ä½“æŸ¥è¯¢æ¢ç®—ï¼š*/
html {
    font-size: 625%;
}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html {
        font-size: 703%;
    }
}

@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html {
        font-size: 732.4%;
    }
}

@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html {
        font-size: 750%;
    }
}

@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html {
        font-size: 781.25%;
    }
}

@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait) {
    html {
        font-size: 808.6%;
    }
}

@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait) {
    html {
        font-size: 843.75%;
    }
}

/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/