.tutorial .tabs-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;border-radius:8px;background-color:#e6e7f2;padding:2px}.tutorial .tab{font-size:14px;font-weight:400;color:#000;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:36px;line-height:36px;text-align:center;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.tutorial .tab.active{background-color:#fff;border-radius:8px;color:#1c9cea;font-weight:600}.tutorial .tabs-content{overflow:hidden}.tutorial .tab-content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tutorial .tab-content{width:100%;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;min-height:200px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.tutorial .swiper-pagination-horizontal{bottom:0}.introduce .tabs-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;gap:7px}.introduce .tab{font-size:14px;font-weight:400;color:#00000080;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:36px;line-height:36px;text-align:center;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;border-radius:2px;background-color:#fff}.introduce .tab.active{border-radius:8px;color:#000;font-weight:600;position:relative;overflow:hidden}.introduce .tab.active:after{content:"";width:100%;height:2px;background-color:#4e73fa;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.introduce .tabs-content{overflow:hidden}.introduce .tab-content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.introduce .tab-content{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;padding:20px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:200px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.introduce .tab-content .item .image{margin:0 auto 24px;width:322px;height:265px}.introduce .tab-content .item .image img{width:100%;height:100%}.introduce .tab-content .item .title{font-size:20px;line-height:28px;font-weight:500;color:#191c27;text-align:left}.introduce .tab-content .item .info{color:#00000080;font-size:14px;line-height:20px;font-weight:400}.collapse-box{border-radius:8px;overflow:hidden;background-color:#fff;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.collapse-box .panel .panel-header{height:40px;line-height:40px;cursor:pointer;font-size:16px;font-weight:400;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.collapse-box .panel .panel-header .low{width:16px;height:16px}.collapse-box .panel .active{color:#1c9cea}.collapse-box .panel .panel-content{overflow:hidden;-webkit-transition:max-height .3s ease-out;transition:max-height .3s ease-out}.collapse-box .panel .panel-content .info{color:#00000080;font-size:14px;line-height:22px;font-weight:400}.collapse-box .panel .open{max-height:1000px}html,body,#root{min-height:100%;width:100%}.pc,.h5{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.pc{background-image:url(../jpg/bg-_Y8j70Zu.jpg)}.h5{background-image:url(../png/bg-DvKz2MJi.png);padding:16px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}