.inner-cont h2{font-weight:500;}
#scroll .container{max-width:1200px;}
.fea-det-22-ban h4, .fea-det-22-ban h1 span, .fea-det-22-ban h1{margin:0;}
.fea-22-foot-also ul li,ul.fea-22-bul-pont li{list-style-type:none;}
#lhsTree>li>ul li.feaTreeLdMore {
            display: none;
        }
        
        #lhsTree>li>ul li:nth-of-type(n+10) {
            display: block;
        }

        .fea-22-gif,
        .fea-22-poi-num {
            margin-bottom: 40px;
        }

.fea-22-foot-also h2 {    
text-align: center;
    margin-bottom: 30px; }

.fea-ban-sty {margin-top: 40px}
.fea-22-box-1 ul li {padding: 0 40px 0 0;}

        .tip {
            position: absolute;
        }

        .tip-com span {
            width: 15px;
            height: 15px;
            background: #f5633d;
            display: block;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
        }

        .tip-com span {
            position: relative;
            box-shadow: 0 0 0 0 rgb(232 76 61 / 70%);
            -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
            -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
            -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
            animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        }

        .tip-tool {
            background: #000;
            color: #fff;
            padding: 16px 20px;
            border-radius: 2px;
            width: 350px;
            margin: -24px 0 0 10px;
            box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 60%);
            position: relative;
            transform: scale(0.9);
            opacity: 0;
            z-index: -1;
        }

        .tip-tool:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #000;
            top: 5px;
            left: -6px;
        }

        .tip .tip-tool p {
            font-size: 16px;
            line-height: 1.6;
            color: #fff;
            margin: 0;
        }

        .tip-com div {
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

        .tip.ss1-tip1 {
            top: 35%;
            left: 81%;
            z-index: 2;
        }

        .tip-tool.tip1_1_tool {
                top: 44px;
    left: -250px;
    position: absolute;
        }

        .tip-tool.tip1_1_tool:before {
            top: -11px;
            right: 90px;
            left: auto;
            transform: rotate(90deg);
        }

        .tip.tip2.ss1-tip1 {
            top: 54%;
            left: 50%;
        }

        .tip.tip2.ss1-tip2 {
            top: 49.5%;
            left: 39.5%;
        }

        .tip.tip3.ss1-tip1 {
            top: 29%;
            left: 33%;
        }

        .tipshow {
            z-index: 2;
            opacity: 1
        }

        .close {
            width: 12px;
            height: 12px;
            position: absolute;
            right: 8px;
            top: 8px;
            cursor: pointer;
            opacity: .6;
        }

        .close:hover {
            opacity: 1;
        }

        .close:before,
        .close:after {
            background: #fff;
            content: ' ';
            height: 12px;
            left: 5px;
            position: absolute;
            width: 2px;
        }

        .close:after {
            transform: rotate(-45deg);
        }

        .close:before {
            transform: rotate(45deg);
        }

        @keyframes pulse {
            100% {
                box-shadow: 0 0 0 15px rgb(232 76 61 / 0%);
            }
        }

        .fea-22-ic-set1.ic-1 {
            background-position: -594px -640px;
        }

        .fea-22-ic-set1.ic-2 {
            background-position: -647px -637px;
        }

        .fea-22-ic-set1.ic-3 {
            background-position: -697px -641px;
        }

        .fea-det-22-ban .container {
            max-width: 1150px;
        }

        .fea-22-foot-ban .fea-22-foot-type2-cta {
            display: inline-block;
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            background: #f73749;
            padding: 14px 30px;
            border-radius: 6px;
            margin-top: 30px;
        }

        .fea-22-foot-ban .fea-22-foot-type2-cta:hover {
            background: #f1182e;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
            transform: translateY(-4px);
        }


        @media (max-width: 1100px) {
            .fea-22-box-1 ul li { padding: 0 0 20px;}
        }


        @media (max-width: 1200px) {
            .tip-tool {width: 240px}
           .tip .tip-tool p {font-size: 14px}
.tip-tool.tip1_1_tool { left: -145px;}
        }


        @media (max-width: 992px) {
            .tab-content div.tip {
                display: none !important;
            }
        }

        @media (max-width: 767px) {

            .fea-22-foot-ban .fea-22-foot-type2-cta {
                font-size: 16px;
                padding: 10px 20px;
            }
        }


        .tabs {
            margin-bottom: 0;
            border-top: none;
            border-bottom: none
        }

        .tabs2 {
            margin-top: 32px
        }

        .tabs>ul {
            list-style: none;
            padding: 0 !important;
            display: table;
            width: 100%;
        }

        .tabs ul li {
            cursor: pointer;
            border-bottom: 1px solid #1976d3;
            border-top: 1px solid #dbdbdb;
            border-right: 1px solid #dbdbdb;
            padding: 8px;
            text-align: center;
            list-style: none;
            font-size: 14px;
            height: 70px;
            display: table-cell;
            vertical-align: middle;
            line-height: 24px;
        }

        .tabs ul li:first-child,
        .tabs ul li:last-child {
            border-left: 1px solid #dbdbdb;
            border-right: 1px solid #dbdbdb
        }

        .tabs ul li.act {
            border-bottom: none;
            border-top: 1px solid #1976d3 !important;
            border-right: 1px solid #1976d3 !important;
            border-left: 1px solid #1976d3 !important;
            font-weight: 600
        }

        .tabs ul li.act+li {
            border-left: none
        }

        .tabs2 ul li:nth-child(4) br {
            display: none
        }

        .tab-content {
            border: 1px solid #1976d3;
            border-top: none;
            padding: 10px 30px 20px;
            padding-bottom: 0;
            margin-top: -1px;
            border-top: none;
            position: relative
        }

        #tab-cont2 {
            margin-bottom: 45px
        }

        .dots {
            right: 12%;
            margin-bottom: -13px
        }

        .dots li {
            display: inline-block
        }

        .cont-com {
            display: none;
        }

        .cont-1 {
            display: block;
        }

        .slilock {
            margin-top: -10px
        }

        .slilock ul {
            position: relative;
            display: inline-block;
            width: 100%
        }

        .slilock .gslider {
            width: 96%;
            margin: 0 0 0 -5%;
        }

        .slilock .gslider img {
            width: 100%;
            border: 5px solid #fff;
            border-radius: 3px;
        }

        .slilock .flex-control-paging,
        .dots {
            position: relative;
            margin: 0 auto;
            display: table;
            padding-left: 0;
            margin-top: 0px;
            z-index: 0;
            margin-left: 51%
        }

        .slilock .flex-direction-nav,
        dots {
            position: absolute;
            display: none;
        }

        .slilock .flex-direction-nav li,
        .dots li {
            list-style-type: none
        }

        .slilock .flex-control-paging li {
            margin: 0 3px;
            display: inline-block;
            zoom: 1
        }

        .slilock .flex-control-paging li a,
        .dots li a {
            width: 11px;
            height: 11px;
            display: block;
            background: #e5e5e5;
            cursor: pointer;
            text-indent: -9999px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;
        }

        .slilock .flex-control-paging li a.flex-active,
        .dots li a.flex-active {
            background: #000000;
            cursor: default;
        }

        @media screen and (max-width:1024px) {
            .tabs ul li {
                width: 33%
            }
        }

        @media screen and (max-width:768px) {
            .tabs ul li {
                width: 32%;
                font-size: 13px
            }

            .tab-content {
                width: 85.1%
            }

            .tabs .tab-head1 li {
                width: 24.65%;
                font-size: 13px
            }

            .dots {
                right: 25%
            }
        }

        @media screen and (max-width:760px) {
            .tabs ul li {
                width: 33%;
                font-size: 15px
            }

            .tab-content {
                width: 90.5%;
                width: 90.5%
            }

            .tabs .tab-head1 li {
                width: 24.74%;
                font-size: 15px
            }

            .dots {
                right: 12%
            }
        }

        @media screen and (max-width:640px) {
            .tab-content {
                width: 89.6%
            }

            .tabs .tab-head1 li {
                width: 24.7%
            }
        }

        @media screen and (max-width:540px) {
            .tabs ul li {
                width: 24%
            }

            .tab-content {
                width: 61%
            }

            .tabs .tab-head1 li {
                width: 18.74%
            }

            .dots {
                right: 25%
            }
        }

        @media screen and (max-width:426px) {
            .tabs ul li {
                width: 32%
            }

            .tab-content {
                width: 82%
            }

            .tabs .tab-head1 li {
                width: 24.4%;
                font-size: 14px
            }

            .tabs2 ul li:nth-child(4) br {
                display: block
            }
        }

        @media screen and (max-width:376px) {
            .tab-content {
                width: 80%
            }
        }

        @media screen and (max-width:325px) {
            .tabs ul li {
                font-size: 13px
            }

            .dots {
                padding-left: 20px !important
            }
        }

        @media screen and (max-width:992px) {

            .tabs2,
            .dots {
                display: none;
            }

            .tab-content div {
                display: block !important;
            }

            .tab-content {
                border: 1px solid #1976d3;
            }

            #tab-cont2 {
                width: 100%;
            }
        }