/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 基础样式 */
body {
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
  transition: background-color 0.3s, color 0.3s;
}

/* 深色主题类 */
.dark-theme {
  background-color: #1F1F1F;
  color: #E4E4E4;
}

/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/skin/css/style.css ***!
  \*****************************************************************************************************************************************************************************/
@charset "UTF-8";
/*更多模板请访问：https://www.bootstrapmb.com*/
body {
    overflow-x: hidden;
    overflow-y: auto;
}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei","宋体", "Arial";color: #333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 100%; margin: 0 auto;}
a{color: #434343;text-decoration: none;}
a:hover{color: #db0f31; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{ transition: all ease 300ms;}
.noease,
.noease *{ transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*网站顶部*/
.top_main{width: 100%;line-height: 49px;color: #ccc;border-bottom: 1px solid rgba(255,255,255,.5);}
.top_main li{position: relative;display: inline-block;text-align: center;margin-left: 45px;}
.top_main li a{color: #ccc;}
.top_main .tel{color: #db0f31;font-family: Tahoma;font-size: 16px;font-weight: bold;margin-right: 25px;}
/*网站头部*/
.header_main{position: absolute;width: 100%;height: 150px;z-index: 9;}
.header_main .logo{display: block;margin-top: 20px;}
.header_main .logo img{max-width: 100%;display: block;vertical-align: middle;}
/*网站导航*/
#nav .navlist{position: relative;display: block;}

#nav li{float: left;width: 122px;font-size: 14px;position: relative;}
#nav li a{display: block;text-align: center;position: relative;color: #dddddd;font-weight: bold;line-height: 45px;padding: 0 15px;}
#nav li a span{position: relative;display: block;}
#nav li a span:before{display: block;content: " ";position: absolute;top: 8px;left: 6px;width: 40px;height: 2px;background: #db0f31;opacity: 0;transition: all .5s;}
#nav li a span:after{display: block;content: " ";position: absolute;right: 6px;bottom: 7px;width: 40px;height: 2px;background: #db0f31;opacity: 0;transition: all .5s;}
#nav li.hover a,#nav li:hover a{color: #fff;}
#nav li.hover a span:before,#nav li:hover a span:before,#nav li.hover a span:after,#nav li:hover a span:after{opacity: 1;}
#nav ul .subnav{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
#nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#nav ul .subnav{box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;overflow: hidden;position: absolute;top: 100%;left: 50%;margin-left: -60px;width: 120px;z-index: 199;padding-top: 5px;}
#nav ul .subnav:before{content: "";width:0;height:0;position:absolute;top: 0;left:50%;margin-left: -5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom: 5px solid rgba(0,0,0,.5);}
#nav ul .subnav a{color: #fff;display: block;font-size: 12px;font-weight: 500;height: 35px;line-height: 35px;padding: 0;max-width: 100%;border: 0;padding: 0 10px;background: rgba(0,0,0,.5);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#nav ul .subnav a:hover{background: #db0f31;}
/*网站大图*/
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner{height: 900px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height: 900px;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
/* .banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;} */
#banner .tip{width:1000px;height: 10px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 20px;z-index:3;}
#banner .tip span{width: 10px;height: 10px;margin: 0 5px;display:inline-block;cursor: pointer;background: #fff;border-radius: 14px;opacity: .3;transition: all .5s;}
#banner .tip span.cur{opacity: 1;}
#banner #btn_prev,#banner #btn_next{width: 40px;position:absolute;top: 30%;margin-top: -20px;background-repeat: no-repeat;background-size: 100%;z-index:5;opacity: .5;}
#banner #btn_prev{left: 4%;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAH50lEQVR4Xu3aW3LcOAxGYWlls5XxyuKs1Cmn2jVJj9UCiQsJ4OQ1JCD+wFeuXM6DXyRAApcJnGRDAiRwnQBA2A4SeJEAQFgPEgAIO0ACcwnwE2QuN241SQAgTQbNM+cSAMhcbtxqkgBAmgyaZ84lAJC53LjVJAGANBm05pkfHx//Hsfxz3meb5o6Ge8CJOPUAr/5gePHo+V7NyQACVy2bK2ecHx9fiskAMm2tUHfe4GjHRKABC1cpjY3OFohAUimzQ34ViGONkgAErB0WVoM4miBBCBZttf5OydxfH7Vz/M8P/8auOQvgJQc69ijwHGdF0DGdqncaXC8HilAyq28/EHguM8KIPcZlTwBDtlYASLLqdQpcMjHCRB5ViVOgmNsjAAZyyv1aXCMjw8g45mlvAGOubEBZC63VLfAMT8ugMxnl+ImOHRjAoguv61vg0M/HoDoM9yyAjhsxgIQmxy3qgIOu3EAxC7LLSqBw3YMALHNc2k1cNjHDxD7TJdUBIdP7ADxyTW0Kjj84gaIX7YhlcHhGzNAfPN1rQ4O13h/FweIf8YuHcDhEuv/igIkJmfTLuAwjfNlMYDEZW3SCRwmMYqLAEQc1fqD4IifAUDiM5/qCI6p2NSXAKKO0L8AOPwzvuoAkHXZizqDQxST2yGAuEWrLwwOfYbaCgDRJuh0HxxOwQ6WBchgYBHHwRGRsqwHQGQ5hZ0CR1jUokYAEcUUcwgcMTmPdAHISFqOZ8HhGK6iNEAU4VldBYdVkvZ1AGKf6VBFcAzFFX4YIOGR/9cQHAvDF7YGiDAo62PgsE7Upx5AfHJ9WRUcC0KfbAmQyeBmr4FjNrk19wASmDs4AsM2agUQoyDvyoDjLqE9fx8gAXMBR0DITi0A4hTsV1lwOAfsXB4gjgGDwzHcoNIAcQoaHE7BBpcFiEPg4HAIdVFJgBgHDw7jQBeXA4jhAMBhGOYmpQBiNAhwGAW5WRmAGAwEHAYhbloCIMrBgEMZ4ObXAaIYEDgU4SW5CpDJQYFjMrhk1wAyMTBwTISW9ApABgcHjsHAkh8HyMAAwTEQVpGjABEOEhzCoIodA4hgoOAQhFT0CEBuBguOopsvfBZAXgQFDuEWFT4GkIvhgqPw1g88DSDfhAWOgQ0qfhQgTwMGR/GNH3weQP4IDByD29PgOEAeQwZHg22feCJAjuMAx8TmNLnSHgg4mmz65DNbAwHH5NY0utYWCDgabbniqS2BgEOxMc2utgMCjmYbrnxuKyDgUG5Lw+ttgICj4XYbPLkFEHAYbErTEuWBgKPpZhs9uzQQcBhtSeMyZYGAo/FWGz69JBBwGG5I81LlgICj+UYbP78UEHAYbwfljjJAwME2eyQAkON4P8/zzSNcauZPoAyQz1EofoqAJP8uu7ygFBCQuOxI66LlgICk9T6bP74kEJCY70nbgmWBgKTtTps+vDQQkJjuSsti5YGApOVemz26BRCQmO1Lu0JtgICk3W6bPLgVEJCY7EyrIu2AgKTVfqsf2xIISNR706ZAWyAgabPjqoe2BgIS1e60uNweCEha7Pn0IwHyiI7/Kj+9Q6UvAuSP8YKk9K5PPQ4gT7GBZGqPyl4CyDejBUnZfR9+GEAuIgPJ8C6VvACQF2MFScmdH3oUQG7iAsnQPpU7DBDBSEEiCKnoEYAIBwsSYVDFjgFkYKAgGQiryFGADA4SJIOBJT8OkIkBgmQitKRXADI5OJBMBpfsGkAUAwOJIrwkVwGiHBRIlAFufh0gBgMCiUGIm5YAiNFgQGIU5GZlAGI4EJAYhrlJKYAYDwIkxoEuLgcQhwGAxCHURSUB4hQ8SJyCDS4LEMfAQeIYblBpgDgHDRLngJ3LA8Q54M/yIAkI2akFQJyCfS4LkqCgjdsAxDjQV+VAEhi2USuAGAUpLQMSaVJ7nAPIgjmAZEHoky0BMhmc9hpItAnG3AdITM7fdgHJwvCFrQEiDMrrGEi8krWpCxCbHFVVQKKKz/UyQFzjlRcHiTyryJMAiUz7phdINhrG41MAstlMQLLXQACy1zx+fw1I9hkKQPaZxV9fApI9BgOQPebAv5NsOgeAbDqYr8/iJ8naAQFkbf6i7iARxeRyCCAusdoXBYl9ppKKAJGktMkZkMQPAiDxmas6gkQV3/BlgAxHtv4CSOJmAJC4rE07gcQ0zstiAInJ2aULSFxi/asoQPwzdu0AEtd4D4D45htSHSR+MQPEL9vQyiDxiRsgPrkuqQoS+9gBYp/p0oogsY0fILZ5blENJHZjAIhdlltVAonNOABik+OWVUCiHwtA9BluXQEkuvEARJdfitsgmR8TQOazS3UTJHPjAshcbilvgWR8bAAZzyz1DZCMjQ8gY3mVOA0S+RgBIs+q1EmQyMYJEFlOJU+B5H6sALnPqPQJkLweL0BKr7/scSC5zgkgsh0qfwok348YIOVXX/7ASSRv53m+y7vkOgmQXPNy/9pBJKVxfIYNEPeVy9dAiKQ8DoDk292wL75B0gIHQMLWLWejCyRtcAAk596GfvUTklY4ABK6anmbPZAclf+26mo6/CE9797y5QEJACQgZFrkTQAgeWfHlwckAJCAkGmRNwGA5J0dXx6QAEACQqZF3gQAknd2fHlAAgAJCJkWeRMASN7Z8eUBCQAkIGRa5E0AIHlnx5cHJACQgJBpkTcBgOSdHV8ekABAAkKmRd4EfgH9dm72jwOTqgAAAABJRU5ErkJggg==);}
#banner #btn_next{right: 4%;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAH60lEQVR4Xu2Za3bdSAgGpZUmXlmylJmVaY4z9okf90pAQzeCmr8BWtRHHU+cfeM/CEDgKYEdNhCAwHMCCMJ1QOCEAIJwHhBAEG4AAjYC/ASxcaOrCQEEaRI0a9oIIIiNG11NCCBIk6BZ00YAQWzc6GpCAEGaBM2aNgIIYuNGVxMCCNIkaNa0EUAQGze6mhBoKchxHL+2bft33/ffTXJmTSOBdoK8yfHzjdcLkhgvp0lbK0G+yPEeMZI0OXbLmm0EeSIHkliuplFPC0Eu5ECSRgevXbW8IEI5kER7OU3qSwuilANJmhy9Zs3qgrz+GveHBgi/3TLQKtxSWpDX3I7jQJLCBxy9WnlBkCT6hGrPbyEIktQ+4sjt2giCJJFnVHd2K0GQpO4hR23WThAkiTqlmnNbCoIkNY85Yqu2giBJxDnVm9laECSpd9DeG7UXBEm8T6rWPAR5y5N/ca912F7bIMgHkkjidVZ15iDIlyyRpM5xe2yCIA8oIonHadWYgSBPckSSGgc+ugWCnBBEktHzun8/glxkiCT3P/KRDRBEQA9JBJCKliCIMFgkEYIqVoYgikCRRAGrSCmCKINEEiWwm5cjiCFAJDFAu2kLghiDQxIjuJu1IchAYEgyAO8mrQgyGBSSDAJM3o4gDgEhiQPEpCMQxCkYJHECmWwMgjgGgiSOMJOMQhDnIJDEGejicQgSEACSBEBdNBJBgsAjSRDYyWMRJBA4kgTCnTQaQYJBI0kw4ODxCBIM+HU8kkyAHPQEggSB/ToWSSaBdn4GQZyBno1DkomwnZ5CECeQ0jFIIiWVow5BFuSAJAugG59EECO40TYkGSU4px9B5nB++AqSLIQvfBpBhKCiypAkiqzPXATx4Tg0BUmG8IU2I0goXvlwJJGzmlmJIDNpX7yFJInCePsUBEmWCZLkCgRBcuXx52uQJE8oCJIni09fgiQ5gkGQHDnw7yRJc0CQpMG8fxY/SdYGhCBr+YteRxIRppAiBAnB6j8USfyZSiYiiIRSkhokmR8EgsxnPvQikgzhUzcjiBrZ+gYkmZcBgsxj7foSkrjifDoMQeZwDnkFSUKwfhqKIPGMQ19AklC8G4LE8p0yHUniMCNIHNupk5EkBjeCxHBdMhVJ/LEjiD/TpRORxBc/gvjyTDENSfxiQBA/lqkmIYlPHAjiwzHlFCQZjwVBxhmmnoAkY/EgyBi/W3QjiT0mBLGzu1UnktjiQhAbt1t2IYk+NgTRM7t1B5Lo4kMQHa8S1UgijxFB5KxKVSKJLE4EkXEqWYUk17EiyDWj0hVIch4vgpQ+f9lySPKcE4LIbqh8FZI8jhhByp++fEEk+c4KQeT306ISST7HjCAtzl63JJL85YUguttpU40k/0eNIG1OXr8okiCI/moadRzH8Wvbtp+GlV/2ff9t6EvXwk+QdJHk+CDk4H+xclxiwq9ADv6SnvAsc3wScvBr3hyXmPArkIN/KEx4ljk+CTke58Bf0nPc59KvQI7n+BFk6Wmufxw5zjNAkPU3uuwLkOMaPYJcMypZgRyyWBFExqlUFXLI40QQOasSlcihixFBdLxuXY0c+vgQRM/slh3IYYsNQWzcbtWFHPa4EMTO7hadyDEWE4KM8UvdjRzj8SDIOMOUE5DDJxYE8eGYagpy+MWBIH4sU0xCDt8YEMSX59JpyOGPH0H8mS6ZiBwx2BEkhuvUqcgRhxtB4thOmYwcsZgRJJZv6HTkCMX7ZziCxDMOeQE5QrB+G4ogczi7voIcrjhPhyHIPNYuLyGHC0bxEAQRo1pfiBzzM0CQ+cxNLyKHCdtwE4IMI4wfgBzxjJ+9gCDr2IteRg4RprAiBAlDOz4YOcYZjk5AkFGCQf3IEQRWORZBlMBmlCPHDMqyNxBExmlaFXJMQy16CEFEmOYUIccczppXEERDK7AWOQLhDoxGkAF4Xq3I4UXSfw6C+DNVTUQOFa7pxQgyHfnfB5FjIXzh0wgiBOVdhhzeRGPmIUgM19OpyLEAuvFJBDGCs7Yhh5Xcmj4EmcgdOSbCdnoKQZxAXo1BjitCOf8cQSbkghwTIAc9gSBBYN/HIkcw4ODxCBIIGDkC4U4ajSBBoJEjCOzksQgSABw5AqAuGokgzuCRwxno4nEI4hgAcjjCTDIKQZyCQA4nkMnGIIhDIMjhADHpCAQZDAY5BgEmb0eQgYCQYwDeTVoRxBgUchjB3awNQQyBIYcB2k1bEEQZHHIogd28HEEUASKHAlaRUgQRBokcQlDFyhBEEChyCCAVLUGQi2CRo+jlC9dCkBNQyCG8osJlCPIkXOQofPWK1RDkASzkUFxQ8VIE+RIwchS/eOV6CPIBGHIor6dBOYK8hYwcDa7dsCKCbNuGHIbLadLSXhDkaHLpxjVbC4Icxqtp1NZWEORodOUDq7YUBDkGLqZZaztBkKPZhQ+u20oQ5Bi8lobtbQRBjobX7bByC0GQw+FSmo4oLwhyNL1sp7VLC4IcTlfSeEx1QX5v2/ZDme/Lvu+vffwHga20IK/5HsehkQQ5kOITgfKCKCRBDuT4RqCFIAJJkAM5HhJoI8iJJMiBHE8JtBLkgSTIgRynBNoJ8kGSf/htFXZcEWgpyBUU/hwC7wQQhFuAwAkBBOE8IIAg3AAEbAT4CWLjRlcTAgjSJGjWtBFAEBs3upoQQJAmQbOmjQCC2LjR1YQAgjQJmjVtBP4D0n1w9qV7ezQAAAAASUVORK5CYII=);}
#banner_main .txt{position: absolute;top: 290px;left: 50%;margin-left: -400px;width: 800px;color: #fff;text-align: center;z-index: 9;}
#banner_main .txt h3{font-size: 56px;line-height: 74px;font-weight: bold;padding-bottom: 25px;}
#banner_main .txt h3 b{color: #db0f31;}
#banner_main .txt span{display: block;font-size: 20px;line-height: 28px;}
#banner_main .txt p{font-size: 28px;line-height: 40px;font-weight: bold;padding-top: 30px;}
#banner_main .txt a{display: inline-block;width: 160px;height: 50px;color: #fff;font-size: 16px;line-height: 50px;margin-top: 60px;background: #db0f31;border-radius: 50px;}
#banner_main .txt a:hover{background: #434343;}
/*网站底部*/
.footer{width:100%;height: 400px;background: url() center top no-repeat;}
.footer .bottom{height: 205px;padding-top: 100px;}
.footer .about{width: 320px;margin-right: 90px;}
.footer .about .logo{}
.footer .about .txt{margin-top: 20px;color: #ccc;font-size: 13px;line-height: 220%;text-align: justify;}
.footer .about .share{margin-top: 20px;}
.footer .about .share li{position: relative;float: left;width: 30px;height: 30px;margin-right: 20px;cursor: pointer;}
.footer .about .share li img{display: block;width: 100%;height: 100%;border-radius: 5px;}
.footer .about .share li .ewm{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);top: -125px;left: 50%;margin-left: -55px;width: 110px;height: 110px;}
.footer .about .share li:hover .ewm{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.footer .fnav dl{display:inline-block;float:left;width: 120px;overflow:hidden;}
.footer .fnav dl dt{color: #FFF;font-size: 16px;line-height: 20px;display:block;padding-bottom: 20px;}
.footer .fnav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .fnav dl dd{display:block;}
.footer .fnav dl dd a{display:block;font-size: 13px;color: #ccc;line-height: 33px;}
.footer .fnav dl dd a:hover{color: #dc0000;}
.footer .shili{width: 260px;margin-left: 90px;}
.footer .shili dt{color: #fff;font-size: 16px;line-height: 20px;display:block;padding-bottom: 10px;}
.footer .shili ul li{float: left;width: 120px;height: 90px;margin: 10px 10px 0 0;}
.footer .shili ul li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.footer .shili ul li:hover img{opacity: .5;}
.footer .contact{width: 250px;}
.footer .contact dt{color: #fff;font-size: 16px;line-height: 0px;display:block;padding-bottom: 20px;}
.footer .contact dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .contact dd{display:block;}
.footer .contact dd p{display:block;font-size: 13px;color: #ccc;line-height: 33px;}
.copyright{height: 80px;line-height: 80px;color: #999;font-size: 14px;background: #202020;}
.copyright a{color: #999;font-size: 12px;}
/*******index css*******/
/*首页标题*/textlist
.index .title{position: relative;text-align: center;padding-bottom: 45px;}
.index .title h3{font-size: 24px;font-weight: bold;color: #434343;padding-bottom: 27px;margin-bottom: 20px;}
.index .title p{text-align: center;padding-top: 2px;color: #999;font-size: 15px;line-height: 220%;margin-top: 3px;margin: auto;}
/*关于我们*/
.index .about{padding: 80px 0;}
.index .about .ititle h3{color: #db0f31;font-size: 24px;font-weight: bold;line-height: 35px;}
.index .about .ititle span{color: #999;font-family: Arial;font-size: 14px;}
.index .about .con{padding-top: 30px;}
.index .about .con .txt{width: 560px;height: 350px;}
.index .about .con .txt p{color: #666;font-size: 15px;line-height: 33px;text-align: justify;height: 300px;overflow: hidden;}
.index .about .con .txt .more{display: block;width: 120px;height: 36px;color: #fff;font-size: 14px;line-height: 36px;text-align: center;background: #db0f31;border-radius: 50px;margin-top: 14px;}
.index .about .con .txt .more:hover{background: #333;}
.index .about .con .video{width: 560px;height: 350px;background: #000;}
/*服务项目*/
.index .project{position: relative;padding-top: 60px;overflow: hidden;}
.index .project .project_bg{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 400px;background: url(/img/project_bg.05915f04.jpg) center repeat-y;background-attachment: fixed;}
.index .project .title h3,.index .project .title p{color: #fff;}
.index .project ul{position: relative;}
.index .project ul li{float: left;width: 353px;padding: 15px;margin-right: 10px;margin-bottom: 22px;border: 1px solid #eee;background: #fbfbfb;transition: all .5s;}
.index .project ul li:nth-child(3n){margin-right: 0;}
.index .project ul li .img{position: relative;width: 100%;height: 265px;overflow: hidden;}
.index .project ul li .img img{display: block;width: 100%;height: 100%;transition: all .5s; border-radius: 5%;}
.index .project ul li .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjI3NjU2ODBGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjI3NjU2ODFGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjc2NTY3RUZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjc2NTY3RkZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiwmszwAAAJtSURBVHjazNjPS5RBGAfwdVkPhqKYdMiQ7OjJIAhSpOv2F0RQ17ZAg+wg5C0IBQn1tIvgSfa2dzE6RIeg6FCHQKxLiGWXwh/n7fvk88LLMPPOj3d++MD34LDv+mGYd+aZ7el2u5WENYm8RP4iz5AD3QM9CcHXkTXkAv9N2IYOnQosYium6BRgFdYIHRusw2rRMcEq7CHyCZlB+nXoWGAVdg95jPxBriFNZLgIHQNsgs1Khv6JPMzQocE2WCN0SLALNo/eFNb0f3QocBlsVi+QujC2WwuEXUf6SmBpOdyQjA/4nuEJpOUB2+Rlka8TZK7qeXYfFGAHeeapyel1wSJffIPfKbBDPPO3kLvIsgStxYba1u4hTwUsQS4Kn2sjr2ywVCFeujb3t+8LsFRXbLGhD47xAuxvPghOFVganxWxIcE6bINn0ArrCp7gdfoWeR0T6wKe5K2JTjB6cAnpOGBb/FkrrC04j82KHn6O7MTAUlVLYKm+Ix+RqwbYH8hUGazpDKuw35BHfIK1DLDiPm2NNQH7xmZ1B5lGtpCvNi9REViHHUA2HLClSgVWYfNd1yrPUjSs6qUzwVLta3aDeghwzRFb4RvFZb6eyw6Fcf6eTqglYYPNilrEJ8god15ib0BfvoC88Q12wZo239vIos81HBJ7yu2m1yVBMzAijP9C7nvAUj/72fcucSwZ/3AesRl4nt/wfN1Gxs4bNv/SjfE/v2R4AAy79rM+tzVTdDKs7GjWoZNiVb2EDH3EV6KbwnhUbFHzI0PLKipW117q0NGxJg28Cp0Ea3pFEtHJsDa3ZkKvVM5+EV9IhaX6J8AAqwJV1L/Ad5QAAAAASUVORK5CYII=) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.index .project ul li .txt{text-align: center;padding-top: 12px;margin-bottom: 13%;}
.index .project ul li .txt h3{color: #0e2c6b;font-size: 15px;line-height: 23px;transition: all .5s; float: left;}
.index .project ul li .txt p{color: #999;font-size: 13px;line-height: 22px;padding-top: 10px;height: 66px;overflow: hidden;}
.index .project ul li:hover{border-color: #db0f31;box-shadow: 0 0 5px 0 #fbfbfb;}
.index .project ul li:hover .bg{opacity: 1;}
.index .project ul li:hover .img img{transform: scale(1.1);}
.index .project ul li:hover .txt h3{color: #db0f31;}
/*客户案例*/
.index .icase{padding-top: 60px;}

.index .icase .icase_bg .w1200{position: relative;height: 600px;}
.index .icase .icase_bg ul{padding-top: 80px;}
.index .icase .icase_bg ul li{position: relative;height: 440px;overflow: hidden;}
.index .icase .icase_bg ul li .img{width: 720px;height: 440px;}
.index .icase .icase_bg ul li .img img{display: block;width: 100%;height: 100%;}
.index .icase .icase_bg ul li .txt{position: absolute;top: 40px;right: 0;width: 560px;height: 360px;padding: 40px 50px 0 50px;background: #f2f2f2;border: 1px solid #eee;box-sizing: border-box;}
.index .icase .icase_bg ul li .txt h3{color: #db0f31;font-size: 22px;line-height: 38px;}
.index .icase .icase_bg ul li .txt span{color: #434343;font-size: 18px;line-height: 28px;}
.index .icase .icase_bg ul li .txt i{display: block;width: 60px;height: 2px;background: #db0f31;margin: 15px 0;}
.index .icase .icase_bg ul li .txt p{color: #434343;font-size: 14px;line-height: 28px;text-align: justify;}
.index .icase .icase_bg .hd{position: absolute;right: 0;bottom: 140px;width: 509px;}
.index .icase .icase_bg .hd a{display: block;float: left;width: 38px;height: 38px;margin-right: 5px;background-color: #db0f31;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.index .icase .icase_bg .hd a.prev{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1M0QwMTVFNTIyNzkxMUVCODZEMkU0N0RDMUIzRUIyRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1M0QwMTVFNjIyNzkxMUVCODZEMkU0N0RDMUIzRUIyRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzRDAxNUUzMjI3OTExRUI4NkQyRTQ3REMxQjNFQjJGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzRDAxNUU0MjI3OTExRUI4NkQyRTQ3REMxQjNFQjJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MPFEEgAAASpJREFUeNrs2LEKQVEcx3EHUSKbMAtlsBkoT2CweQIbg0cwMXqDm+QFLAZlVkwWZVBGJZNioON38vcAzj23/sP/1CeT09c9x7m3q7TWKsRwhENMh4RJmIRJGIOwJCzgwCksC2towcZqBnNLcqwEJ/0dYwjbzOM6rA5XeEHfz1wuw9rwIG2/87kK69FVMler4WJOv2Fm/4xoP5l9VXa1An7C4jCjqB3kXO5X27A0rChqCSnX/27bsC1FeRAL4MhRtgfsiz6jEMyjueUvStESalrSNJelVLSEHsXtIc8l7HdcDCnuDBUuYT9dOmBv0OQUZrTgDk/ocAozanCBNww4hRkFONK+m0CES5iRgQ3FzW3mUAG+u0jAFIpQ/ffLSl6qSJiESZiEBTM+AgwA6AZSveZleX0AAAAASUVORK5CYII=);}
.index .icase .icase_bg .hd a.next{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OUFGMjNGMjIyNzkxMUVCOUUzNkZFRDFEOEYxRTdENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OUFGMjNGMzIyNzkxMUVCOUUzNkZFRDFEOEYxRTdENyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5QUYyM0YwMjI3OTExRUI5RTM2RkVEMUQ4RjFFN0Q3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5QUYyM0YxMjI3OTExRUI5RTM2RkVEMUQ4RjFFN0Q3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aFGtngAAARxJREFUeNrs2LEKQVEcx/F7EQvZhFlRdgPlCQx3M5psDB7BxOgNDPICFoMyKxYWdQdlVDIJAx2/f/4rw9XhP/xPfepOp2/3nM65XdcY4zoCR8gROjRMwzRMwyyHbWECcWlhC6jBHNJWyuhKCiAEffMaO8gHnOct58sJ2nCHI5QlhREPrsyTFEYq/Nbo7bUkhZEC7zcaPd6HIsJIBlYcN4KYlDCSgCnHzSApJYxEYchxyyBz2LqS6HM9ws/3Xx6wnyR5CQ0vaULCUmZhw1FDXtK/b/4i7DmqK+W4qMKJD9imlAO2Djc4Q03KldSBBxygJOESD8OA95MPOSmfPWOOWkDKxiHtBvx3sQYfGnCxckLrTxUN0zAN0zA74ynAALtKVL2uOaeRAAAAAElFTkSuQmCC);}
.index .icase .icase_bg .hd a:hover{background-color: #333;}
/*解决方案*/
.index .solution{padding: 70px 0;}
.index .solution ul{}
.index .solution ul li{float: left;width: 380px;margin-right: 30px;}
.index .solution ul li:nth-child(3n){margin-right: 0;}
.index .solution ul li .img{position: relative;width: 100%;height: 285px;overflow: hidden;}
.index .solution ul li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.index .solution ul li .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjI3NjU2ODBGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjI3NjU2ODFGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjc2NTY3RUZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjc2NTY3RkZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiwmszwAAAJtSURBVHjazNjPS5RBGAfwdVkPhqKYdMiQ7OjJIAhSpOv2F0RQ17ZAg+wg5C0IBQn1tIvgSfa2dzE6RIeg6FCHQKxLiGWXwh/n7fvk88LLMPPOj3d++MD34LDv+mGYd+aZ7el2u5WENYm8RP4iz5AD3QM9CcHXkTXkAv9N2IYOnQosYium6BRgFdYIHRusw2rRMcEq7CHyCZlB+nXoWGAVdg95jPxBriFNZLgIHQNsgs1Khv6JPMzQocE2WCN0SLALNo/eFNb0f3QocBlsVi+QujC2WwuEXUf6SmBpOdyQjA/4nuEJpOUB2+Rlka8TZK7qeXYfFGAHeeapyel1wSJffIPfKbBDPPO3kLvIsgStxYba1u4hTwUsQS4Kn2sjr2ywVCFeujb3t+8LsFRXbLGhD47xAuxvPghOFVganxWxIcE6bINn0ArrCp7gdfoWeR0T6wKe5K2JTjB6cAnpOGBb/FkrrC04j82KHn6O7MTAUlVLYKm+Ix+RqwbYH8hUGazpDKuw35BHfIK1DLDiPm2NNQH7xmZ1B5lGtpCvNi9REViHHUA2HLClSgVWYfNd1yrPUjSs6qUzwVLta3aDeghwzRFb4RvFZb6eyw6Fcf6eTqglYYPNilrEJ8god15ib0BfvoC88Q12wZo239vIos81HBJ7yu2m1yVBMzAijP9C7nvAUj/72fcucSwZ/3AesRl4nt/wfN1Gxs4bNv/SjfE/v2R4AAy79rM+tzVTdDKs7GjWoZNiVb2EDH3EV6KbwnhUbFHzI0PLKipW117q0NGxJg28Cp0Ea3pFEtHJsDa3ZkKvVM5+EV9IhaX6J8AAqwJV1L/Ad5QAAAAASUVORK5CYII=) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.index .solution ul li .txt{border: 1px solid #ddd;border-top: 0;padding: 0 64px;padding-top: 25px;text-align: center;}
.index .solution ul li .txt span{position: relative;display: block;width: 58px;height: 48px;margin: auto;overflow: hidden;}
.index .solution ul li .txt span:after{display: block;content: " ";position: absolute;left: 50%;margin-left: -43px;top: 50%;margin-top: -1px;bottom: 7px;width: 86px;height: 1px;background: #ddd;transform: rotate(-40deg);}
.index .solution ul li .txt span i{position: relative;display: inline-block;color: #999;font-size: 28px;line-height: 32px;font-family: Arial;margin: 8px 0;background: #fff;z-index: 1;}
.index .solution ul li .txt h3{color: #333;font-size: 18px;line-height: 24px;font-weight: bold;padding-top: 15px;}
.index .solution ul li .txt p{color: #5a5a5a;font-size: 13px;line-height: 20px;padding-top: 15px;padding-bottom: 37px;}
.index .solution ul li:hover .bg{opacity: 1;}
.index .solution ul li:hover .img img{transform: scale(1.1);}
/*优势*/
.index .youshi{height: 300px;background: url(/img/youshi_bg.6992f6b3.jpg) center repeat-y;background-attachment: fixed;}
.index .youshi ul{padding-top: 100px;color: #fff;}
.index .youshi ul li{float: left;width: 300px;text-align: center;cursor: pointer;}
.index .youshi ul li span{position: relative;display: inline-block;line-height: 70px;}
.index .youshi ul li span b{font-family: tahoma;font-size: 48px;transition: all .5s;}
.index .youshi ul li span i{position: absolute;bottom: -7px;font-size: 20px;font-weight: bold;margin-left: 10px;}
.index .youshi ul li p{font-size: 14px;}
.index .youshi ul li span b:hover{color: #db0f31;}
/*新闻中心*/
.index .news{padding: 50px 0;}
/* border: 1px solid #ddd; */
.index .news .textlist{width: 90%;height: 418px; }
.index .news .textlistx{width: 90%;height: 418px;margin-left: -5%; }
.index .news .textlist ul{padding: 4px 0;}
.index .news .newsimg{position: relative;width: 398px;height: 418px;border: 1px solid #ddd;background: #f9f9f9;}
.index .news .newsimg:before{display: block;content: " ";position: absolute;top: -1px;left: -1px;width: 400px;height: 160px;background: #db0f31;}
.index .news .newsimg a{position: relative;display: block;padding: 30px;}
.index .news .newsimg img{width: 100%;height: 254px;}
.index .news .newsimg .txt{padding-top: 8px;}
.index .news .newsimg h3{color: #5A5A5A;font-size: 16px;font-weight: bold;transition: all .5s;}
.index .news .newsimg p{color: #999;font-size: 14px;line-height: 24px;text-align: justify;padding-top: 5px;}
.index .news .newsimg:hover h3{color: #db0f31;}
.index .news .textlist .item{height: 70px;padding: 15px;}
.index .news .textlist .item a{display: block;}
.index .news .textlist .item h3{font-size: 16px;font-weight: bold;color: #5A5A5A;transition: all .5s;}
.index .news .textlist .item p{color: #999;font-size: 14px;line-height: 22px;text-align: justify;}
.index .news .textlist .item .time{display: block;width: 70px;height: 70px;margin-right: 10px;color: #db0f31;text-align: center;}
.index .news .textlist .item .time b{display: block;font-size: 36px;line-height: 45px;}
.index .news .textlist .item .time span{font-size: 12px;line-height: 22px;}
.index .news .textlist .item:hover h3{color: #db0f31;}
/*联系方式*/
.index .lianxi{height: 340px;background: url(/img/lianxi_bg.05915f04.jpg) center repeat-y;background-attachment: fixed;}
.index .lianxi .fangshi{float: left;width: 400px;padding-top: 90px;}
.index .lianxi .fangshi h3{color: #db0f31;font-size: 18px;font-weight: bold;line-height: 30px;padding-bottom: 25px;}
.index .lianxi .fangshi p{color: #ddd;font-size: 14px;line-height: 35px;padding-left: 30px;background-position: left;background-repeat: no-repeat;background-size: 16px;}
.index .lianxi .fangshi p:nth-child(2){}
.index .lianxi .fangshi p:nth-child(3){}
.index .lianxi .fangshi p:nth-child(4){}
/*合作客户*/
.index .kehu{padding: 70px 0;}
.index .kehu .bd{padding: 0 2%;}
.index .kehu li{float: left;width: 20%;height: 100px;padding: 0 1px;}
.index .kehu img{display: block;width: 70%;height: 100%;}
/*******内页样式********/
.nybanner{width: 100%;position: relative;height: 530px;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-image: url('');background-attachment: fixed;}
.submian{padding-bottom: 30px;}
.submian .sobtitle{height: 50px;line-height: 50px;font-size: 14px;color: #434343;margin-top: 7%;}
.submian .sobtitle s{position: relative;display: inline-block;width: 20px;height: 18px;margin-right: 10px;background: url('') no-repeat;vertical-align: middle;margin-left: 250px;margin-top: -4px;}
.submian .sobtitle i{font-size: 12px;font-family: 宋体;margin: 0 5px;}
.submian .sobtitle a{font-size: 14px;color: #434343;}
.submian .sobtitle a:hover{color: #db0f31;}
/*内页左侧*/
.submian .subleft{position: relative;top: -160px;width: 220px;}
.submian .subleft .title{height: 180px;background: #db0f31;}
.submian .subleft .title h2{padding-top: 50px;padding-left: 30px;color: #fff;}
.submian .subleft .title h2 p{font-size: 20px;line-height: 25px;}
.submian .subleft .title h2 span{font-size: 25px;line-height: 35px;}
.submian .subleft .title h2 i{display: block;width: 40px;height: 2px;background: #fff;margin: 10px 0;}
/*栏目分类*/
.submian .subleft .lefta{margin-bottom: 10px;}
.submian .subleft .lefta .comt{background: #eee;padding: 10px 15px;}
.submian .subleft .lefta .comt ul{border-top: 0;}
.submian .subleft .lefta .comt ul li a{display: block;color: #333;font-size: 16px;line-height: 50px;text-align: center;transition: all .5s;}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a{color: #db0f31;font-weight: bold;}
/*内页右侧*/
.submian .subright{width: 898px;padding: 30px;border: 1px solid #eee;margin-top: 20px;}
.submian .subright#news{width: 100%;padding: 0;border: 0;}
/*默认单页*/
.submian .Aboutpage{color: #666;font-size: 14px;line-height: 28px;text-align: justify;}
.submian .Aboutpage h3{color: #db0f31;font-size: 23px;font-weight: bold;border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;margin-bottom: 15px;text-align: center;}
.submian .Aboutpage img{max-width: 100%;}
.submian .t{padding: 0 0 25px;color: #db0f31;font-size: 18px;}
.submian .t2{padding: 25px 0;color: #db0f31;font-size: 24px;}
/*联系我们*/
.submian .contact{padding-top: 30px;}
.submian .contact ul{padding-bottom: 20px;}
.submian .contact ul li{float: left;width: 240px;height: 260px;padding: 0 29px;border-left: 1px solid #eee;text-align: center;}
.submian .contact ul li:last-child{border-right: 1px solid #eee;}
.submian .contact ul li img{width: 80px;height: 80px;padding-top: 20px;padding-bottom: 30px;}
.submian .contact ul li h3{color: #434343;font-size: 18px;font-weight: bold;padding-bottom: 25px;}
.submian .contact ul li p{color: #434343;font-size: 14px;line-height: 19px;}
/*解决方案*/
.submian .solution{padding: 60px 0;}
.submian .solution ul{}
.submian .solution ul li{float: left;width: 380px;margin-right: 30px;}
.submian .solution ul li:nth-child(3n){margin-right: 0;}
.submian .solution ul li .img{position: relative;width: 100%;height: 285px;overflow: hidden;}
.submian .solution ul li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.submian .solution ul li .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjI3NjU2ODBGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjI3NjU2ODFGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjc2NTY3RUZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjc2NTY3RkZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiwmszwAAAJtSURBVHjazNjPS5RBGAfwdVkPhqKYdMiQ7OjJIAhSpOv2F0RQ17ZAg+wg5C0IBQn1tIvgSfa2dzE6RIeg6FCHQKxLiGWXwh/n7fvk88LLMPPOj3d++MD34LDv+mGYd+aZ7el2u5WENYm8RP4iz5AD3QM9CcHXkTXkAv9N2IYOnQosYium6BRgFdYIHRusw2rRMcEq7CHyCZlB+nXoWGAVdg95jPxBriFNZLgIHQNsgs1Khv6JPMzQocE2WCN0SLALNo/eFNb0f3QocBlsVi+QujC2WwuEXUf6SmBpOdyQjA/4nuEJpOUB2+Rlka8TZK7qeXYfFGAHeeapyel1wSJffIPfKbBDPPO3kLvIsgStxYba1u4hTwUsQS4Kn2sjr2ywVCFeujb3t+8LsFRXbLGhD47xAuxvPghOFVganxWxIcE6bINn0ArrCp7gdfoWeR0T6wKe5K2JTjB6cAnpOGBb/FkrrC04j82KHn6O7MTAUlVLYKm+Ix+RqwbYH8hUGazpDKuw35BHfIK1DLDiPm2NNQH7xmZ1B5lGtpCvNi9REViHHUA2HLClSgVWYfNd1yrPUjSs6qUzwVLta3aDeghwzRFb4RvFZb6eyw6Fcf6eTqglYYPNilrEJ8god15ib0BfvoC88Q12wZo239vIos81HBJ7yu2m1yVBMzAijP9C7nvAUj/72fcucSwZ/3AesRl4nt/wfN1Gxs4bNv/SjfE/v2R4AAy79rM+tzVTdDKs7GjWoZNiVb2EDH3EV6KbwnhUbFHzI0PLKipW117q0NGxJg28Cp0Ea3pFEtHJsDa3ZkKvVM5+EV9IhaX6J8AAqwJV1L/Ad5QAAAAASUVORK5CYII=) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.submian .solution ul li .txt{border: 1px solid #ddd;border-top: 0;padding: 0 64px;padding-top: 25px;text-align: center;border-bottom: 2px solid #db0f31;}
.submian .solution ul li .txt span{position: relative;display: block;width: 58px;height: 48px;margin: auto;overflow: hidden;}
.submian .solution ul li .txt span:after{display: block;content: " ";position: absolute;left: 50%;margin-left: -43px;top: 50%;margin-top: -1px;bottom: 7px;width: 86px;height: 1px;background: #ddd;transform: rotate(-40deg);}
.submian .solution ul li .txt span i{position: relative;display: inline-block;color: #999;font-size: 28px;line-height: 32px;font-family: Arial;margin: 8px 0;background: #fff;z-index: 1;}
.submian .solution ul li .txt h3{color: #333;font-size: 18px;line-height: 24px;font-weight: bold;padding-top: 15px;}
.submian .solution ul li .txt p{color: #5a5a5a;font-size: 13px;line-height: 20px;padding-top: 15px;padding-bottom: 37px;}
.submian .solution ul li:hover .bg{opacity: 1;}
.submian .solution ul li:hover .img img{transform: scale(1.1);}
/*文章列表*/
.submian .Newslist{}
.submian .Newslist .list{padding-bottom: 20px;}
.submian .Newslist .item{display: block;padding: 25px;border: 1px solid #eee;margin-top: 20px;transition: all .5s;}
.submian .Newslist .item:first-child{margin-top: 0;}
.submian .Newslist .item a{display: block;}
.submian .Newslist .item .img{width: 187px;height: 140px;overflow: hidden;}
.submian .Newslist .item .img img{display: block;width: 100%;height: 100%;}
.submian .Newslist .item .txt{width: 85%;}
.submian .Newslist .item .txt .tit{font-size: 18px;line-height: 30px;}
.submian .Newslist .item .txt .tit span{display: inline-block;color: #db0f31;padding-right: 10px;}
.submian .Newslist .item .txt .tit h3{display: inline-block;color: #434343;font-size: 18px;transition: all .5s;}
.submian .Newslist .item .txt .mark{color: #929292;font-size: 14px;line-height: 20px;padding: 9px 0;}
.submian .Newslist .item .txt .mark span{display: inline-block;padding-right: 18px;}
.submian .Newslist .item .txt p{color: #888;font-size: 14px;line-height: 24px;text-align: justify;}
.submian .Newslist .item .txt p span{display: inline-block;color:#db0f31;padding-left: 10px;}
.submian .Newslist .item a:hover .txt h3{color:#db0f31;}
/*图文列表*/
.submian .Piclist{}
.submian .Piclist .list{padding-bottom: 20px;}
.submian .Piclist .item{display: block;padding-bottom: 30px;border-bottom: 1px dotted #ccc;margin-top: 20px;transition: all .5s;}
.submian .Piclist .item:first-child{margin-top: 0;}
.submian .Piclist .item a{display: block;}
.submian .Piclist .item .img{position: relative;width: 240px;height: 180px;overflow: hidden;}
.submian .Piclist .item .img img{display: block;width: 100%;height: 100%;}
.submian .Piclist .item .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjI3NjU2ODBGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjI3NjU2ODFGRTEwMTFFMzk2ODI5MkU1RkE2NTgxQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjc2NTY3RUZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjc2NTY3RkZFMTAxMUUzOTY4MjkyRTVGQTY1ODFBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiwmszwAAAJtSURBVHjazNjPS5RBGAfwdVkPhqKYdMiQ7OjJIAhSpOv2F0RQ17ZAg+wg5C0IBQn1tIvgSfa2dzE6RIeg6FCHQKxLiGWXwh/n7fvk88LLMPPOj3d++MD34LDv+mGYd+aZ7el2u5WENYm8RP4iz5AD3QM9CcHXkTXkAv9N2IYOnQosYium6BRgFdYIHRusw2rRMcEq7CHyCZlB+nXoWGAVdg95jPxBriFNZLgIHQNsgs1Khv6JPMzQocE2WCN0SLALNo/eFNb0f3QocBlsVi+QujC2WwuEXUf6SmBpOdyQjA/4nuEJpOUB2+Rlka8TZK7qeXYfFGAHeeapyel1wSJffIPfKbBDPPO3kLvIsgStxYba1u4hTwUsQS4Kn2sjr2ywVCFeujb3t+8LsFRXbLGhD47xAuxvPghOFVganxWxIcE6bINn0ArrCp7gdfoWeR0T6wKe5K2JTjB6cAnpOGBb/FkrrC04j82KHn6O7MTAUlVLYKm+Ix+RqwbYH8hUGazpDKuw35BHfIK1DLDiPm2NNQH7xmZ1B5lGtpCvNi9REViHHUA2HLClSgVWYfNd1yrPUjSs6qUzwVLta3aDeghwzRFb4RvFZb6eyw6Fcf6eTqglYYPNilrEJ8god15ib0BfvoC88Q12wZo239vIos81HBJ7yu2m1yVBMzAijP9C7nvAUj/72fcucSwZ/3AesRl4nt/wfN1Gxs4bNv/SjfE/v2R4AAy79rM+tzVTdDKs7GjWoZNiVb2EDH3EV6KbwnhUbFHzI0PLKipW117q0NGxJg28Cp0Ea3pFEtHJsDa3ZkKvVM5+EV9IhaX6J8AAqwJV1L/Ad5QAAAAASUVORK5CYII=) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.submian .Piclist .item .txt{width: 628px;}
.submian .Piclist .item .txt .tit{font-size: 18px;line-height: 30px;}
.submian .Piclist .item .txt .tit span{display: block;color: #db0f31;text-align: right;}
.submian .Piclist .item .txt .tit h3{display: block;color: #5a5a5a;font-size: 18px;font-weight: bold;transition: all .5s;}
.submian .Piclist .item .txt p{color: #888;font-size: 15px;line-height: 24px;text-align: justify;padding-top: 15px;}
.submian .Piclist .item .txt p span{display: inline-block;color:#db0f31;padding-left: 10px;}
.submian .Piclist .item a:hover .txt h3{color:#db0f31;}
.submian .Piclist .item a .img:hover .bg{opacity: 1;}
/*图片列表*/
.submian .Imglist .list{padding: 0;}
.submian .Imglist .list .item{float: left;width: 274px;padding: 15px;padding-bottom: 0;margin-bottom: 20px;margin-right: 20px;border: 1px solid #eee;}
.submian .Imglist .list .item:nth-child(3n){margin-right: 0;}
.submian .Imglist .list .item a{display: block;width:100%;overflow: hidden;position: relative;background: #fff;}
.submian .Imglist .list .item .img{position: relative;width: 100%;height: 206px;}
.submian .Imglist .list .item .img img{display: block;width: 100%;height: 100%;}
.submian .Imglist .list .item .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url() center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.submian .Imglist .list .item h3{width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;transition: all .5s;}
.submian .Imglist .list .item:hover .img .bg{opacity: 1;}
/*留言表单*/
.msgPage{padding-top: 50px;}
.msgPage .tit{text-align: center;}
.msgPage .tit .p1{font-size: 36px;line-height: normal;padding-bottom: 15px;}
.msgPage .tit .p2{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;}
.msgPage .tit .p2 span{color: #db0f31;font-weight: bold;}
.formData{padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #db0f31;margin-right: 2px;text-align: center;background: #db0f31;color: #FFF;cursor: pointer;font-size: 18px;display: block;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #db0f31;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
/*内容详情页*/
.submian .subright .conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;font-weight: bold;}
.submian .subright .conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;border-bottom: 1px dashed #ccc;}
.submian .subright .conBox .ArticleMessage span:first-child{margin-left:0;}
.submian .subright .conBox .ArticleMessage span{color: #999;margin-left: 14px;font-size: 12px;}
.submian .subright .conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;}
.submian .subright .conBox .txt1{color: #868686;font-size: 12px;background: #f5f5f5;border: 1px solid #e5e5e5;padding: 5px;margin-bottom: 10px;}
.submian .subright .conBox .txt2{color: #868686;font-size: 12px;border: 1px solid #e5e5e5;padding: 5px;margin-bottom: 10px;}
.submian .subright .conBox .ArticleTencont{padding: 5px 0px 20px 0px;color: #666;font-size:14px;line-height: 28px;text-align: justify;overflow: hidden;}
.submian .subright .conBox .ArticleTencont img{max-width: 100%;}
/*内容分页*/
.reLink{margin: 10px auto 10px;}
.reLink .prevLink, .reLink .nextLink{line-height: 35px;color: #666;}
.reLink .prevLink a, .reLink .nextLink a{color: #666;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover{color: #db0f31;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: skyblue;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAB4CAYAAADlnULlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RjNENzlCOURDQjUxMUVBQTA0QkYxOEY5MzE3MDEzQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RjNENzlCQURDQjUxMUVBQTA0QkYxOEY5MzE3MDEzQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGM0Q3OUI3RENCNTExRUFBMDRCRjE4RjkzMTcwMTNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGM0Q3OUI4RENCNTExRUFBMDRCRjE4RjkzMTcwMTNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kkLazQAABeBJREFUeNrsmg9oVVUcx9+TjXJZmtsqciurzWiCYGGxLe0tQgmchmbBigorVlJWJFYQva31z8qFZkiWFhlGRi3LMtTYm+CG/cH+rC1KywykcqZOs2xur+/B36Nfh3POPefc995WvQMf7r3nnnO+9/y5v/M7595oMpmMDEYYFhmkkOeYvgJMA1VgAigDu8F2sBW8D7qtShJNbcEY0JK0C6+D4qAybUSvA39Qof3geTALXADOBOWgFixn4vspjbfwbFbYm+DUgPTiQdpZnit1aaOGUX0++JrOF4DFbEBOBuPASHAIfAsSYIDSrAVz6Lwc7HDp4w566sdY3ANgt6Zvd4E7WNrvKL7DpamrWGHi+kI6twkfUp5SFjfNVvhpylBB/dqXdAtvUzlb6PpFG+FLwc+gm667kn6hmka+CHvB9Sbha1jGBaDSQUg87FvsejsYC46yuCad8FqWaA+9j7bhRipjhfQw/ew6oRNe4dmsH0jldGvStaTSyJPEgIe9bwHTpbhlOgvtM0nsAs+Bg6Af9IEu8KkibYfr7KR7kP1gEuixfMg91Hpyi0Z18/FwTUEbHURFOKrptpN1wms0fe7qMIym1vscbGHxX5hstZhR5oNJYB6Nxh5wouXcLZhD+W6gazGtrgcnuMzHv1EhtQ7CrZSnAAyn8xGujsBllHGbpWjKTC6j64/JGDl7IIJ7qLBbAtLlg8Nk31PdlqSH9xJOuUCbwFmGNGI6fYLOK0h0ta/PJTPKIs0MEv0ojLOn40Hqv9dYnHgTvpHtcjqFZ0jG/xOwk8476b6xjDzPhUCxdH0RGZ+rwJfpdOhlCmjQ/AI+A2WuZUT/d4u2f53wfeBH0EtHsYqI02oyksnBdczgf71K3qXX4CoBt1KNFivuTwV14E+a3CdItRXx9eBllxpPIUOfZGZvmEUrXAE2SrVvsrVcF2uab4OmgImgRIqrl/I+YiO809B3N0tpn2L3NoOZ7F61NA7qgoRNoVNKu06R5g12/xLpXpFJeJ9BeIeUVqwi76ZlzwBLt42NidukvRGtcMIgbJpxxtEMlQrvsnt8a2KsTvhehWAf8xaD6GT5piqa/GGdcKFC+LCDYeG7AO0s/nuK26pbtO0Dq6S4k8BsS0MozOc7dF4JSuk85dSXmWz1QkXcC+AUS/H17PwMOh6i48ggW71Q0eTtDk7CK6CZje4NrJxAn+srhfhyz0nlatqaaLIRLtbs9rwUwjO19jJjmnd6daaFI/QOq8ImhXNfTXtbwnrdng6/ul4j/hPtX4mV4HTFfWEJR4d16OsM5tS0LfWDatnj2jdisu/12I5aKpfl6uxtBuNBm2O+09Ll7EVoy/GIZY0r0rlaTH2rWBrQ/DPTvUzlFNGGzXu0kd5LayqvTwO5JUxO+L8hnHQgTnnijvmGZlNHDTRo8jQE5LP+fhxTxCUsKmOVL2ifq1XKbCMcl8Rrcq+TTVMnPMtNhBFOeArXhKlx3LOm8bBN3eAh2hCmjxs8a+qcb9A8ELnGizz2NOV+bZMGpXy/UeXeuoRFlCcuxcc0H7/+sT5WDa4eqokprMyUAVllyDM305YrpugflXFok+KfAQeoLxN0bHQ1mTELMyjHH6B8jaZ8eVl4c1pVrZaXpdc25lpjG4MvT/zrVH3qOjv51KgxzLS4N019G3MRLspGp+eWqTnhrLq37ZHjv0YeS7OO+FV2omlUi/m4MAOV/B0UBL1OxXwtqwn8b6dC1YpQWn2KWavv75W4/97W6fQJoDJT+9UqzgO/Mj+qJhvC57C/j01OXlqFz2bfllP/1vI/EqdkQvhccJAEbgKT6fxa+iTg1Oy2ouWsT5sprpau76fredLvr6GFS9i28BLFd4pHWdx8Jl4VRriU1XSJdG+u/IVUIV7tIzye/hIW4XHFfZ2w4C4mfrmr8BFNTW2EBXcy8XyX36rEmncEeMjTNj8L8sGYyPFfZq29zCfTMDE05xyBnHBOeEgLp37PGJVt4S5yWTtzi7YhLfyXAAMAHtAGN6ll70QAAAAASUVORK5CYII=) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #db0f31;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #db0f31;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #db0f31;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #db0f31;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}

/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/skin/css/common.css ***!
  \******************************************************************************************************************************************************************************/
@charset "utf-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;transition: all .5s;}
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #555;}
input,textarea{-webkit-user-select:text}
/*分页样式*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #999;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #fff;border: 1px solid #f2f2f2;}
.pglist a:hover,.pglist span{display:inline-block;color: #fff;background: #db0f31;border-color: #db0f31;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
/*返回首页*/
#tip{padding-top: 30px;min-height: 640px;}
#tip b{color: #db0f31;}
/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.sitemap dt{float: left;margin-right: 2%;width: 14.66666667%;}
.sitemap dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background: #ccc;color:#fff;}
.sitemap dd{float: left;width: 83.333333%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;width: 14.66666667%;}
.tags_list dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background: #ccc;color:#fff;}
.tags{overflow:hidden;margin-bottom: 20px;}
.tags span{float: left;display: block;line-height: 40px;}
.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 28px;padding: 0 6px;margin: 5px;background: #fff;border: 1px solid #dadada;}
.tags a:hover {background: #db0f31;border-color: #db0f31;color: #fff;}
/*评论列表*/
.comment-main{width: 100%;background: #FFF;border-bottom: 3px solid #eee;margin-top: 30px;font-size: 12px;color: #666;line-height: 14px;transition: all .5s;}
.comment-main:hover{border-bottom: 3px solid #db0f31;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;}
.comment-title{width: 100%;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC;}
.comment-title span{float: left;height: 50px;font-size: 14px;line-height: 50px;display: block;padding: 0 30px;background: #db0f31;color: #FFF;}
.comment-show-box{margin: 20px 12px}
.comment-show-box .pl-box2{width: 100%}
.comment-show-box .pl-box2 dl{float: left;width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float: left;width: 50px;margin-right: 15px;}
.comment-show-box .pl-box2 dl dt img{width: 50px;height: 50px}
.comment-show-box .pl-box2 dl dd{float: right;width: 92%;}
.comment-show-box .pl-box2 dl dd h1{font-weight: 700;font-size: 100%;}
.comment-show-box .pl-box2 dl dd h1 span{color: #656565;font-weight: 400;float: right;}
.comment-show-box .pl-box2 dl dd p{margin-top: 10px;line-height: 20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color: #db0f31;}
.comment-show-box .xz-cb{zoom: 1}
.comment-show-box .xz-cb:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}
.c-more {text-align: center;line-height: normal;}
.c-more a {border-radius: 2px;-webkit-border-radius: 2px;display: block;background: #db0f31;color: #ffffff;padding: 13px 0;}
.c-more a:hover {background: #333;}
/*评论表单*/
.comment-show-box .fb-box{background: #FAFAFA;border: 1px solid #EEE;margin-top: 20px;}
.comment-show-box .fb-box dl{float: left;width: 97%;padding: 12px;}
.comment-show-box .fb-box dt{float: left;width: 50px;margin-right: 15px;}
.comment-show-box .fb-box dt img{border-radius: 50%;width: 50px;height: 50px}
.comment-show-box .fb-box dd{float: right;width: 92%;}
.comment-show-box .fb-box dd p{color: #656565;}
.comment-show-box .fb-box dd p textarea{width: 97%;height: 120px;line-height: 20px;color: #6C6C6C;padding: 12px;border: 1px solid #EEE;outline: 0;font-family: "microsoft yahei";transition: all .5s;}
.comment-show-box .fb-box dd p textarea:focus{border: 1px solid #db0f31;box-shadow: 0 0 10px 0 #db0f31}
.comment-show-box .fb-box-div{margin-top: -1px;background: #FAFAFA;border-radius: 0 0 5px 5px;border: 1px solid #EEE;}
.comment-show-box .fb-box-div dl{padding: 12px;position: relative;}
.comment-show-box .fb-box-div dd{font-size: 12px;line-height: 13px;color: #666;}
.comment-show-box .fb-box-div input{border-radius: 0 0 5px 0;position: absolute;top: -1px;right: -1px;width: 80px;height: 39px;font-size: 12px;line-height: 39px;background: #AAA;color: #FFF;border: 0;cursor: pointer;transition: all .5s;}
.comment-show-box .fb-box-div input:hover{background: #db0f31;color: #FFF;}
/*点赞*/
#mood{margin-bottom: 30px;text-align:center;}
#mood p{font-size: 16px;color: #555;font-weight:bold;margin-bottom: 20px;}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color: #555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;box-sizing: border-box;}
#mood a span{display: inline-block;width: 18px;height: 18px;margin-right:10px;vertical-align: sub;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkIzOEJDODAxOTU0MTFFOUFEMTQ4ODQ5RTY0NkYzMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkIzOEJDN0YxOTU0MTFFOUFEMTQ4ODQ5RTY0NkYzMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NUI1RUREMThDOTExRTlBNzVBRkIzODBFQkM3MzZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM2NUI1RURFMThDOTExRTlBNzVBRkIzODBFQkM3MzZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FQA+UAAAA59JREFUeNrslltIVEEYx8/a6kOgiw8RFZWwFBtGxrJd6eJDCOUFAw20h4Kgi4smgQU99dBLFmSE3VC6PBRpZIUoRXSFQqlIKQxFKbMi0kSFWir39B/6n5imPWeO68s++MFvd2d2/ud88803M5+nuLjYcDAvOAr2gK+gDNww9CZ0h0ApyAAeMA6eg8fgMnghBjY0NPwj9GgcygG3wUmQBUJ8wReNQ6fBDurGQBJ1i8FSOvgWNIFRSffQq3nwOvABVAAfGAYbwBUHTTLYSU1tjP/TQDbYDNaAZeA9mA7KnRxKAQXgKdsjnO1MzSRyGJE2m/9FRG6RAOgCYf6udnKommGuYNvP2fVqHBJL1QqeGe6tlhEy7BwSibUXbAIPpBcJWwmC4DVoBhFFm2El7ARsrrwbVBPJW09apf4ifh+U+vqYpGNsp1NfZ8RpYq1vAlPiJXgCdiljF3J3WMwHM8BuacwsPrMrXodEhPKUvm3cjuMabT/o4RJZtoS66GQilKT0tUtL4GTruTyPpb61oEOcJy70qWC50hdNMuI3oZ0GOqU+cdgtAPM0WqFrBBeV/mbvJBxaxKX5JPWdYU69U8b2MActOwtWiw2Bq6NDzaF4LcjlGZb6xFJnMi8zebiKXXlNGrORR8gW6o1YDg2Bb/J54MJmc4lUi9ABQT776vktroyr4ASXzLBz6Ah4w+PcjYU40zzNOD+vCut0D3MS+522vSgrDjBCwi7xFG7iKT0aQ7eC+XNH49Bn7iYf78JV4AL44eRQEbewfBuLm3i7dFC+4syifEE5OAd+ahy6C74z8iJf5oBHuoPxPpFtH5O2lGdLKbeqSceqWYDpTNRNW8EpRrUG3HNUmKbphBccBxHwERRqxsu6w6APRM0/9gu0gWMgaKf1iI9Eqhh1MxWzHOBvH2dbotEkg3EQtvk/DRSA86Cd0esHg2DI6cEpoBM0Sn0joFLjUC5fEnKxtAGOzQdVpmZwDRgF2Wz7JbGT7jpocZlrASVCZsJVjLG8zmJk6pT+bvN/6wWp0ph05k/ZBCP016YqxqmKcbIVoxEjUQMuE7KMCZwu9aUy0VXrVrR13DhZ6nMTrmK0IjTIw2kiEWrhIeg0Jp/P9LOdzcjU2Gksh6oksRuHQhybqxlXyevGajfyOkpxcmhIiVA7L74CXoSxhGHmT7LGoRJeyD62B3hh22oSrmJ0ml2QxVQbiyuTs+3jLL0uc62QxV2ExZ6j7rcAAwCsvVyO45I8DQAAAABJRU5ErkJggg==) no-repeat;transition: all .5s;}
#mood a span.dianzan-down{background-position: top right;}
#mood a em{font-style:normal;font-size: 16px;}
#mood a:hover{background: #db0f31;border-color: #db0f31;color:#fff;}
#mood a:hover span.dianzan-up{background-position: bottom left;}
#mood a:hover span.dianzan-down{background-position: bottom right;}
/*视频样式*/
video {background-color: #000;}

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/skin/css/lightbox.min.css ***!
  \************************************************************************************************************************************************************************************/
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAPFBMVEX///8AAAD9/f2CgoKAgIAAAAAAAAAAAABLS0sAAAAAAACqqqqqqqq6urpKSkpISEgAAAC7u7u5ubn////zbsMcAAAAE3RSTlMASv6rqwAWS5YMC7/AyZWVFcrJCYaKfAAAAHhJREFUeF590kkOgCAQRFEaFVGc+/53FYmbz6JqBbyQMFSYuoQuV+iTflnstI7ssLXRvMWRaEMs84e2uVckuZe6knL0hiSPObXhj6ChzoEkIolIIpKIO4joICAIeDd7QGIfCCjOKe9HEk8mnxpIAup/F31RPZP9fAG3IAyBSJe0igAAAABJRU5ErkJggg==) url(/img/loading.99fd1e91.gif) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFF0lEQVR4Ac2ZW0xcVRSGPTNnhlPKcCsUAeeChkEVxhutDQwzMANaqamNWgpaH+yDIaZp1cRHbgH0gTsxkmDCI/hiRAqgD5qYRgKQ8II6TE00wfgGAcIdKeM/ydrNZIezxxg9m518gRxWmn6s9a9zhvNQJBL5T/gfjokwA5Uw0zWFeHBOugiTsAArfSWZky+iABVowAZSwRkiDSTRz1iHlJMmogATsIDTIAPYgRs8SeTTtXSQSLVKFNkivIQKksDDJFCsquqLmqZdAa/i+yCuPQ1cJHOKjdpJEWGdsIFs8BQoy83NvTEzMzO3t7f318HBweHc3Nxdj8dznWQeIWmpIryENUaiCPgdDsfN+fn5XyLcWV5eDlmt1gBqHgOpbAHIFmESySAHeECF0+m8hd/+vcgxZ3d39wBj9grqCkA6iaiyRBRunJhEpcvl+nBhYeG3iM7Z2dnZgkg1ZSgNqLI6wgebSVTZ7faPlpaW/tSTWF9f36ivr+9AbQkF3iZRhAs2dSInJ+eDUCj0h0Biq7S09BPUBkEhyAKJssKusE6QRCGoQLDfn56eDulJrK6ubgeDwS7UXgTPAztIkXUfUbhxKgLlyMRtBPtXPYm1tbXdqqoqJnEOOGhbJQCTkSJ8sJlEMNoJrFhdicPDw6PKyspe1FaD85yE2YBnLUGwSSIrK+s2bnZLehIbGxubfr+/B7WXSMJJ42QlCcVAES7YJJGdnR0dp7BgnLZKSko6qBPngIvrBEkYIKIT7PLoOKET4TjB7kbty+A8SaRxmcAxQEQn2BUI9q3Z2dl7gk7sINhRiZeoE87jMmGECB/s3JhgR8dJV2Jzc3Pb5/N1UieKKdgsEyaAY5wIk2Dj5GHBRifCgmBHb3adLBNsO3HBNkxEAWZwCmSCx4EPwb4ZJ9jbCHYXSRQDpyDYhomoNFIOUIRMvINO/KQnsbKyshMIBD5D7RVwgQWblzBahD2Sp5jN5jzM+9uLi4s/60mEw+FNbKcvUH8DVIECcAZoXLCliaRaLBbX8PBwb0RwRkZGfkftx+BdUM4+KInDbdxoWUCKoih5CQkJgYGBgS/xs6PjRPb394+ampp+RP174CIoBGcpYypQZIqYY+4dz4DLvb29Y6LONDY2fou6OuAF+SCDZCgj8kQSQDqNihfU9vX1TYlkGhoa7qDuDVBKMpQVrjMG30fYCs6gAHuRmdqurq5JkUxLS8sEaq+CMq4zJGOgCB2Fk8kHJSaTqaazs3Pi2MzQaWtrm0RtDfDFyCQyGUNFOJlEkMlkwLWenp5vRDKtra1TNGYsM5mcjKEifGeYjBfUQUaYmebm5omYzLjFC8C4zyNqTGfcNDZ1/2ABjKHudZLXkTFARJAZN/CqqnqNMqN7Ojo6vqMF4ONkVFmvFUQLQNiZ7u7u76PZAn6S4TJjrIhoAdT+iwXAdQYYKCJaAG/iPhNvAYyj7jXwAngUpAGrDBF+ATCZAuBXFOX60NDQ3TiPM1/hyfoyPf7kgNNSXyvwmSGZMk3T3hocHPwhzlPzJLLFnpZT5PztV5wZNyilbTZFmTnZrxU4GZWXATV4ap4kmeNELlEticjsSHyZq/39/V/j374P2Lk/Pj5+BznxUuDlj1acJ4B8cAH/4er29vbPR0dH58fGxubx/ac2my1Ab3iz5Yc9/gJIB05QCJ4Fz9FXD3gC5HIfi+WKCGQ0GpuzwA7yCDtdS+b/SCFfRPwaQqPxSSaS6JrlwUjR+RtEvCM0ct4sLQAAAABJRU5ErkJggg==) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFDUlEQVR4Ac2ZS0xcVRjHvTN3hisw0GIRZ3AeLWHQWqdVsRqgA86AUmpqoy20Whd2YYhprJq45BVAF7yJkQQTluDGiEhBF5qYRsIjYYMKQxNNMO4gQHgjZfxP8pF8ufEe0qQ5pyf5BTKcWfzyff/vnHt5xLQ0wgbsQCfswEY80BWPxx8I5sUlHMBJP0nm4RfRWAUMkAqOgseII8AFDNqjPYwiGuEAySADeEEuOEkE6bNjIIX22riQchHWSo+SRACc1nU9ahjGG+ASfn8Vn+WT0BNUMV0so04kFTwJTodCoeuTk5N3dnd397a3t/8dHx+fzM7OvoG/nQPPADdwscqoF2HBPgJynE5nZGFhYTZuWlNTU3/4fL6b2FMMnmUyTpJRLqKTSAbIQyu9vrW1tRv/n4Uqzfv9/g+x7xUQAh6QxmVUV0SnKRWESMXm5uZ63GJNT0//GQgEPsHeUibD20xTLeKioBdUV1e3rKysrFrJzM3N/eP1ej/F3jImIxgAcsOeDLLAKRAtLCz8HDKWlZmdnf3b4/F8zCojGADyz5F04AUvgPJoNNq2tLS0YSUzNjY2iwHwEWXmFHCzymiqRGwgiaaXD7wIysvKytqWl5e3rGQwAO4iM7ewt4SmmYfLqLpr2U0yZ0FFaWlp597e3r6VDEbzXapMlGQEA0COiEYyTmozP8lcKC4u7lhdXV2zksGhOZeVlXWLy5gHgDwRJsMqE6A2qygoKGhBm60L2izmdruZjGkAyBShxTNzlGTOgvMYAO2iAYDKxKjNSgQDQI6IRWb8VJnXMADaUZlNK5mJiYl5DAC6AQgGgCwRWjaWGR/IB+fD4XDr2trahqDN5lEZ3mbZ5gEgW4QPAD6aK3BotmIArAsqE2MDIMTajGTkinAZ3mb5NAAS58zGIQPgJvaGwVMgk5597ECTLcJl+AB4GVyKRCJfLi4uijLzGzLzHrWYj1pMVyXCB4BBz/J5oAzcwDT7OhaLWZ4zMzMzvyNX79rt9uOUNyewqRSxsbzk0Jh9H3w2MDDwV1yw+vv7Ox0OR4C+q1REAzr1+ON0TpSDD+rq6n7d2dmxusbs9/T0fJOUlBTRNO2gIg6lGSGJYyAXFIFrtbW1P4oq0dnZOYR9F8EZdqaoCDtVgrJBEoXgck1Nzfciia6urlHsu0rSOSADJEkXYRK8EufAlYaGhtsiiba2thFk4kAij75Po1fiOcIkkplEGFQ2NTWNCBz2W1tbb9tstkrsLaDvcQlN5hWFS2SyTFxubGwcFUl0dHT8gH1VTCITJHMJWSLmYAcPMlFfXy9sJ0gkMnGNpEnCXAkJIhYSReAtBHvosGCTRBgEWSV0qc8jPNhMIgyutLS0/CSSSGRC1/Uqkg5aZUKGiDkTQVAMqtrb238+RGJUHGyZb1F4Je4/2FfFwZYr4qRb7QnwEngTwR4+5JxIZOJtcbDlv2lMAR5wBjfUi7h2fCuS6Ovru6Np2nVqvzwmQcFW9+43HeSg10twix0RSfT29v5iGMY7dMLniTOh+N8KghN7lKZTIQgKMiG/IkwkCJELFiL7uMWOYE+lWUL8elRNa51APoqGh4cTN9p7TOJed3f3d4nz5P4l1ITdDU66XK5Ic3PzF0NDQ1ODg4NT+P0rCFbQM3qu4MRWLsIfX7PB0yAEngPP089TwA8yBMFWKmJ+qZBGj7FecJzw0mfpwBBLqBexseAbIBWkESnAEPybQLnIf4JfIzSb+FymAAAAAElFTkSuQmCC);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/img/loading.99fd1e91.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFF0lEQVR4Ac2ZW0xcVRSGPTNnhlPKcCsUAeeChkEVxhutDQwzMANaqamNWgpaH+yDIaZp1cRHbgH0gTsxkmDCI/hiRAqgD5qYRgKQ8II6TE00wfgGAcIdKeM/ydrNZIezxxg9m518gRxWmn6s9a9zhvNQJBL5T/gfjokwA5Uw0zWFeHBOugiTsAArfSWZky+iABVowAZSwRkiDSTRz1iHlJMmogATsIDTIAPYgRs8SeTTtXSQSLVKFNkivIQKksDDJFCsquqLmqZdAa/i+yCuPQ1cJHOKjdpJEWGdsIFs8BQoy83NvTEzMzO3t7f318HBweHc3Nxdj8dznWQeIWmpIryENUaiCPgdDsfN+fn5XyLcWV5eDlmt1gBqHgOpbAHIFmESySAHeECF0+m8hd/+vcgxZ3d39wBj9grqCkA6iaiyRBRunJhEpcvl+nBhYeG3iM7Z2dnZgkg1ZSgNqLI6wgebSVTZ7faPlpaW/tSTWF9f36ivr+9AbQkF3iZRhAs2dSInJ+eDUCj0h0Biq7S09BPUBkEhyAKJssKusE6QRCGoQLDfn56eDulJrK6ubgeDwS7UXgTPAztIkXUfUbhxKgLlyMRtBPtXPYm1tbXdqqoqJnEOOGhbJQCTkSJ8sJlEMNoJrFhdicPDw6PKyspe1FaD85yE2YBnLUGwSSIrK+s2bnZLehIbGxubfr+/B7WXSMJJ42QlCcVAES7YJJGdnR0dp7BgnLZKSko6qBPngIvrBEkYIKIT7PLoOKET4TjB7kbty+A8SaRxmcAxQEQn2BUI9q3Z2dl7gk7sINhRiZeoE87jMmGECB/s3JhgR8dJV2Jzc3Pb5/N1UieKKdgsEyaAY5wIk2Dj5GHBRifCgmBHb3adLBNsO3HBNkxEAWZwCmSCx4EPwb4ZJ9jbCHYXSRQDpyDYhomoNFIOUIRMvINO/KQnsbKyshMIBD5D7RVwgQWblzBahD2Sp5jN5jzM+9uLi4s/60mEw+FNbKcvUH8DVIECcAZoXLCliaRaLBbX8PBwb0RwRkZGfkftx+BdUM4+KInDbdxoWUCKoih5CQkJgYGBgS/xs6PjRPb394+ampp+RP174CIoBGcpYypQZIqYY+4dz4DLvb29Y6LONDY2fou6OuAF+SCDZCgj8kQSQDqNihfU9vX1TYlkGhoa7qDuDVBKMpQVrjMG30fYCs6gAHuRmdqurq5JkUxLS8sEaq+CMq4zJGOgCB2Fk8kHJSaTqaazs3Pi2MzQaWtrm0RtDfDFyCQyGUNFOJlEkMlkwLWenp5vRDKtra1TNGYsM5mcjKEifGeYjBfUQUaYmebm5omYzLjFC8C4zyNqTGfcNDZ1/2ABjKHudZLXkTFARJAZN/CqqnqNMqN7Ojo6vqMF4ONkVFmvFUQLQNiZ7u7u76PZAn6S4TJjrIhoAdT+iwXAdQYYKCJaAG/iPhNvAYyj7jXwAngUpAGrDBF+ATCZAuBXFOX60NDQ3TiPM1/hyfoyPf7kgNNSXyvwmSGZMk3T3hocHPwhzlPzJLLFnpZT5PztV5wZNyilbTZFmTnZrxU4GZWXATV4ap4kmeNELlEticjsSHyZq/39/V/j374P2Lk/Pj5+BznxUuDlj1acJ4B8cAH/4er29vbPR0dH58fGxubx/ac2my1Ab3iz5Yc9/gJIB05QCJ4Fz9FXD3gC5HIfi+WKCGQ0GpuzwA7yCDtdS+b/SCFfRPwaQqPxSSaS6JrlwUjR+RtEvCM0ct4sLQAAAABJRU5ErkJggg==) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFDUlEQVR4Ac2ZS0xcVRjHvTN3hisw0GIRZ3AeLWHQWqdVsRqgA86AUmpqoy20Whd2YYhprJq45BVAF7yJkQQTluDGiEhBF5qYRsIjYYMKQxNNMO4gQHgjZfxP8pF8ufEe0qQ5pyf5BTKcWfzyff/vnHt5xLQ0wgbsQCfswEY80BWPxx8I5sUlHMBJP0nm4RfRWAUMkAqOgseII8AFDNqjPYwiGuEAySADeEEuOEkE6bNjIIX22riQchHWSo+SRACc1nU9ahjGG+ASfn8Vn+WT0BNUMV0so04kFTwJTodCoeuTk5N3dnd397a3t/8dHx+fzM7OvoG/nQPPADdwscqoF2HBPgJynE5nZGFhYTZuWlNTU3/4fL6b2FMMnmUyTpJRLqKTSAbIQyu9vrW1tRv/n4Uqzfv9/g+x7xUQAh6QxmVUV0SnKRWESMXm5uZ63GJNT0//GQgEPsHeUibD20xTLeKioBdUV1e3rKysrFrJzM3N/eP1ej/F3jImIxgAcsOeDLLAKRAtLCz8HDKWlZmdnf3b4/F8zCojGADyz5F04AUvgPJoNNq2tLS0YSUzNjY2iwHwEWXmFHCzymiqRGwgiaaXD7wIysvKytqWl5e3rGQwAO4iM7ewt4SmmYfLqLpr2U0yZ0FFaWlp597e3r6VDEbzXapMlGQEA0COiEYyTmozP8lcKC4u7lhdXV2zksGhOZeVlXWLy5gHgDwRJsMqE6A2qygoKGhBm60L2izmdruZjGkAyBShxTNzlGTOgvMYAO2iAYDKxKjNSgQDQI6IRWb8VJnXMADaUZlNK5mJiYl5DAC6AQgGgCwRWjaWGR/IB+fD4XDr2trahqDN5lEZ3mbZ5gEgW4QPAD6aK3BotmIArAsqE2MDIMTajGTkinAZ3mb5NAAS58zGIQPgJvaGwVMgk5597ECTLcJl+AB4GVyKRCJfLi4uijLzGzLzHrWYj1pMVyXCB4BBz/J5oAzcwDT7OhaLWZ4zMzMzvyNX79rt9uOUNyewqRSxsbzk0Jh9H3w2MDDwV1yw+vv7Ox0OR4C+q1REAzr1+ON0TpSDD+rq6n7d2dmxusbs9/T0fJOUlBTRNO2gIg6lGSGJYyAXFIFrtbW1P4oq0dnZOYR9F8EZdqaoCDtVgrJBEoXgck1Nzfciia6urlHsu0rSOSADJEkXYRK8EufAlYaGhtsiiba2thFk4kAij75Po1fiOcIkkplEGFQ2NTWNCBz2W1tbb9tstkrsLaDvcQlN5hWFS2SyTFxubGwcFUl0dHT8gH1VTCITJHMJWSLmYAcPMlFfXy9sJ0gkMnGNpEnCXAkJIhYSReAtBHvosGCTRBgEWSV0qc8jPNhMIgyutLS0/CSSSGRC1/Uqkg5aZUKGiDkTQVAMqtrb238+RGJUHGyZb1F4Je4/2FfFwZYr4qRb7QnwEngTwR4+5JxIZOJtcbDlv2lMAR5wBjfUi7h2fCuS6Ovru6Np2nVqvzwmQcFW9+43HeSg10twix0RSfT29v5iGMY7dMLniTOh+N8KghN7lKZTIQgKMiG/IkwkCJELFiL7uMWOYE+lWUL8elRNa51APoqGh4cTN9p7TOJed3f3d4nz5P4l1ITdDU66XK5Ic3PzF0NDQ1ODg4NT+P0rCFbQM3qu4MRWLsIfX7PB0yAEngPP089TwA8yBMFWKmJ+qZBGj7FecJzw0mfpwBBLqBexseAbIBWkESnAEPybQLnIf4JfIzSb+FymAAAAAElFTkSuQmCC) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAPFBMVEX///8AAAD9/f2CgoKAgIAAAAAAAAAAAABLS0sAAAAAAACqqqqqqqq6urpKSkpISEgAAAC7u7u5ubn////zbsMcAAAAE3RSTlMASv6rqwAWS5YMC7/AyZWVFcrJCYaKfAAAAHhJREFUeF590kkOgCAQRFEaFVGc+/53FYmbz6JqBbyQMFSYuoQuV+iTflnstI7ssLXRvMWRaEMs84e2uVckuZe6knL0hiSPObXhj6ChzoEkIolIIpKIO4joICAIeDd7QGIfCCjOKe9HEk8mnxpIAup/F31RPZP9fAG3IAyBSJe0igAAAABJRU5ErkJggg==) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DfjmHeader.vue?vue&type=style&index=0&id=79a1b962&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-menu--horizontal .el-menu .el-menu-item[data-v-79a1b962] {
  width: 100%;
}
.hover-image[data-v-79a1b962] {
  position: relative;
  display: inline-block;
}
.hover-image[data-v-79a1b962]:hover::before {
  content: '';
  position: absolute;
  top: 100%;
  /* 位于当前元素下方 */
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  /* 图片宽度 */
  height: 50px;
  /* 图片高度 */
  background-image: url(/img/%E5%85%AC%E5%8F%B8%E5%85%AC%E4%BC%97%E5%8F%B7.98cd15cf.jpg);
  background-size: cover;
  background-position: center;
  z-index: 1;
}

/* 基本样式 */
.hed[data-v-79a1b962] {
  width: 100%;
  background-color: white;
  position: fixed;
  z-index: 100;
  height: 24px;
  top: 2px;
}
.hed ul[data-v-79a1b962] {
  display: flex;
  float: right;
  color: #0e2c6b;
  margin-right: 15%;
  list-style-type: none;
  /* 移除默认列表符号 */
  padding: 0;
  /* 移除默认内边距 */
}
.hed li[data-v-79a1b962] {
  margin-right: 10px;
  /* 项之间的间距 */
  line-height: 24px;
  color: #00799e;
  font-size: 12px;
}
.m-nav[data-v-79a1b962] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 可以根据需要调整背景颜色和透明度 */
  z-index: 1000; /* 确保在其他内容之上 */
}

/* 过渡动画 */
.subnav.visible[data-v-79a1b962] {
  animation: fadeIn 0.3s ease-in-out;
  display: block;
}

/* 悬停效果 */
.subnav a[data-v-79a1b962]:hover,
.subnav router-link[data-v-79a1b962]:hover {
  background-color: #f0f0f0;
}
.subnav a[data-v-79a1b962],
.subnav router-link[data-v-79a1b962] {
  display: block;
  padding: 8px 15px;
  color: #333333;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}
.header_main[data-v-79a1b962] {
  position: fixed;
  top: 24px;
  /* padding: 10px 0; */
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  height: 78px;
  z-index: 100;
}
.el-icon-s-fold[data-v-79a1b962] {
  font-size: 40px;
}
.subnav[data-v-79a1b962] {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
  /* background-color: white; */
  /* border: 1px solid #ccc; */
  z-index: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease;
}
.subnav[style*="display: block"][data-v-79a1b962] {
  display: block;
}
.subnav[style*="display: none"][data-v-79a1b962] {
  display: none;
}
.subnav hr[data-v-79a1b962] {
  margin: 5px 0;
  border: none;
  height: 1px;
  background-color: #e0e0e0;
}
.m-wrap[data-v-79a1b962] {
  width: 70%;
  background: white;
  position: fixed;
  top: 0;
  bottom: 0;
  transition: all .3s ease;
  overflow-y: scroll;
  overflow-x: hidden;
ul[data-v-79a1b962] {
    padding-top: 0px;
li[data-v-79a1b962] {
      width: 100%;
      position: relative;
a[data-v-79a1b962] {
        padding: 0 25px;
        line-height: 48px;
        color: #fff;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
a[data-v-79a1b962]:hover {
        background: rgba(0, 0, 0, 0.1);
}
.menuItemSelected[data-v-79a1b962] {
        background: rgba(0, 0, 0, 0.1);
}
}
}
}
.navlist li[data-v-79a1b962] {
  position: relative;
  margin-right: -1%;
  /* background-color: white; */
  height: 40px;
}
.navlist li[data-v-79a1b962]:last-child {
  margin-right: 0;
}
.el-row--flex.is-align-middle[data-v-79a1b962] {
  background-color: white;
}
.navlist li a[data-v-79a1b962],
.navlist li span[data-v-79a1b962] {
  font-size: 14px;
  display: block;
  padding: 10px 5px 5px 5px;
  text-decoration: none;
  color: #002c6c;
}
.subnav[data-v-79a1b962] {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 10px;
  z-index: 1000;
  display: none;
}
.navlist li:hover .subnav[data-v-79a1b962],
.navlist li.active .subnav[data-v-79a1b962] {
  display: block;
  /* 当鼠标悬停或激活时显示 */
}
.subnav a[data-v-79a1b962] {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: white;
  float: left;
}

/* 响应式样式 */
@media screen and (max-width: 768px) {

  /* 平板及手机 */
.header_main[data-v-79a1b962] {
    height: auto;
}
.el-header[data-v-79a1b962] {
    height: 30px;
}
}
.show-on-mobile-and-tablet[data-v-79a1b962] {
  display: none;
}
@media (max-width: 1200px) {
.show-on-mobile-and-tablet[data-v-79a1b962] {
    display: block;
}
}
@media (min-width: 1800px) {
.navlist li[data-v-79a1b962] {
    margin-right: 1%;
}
.el-menu--horizontal>.el-menu-item[data-v-79a1b962]:nth-child(2) {
    margin-left: 22%;
}
}
@media screen and (min-width: 769px) and (max-width: 1200px) {

  /* 平板 */
#nav .navlist[data-v-79a1b962] {
    margin-left: 1%;
}
.ibxl[data-v-79a1b962] {
    margin-top: 46%;
}
}
@media screen and (min-width: 769px) and (max-width: 1999px) {

  /* 平板 */
#nav .navlist[data-v-79a1b962] {
    margin-left: 1%;
}
}
.el-menu--horizontal>.el-menu-item:nth-child(1) img[data-v-79a1b962] {

  margin-top: -4%;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.el-menu--horizontal>.el-menu-item[data-v-79a1b962]:nth-child(2) {
    margin-left: 23%;
}
.el-menu--horizontal>.el-menu-item[data-v-79a1b962]:nth-child(1) {
    margin-left: -3%
}
.el-menu--horizontal>.el-menu-item:nth-child(1) img[data-v-79a1b962] {
    margin-left: -20%;
    height: 90px;
    margin-top: -19%;
}
}
@media screen and (min-width: 769px) and (max-width: 92px) {

  /* 平板 */
.navlist li[data-v-79a1b962] {
    margin-right: -3%;
}
}
@media screen and (min-width: 1025px) {

  /* PC */
.m-wrap[data-v-79a1b962] {
    display: none;
}
.navlist[data-v-79a1b962] {
    display: flex;
    margin-left: 20%;
}
.header_main .logo img[data-v-79a1b962] {
    height: 70px;
}
}
a[data-v-79a1b962]:visited {
  color: white;
}
.el-menu-item *[data-v-79a1b962] {
  vertical-align: middle;
  color: white;
}

/* @media screen and (min-width: 1800px) {



.header_main{
  margin-left: 15%;
}


} */

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DfjmFoot.vue?vue&type=style&index=0&id=418ad3fa&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media only screen and (max-width: 767px) {
.el-col-xs-24[data-v-418ad3fa] {
    width: 100%;
}
.link-pipe[data-v-418ad3fa]{
    margin-left: 12%;
}
.footer .content .footer-msg[data-v-418ad3fa] {
    margin: 20px 0;
}
.fontadd[data-v-418ad3fa]{
    font-size: 10px;
    margin-left: 12%;
}
span[data-v-418ad3fa]{
    margin-left: -2%;
    font-size: 10px;
}
.footer .content .footer-img[data-v-418ad3fa] {
    text-align: center;
    padding: 15px;
}
.footer .content .footer-img .footer-img-item[data-v-418ad3fa] {
    display: inline-block;
    padding: 0 5px;
    width: 30%;
}
.footer .content .footer-img .footer-img-item img[data-v-418ad3fa] {
    max-height: 120px;
    max-width: 100%;
    height: auto;
}
.footer[data-v-418ad3fa] {
    width: 100%;
    background: #fff;
}
}
.footer .content .footer-img .footer-img-item[data-v-418ad3fa] {
    display: inline-block;
    padding: 0 5px;
    width: 36%;
}
.footer .content .footer-img[data-v-418ad3fa]{
    padding: 49px;
}
.footer .content .footer-msg[data-v-418ad3fa] {
    margin: -15px 0;
}
@media screen and (min-width: 1200px) {
.content[data-v-418ad3fa] {
        max-width: 1170px;
}
}
.content .footer-link[data-v-418ad3fa] {
    padding: 30px 0;
    border-bottom: 1px solid #d7d7d7;
}
.content .footer-link .footer-link-item[data-v-418ad3fa]:first-child {
    padding-left: 0;
    text-align: left;
}
.content .footer-link .footer-link-item a[data-v-418ad3fa] {
    color: #0e2c6b;
}
.el-row[data-v-418ad3fa] {
    position: relative;
    box-sizing: border-box;
}
@media only screen and (min-width: 1920px) {
.el-col-xl-12[data-v-418ad3fa] {
        width: 50%;
}
}
@media only screen and (min-width: 1920px) {
.el-col-xl-offset-6[data-v-418ad3fa] {
        margin-left: 25%;
}
}
.content .footer-msg[data-v-418ad3fa] {
    margin: 20px 0;
}
.content .footer-msg p[data-v-418ad3fa] {
    text-align: center;
    font-size: 12px;
    height: 35px;
}
.footer .content .footer-link .footer-link-item[data-v-418ad3fa]:first-child {
    padding-left: 0;
    text-align: left;
}
.footer .content .footer-link[data-v-418ad3fa] {
    padding: 30px 0;
    border-bottom: 1px solid #d7d7d7;
}
.footer .content[data-v-418ad3fa] {
    margin: 0 auto;
}
.footer[data-v-418ad3fa] {
    width: 100%;
    background: #fff;
}
.footer .content .footer-msg[data-v-418ad3fa] {
    margin: 20px 0;
}
.footer .content .footer-link .footer-link-item[data-v-418ad3fa] {
    text-align: center;
    width: 20%;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.footer .content .footer-img .footer-img-item img[data-v-418ad3fa] {
    max-height: 120px;
    max-width: 100%;
    height: auto;
}



/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/skin/css/indexc.css ***!
  \******************************************************************************************************************************************************************************/
.banner {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh; /* 或者根据实际情况设置一个百分比值 */
}
.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
.list li {
  flex: 1 1 30%;
  /* margin-bottom: 20px; */
}
.list img {
  width: 100%;
  height: auto;
}

.index .kehu .bd {
    margin-top: -8%;
    margin-left: -9%;
  }
  
  .platform-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .dzfw-border {
    margin-left: 3%;
    margin-top: 9%;
  }
  
  
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    color: white;
  }
  
  .overlay h3 {
    margin-left: 15%;
    font-size: 18px;
    text-align: left;
    white-space: normal;
    word-break: break-all;
    max-width: 90%;
  }
  
  .tip {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
  }
  
  .tip span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 5px;
    cursor: pointer;
  }
  
  .tip .active {
    background-color: white;
  }
  
  #btn_prev,
  #btn_next {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 50;
    height: 20%;
  }
  
  #btn_prev {
    left: 10px;
  }
  
  #btn_next {
    right: 10px;
  }
  
  .clearfix::after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* .index .project ul li {
    margin-right: 1.2%;
  } */
  
  .bd ul {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  
  /* 响应式样式 */
  @media screen and (max-width: 768px) {
    #banner #btn_prev,#banner #btn_next{
      top: 25%;
    }
    .bd ul li {
      flex: 0 0 100%;
    }
    .partner-list li {
      flex: 0 0 100%;
    }
    .block{
      margin-bottom: 30%;
    }
  
    .banner li img {
      width: 935px;
    }
  
    .index .kehu .bd {
      margin-top: -22%;
      margin-right: 2%;
      /* 调整为 0 */
    }
  
    /* 平板及手机 */
    /* .overlay h3 {
      margin-left: 2%;
      font-size: 11px;
      text-align: left;
      white-space: normal;
      word-break: break-all;
      line-height: 20px;
      margin-top: -1%;
      max-width: 90%;
      width: 33%;
    }
   */
   .overlay{
    left: 50%;
   }
    .index .project ul li {
      width: 95%;
      margin-left: 1%;
    }
  
    .dzfw-border {
      width: 20%;
      height: 20%;
    }
  
    
  
    .index .news .textlist .item p {
      font-size: 10px
    }
  
    .index .news .textlist .item h3 {
      font-size: 10px
    }
  
    .index .news .textlistx {
      width: 101%;
      ;
      margin-left: -1%;
    }
  
    .index .news .textlist {
      width: 100%;
      ;
  
    }
  
    .index .project {
      margin-top: -32%;
      margin-left: 8%;
    }
  }
  

  
  /* 适配 iPad mini 6 竖屏 */
  @media screen and (min-height: 1000px) and (max-height: 1112px) {
    .banner li{
      width: 163%;
    }
    .index .project ul li{
      margin-left: 0%;
    }
  }
  @media screen and (min-width: 769px) and (max-width: 821px) {
    /* 平板 */
  
    .index .project ul li {
      width: 140%;
    }
  }
  
  @media screen and (min-width: 822px) and (max-width: 1025px) {
    /* 平板 */
  
    .index .project ul li {
      width: 94%;
    }
  }
  
  @media screen and (min-width: 1025px) {
  
    /* PC */
    .index .project ul li {
      /* width: 16%; */
      width: 23%;
    }
    #nav .navlist {
      margin-left: 4%;
    }
  
  }
  
  @media screen and (min-width: 1800px) {
  
  
    /* PC */
    .index .kehu .bd {
      margin-top: -8%;
      margin-left: -2%;
    }
    .dzfw-border {
      margin-left: 3%;
      margin-top: 4%;
  }

    .index .news .textlistx {
      width: 86%;
    }
  
  }
  
  @media screen and (min-width: 1200px) {
    .index .kehu .bd {
      margin-top: -8%;
      margin-left: 2%;
    }
 
    /* 添加针对 xl 分辨率的样式 */
    .banner li img {
      width: 115%;
      /* 设置图片宽度为 100% */
    }
  }
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/dfjm.vue?vue&type=style&index=0&id=032fb442&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-carousel-item[data-v-032fb442] {
  background-color: white;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  /* 3D 效果 */
  /* 设置背景色为白色 */
}
.el-carousel-item img[data-v-032fb442] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
}
.el-carousel:hover .el-carousel-item img[data-v-032fb442] {
  transform: rotateY(20deg);
}
.soft-item[data-v-032fb442] {
  height: 300px;
}
.soft-container[data-v-032fb442] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.soft-item[data-v-032fb442] {
  width: 32%;
  margin-bottom: 10px;
}
.soft-item img[data-v-032fb442] {
  width: 100%;
  height: 100%;
  border-radius: 4%;
}
.el-carousel__item--card.is-active[data-v-032fb442] {
  box-shadow: -17px 13px 16px 0px #7590ad;
  border-radius: 3%;
}
.ibxl[data-v-032fb442] {
  margin-top: '31%',
}
.rq[data-v-032fb442] {
  width: 100%;
  padding-top: 25px;
}
.top[data-v-032fb442] {
  width: 100%;
  padding: 0 10%;
  margin-bottom: 15px;
  text-align: center;
}
.slide-item[data-v-032fb442] {
  width: 25%;
}
.slide-item p[data-v-032fb442] {
  transition: color 0.3s ease;
  font-size: 15px;
  color: gray
}
.slide-item p.active[data-v-032fb442] {
  color: red;
  font-weight: bold;
}
.slide-item img[data-v-032fb442] {
  width: 50px;
  height: auto;
}
.bot[data-v-032fb442] {
  margin-top: 20px;
}
.mask[data-v-032fb442] {
  font-weight: 600;
  z-index: 3;
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  height: 17%;
  background-color: rgb(209 200 200 / 50%);
}
.mask[data-v-032fb442]:hover {
  transform: translateY(0);
}
.mask.active[data-v-032fb442] {
  transform: translateY(0);
}
.text1[data-v-032fb442] {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: white;
  font-size: 18px;
}
img[data-v-032fb442] {
  position: relative;
  z-index: 1;
  transition: transform 0.5s ease;
}
img[data-v-032fb442]:hover {
  transform: scale(1.1);
}
.slide-item[data-v-032fb442] {
  width: 20%;
  height: 100%;
}

/* xs 屏幕尺寸下的样式 */
@media (max-width: 575.98px) {
.el-carousel__item[data-v-032fb442]{
    height: 81px;
    margin-top: 22%;
}
.title p[data-v-032fb442] {
    /* 控制文字换行 */
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    width: 100%;
    /* 其他样式可以根据需要调整 */
}
.marquee[data-v-032fb442] {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.marquee-image[data-v-032fb442] {
    flex: 0 0 calc(33.33% - 20px);
    /* 每个图像占据 33.33% 的宽度，减去两边的间隙 */
    max-width: calc(31.33% - 20px);
    height: auto;
}
.marquee-container[data-v-032fb442] {
    height: 100%;
}
.block[data-v-032fb442] {
    padding-top: 12%;
}
.soft-container[data-v-032fb442] {
    flex-wrap: nowrap;
    justify-content: center;
}
.soft-item[data-v-032fb442] {
    width: 96%;
    margin: 0 2% 10px 2%;
    height: 157px;
}
.text1[data-v-032fb442]{
    font-size: 14px;
}
.top[data-v-032fb442] {
    width: 100%;
    padding: 0px 10%;
    margin-bottom: 10%;
    margin-top: 93%;
    margin-left: -161%;
    text-align: center;
}
.slide-item img[data-v-032fb442] {
    width: 38px;
}
.slide-item[data-v-032fb442] {
    width: 20%;
}
.slide-item p[data-v-032fb442] {
    font-size: 10px;
}
}
@media only screen and (max-width: 767.98px) {
.soft[data-v-032fb442] {
    width: 92%
}
}
@media only screen and (min-width: 1200px) {
.el-col-lg-24[data-v-032fb442] {
    width: 100%;
    margin-bottom: -13%;
}
.ibxl[data-v-032fb442] {
    margin-top: 28%;
}
}
@media  (min-width: 600px)  and (max-width: 1200px) {
.ibxl[data-v-032fb442]{
    margin-top: 46%;
}
}


/* sm 屏幕尺寸下的样式 */
@media (min-width: 576px) and (max-width: 767.98px) {
.soft-item[data-v-032fb442] {
    width: 48%;
    margin: 0 1% 10px 1%;
}
}

/* md 屏幕尺寸下的样式 */
@media (min-width: 768px) and (max-width: 991.98px) {
.soft-item[data-v-032fb442] {
    width: 31%;
    margin: 0 1% 10px 1%;
}
.ibxl[data-v-032fb442] {
  margin-top: 46%,
}
}

/* lg 屏幕尺寸下的样式 */
@media (min-width: 992px) and (max-width: 1199.98px) {
.soft-container[data-v-032fb442] {
    flex-wrap: nowrap;
}
.soft-item[data-v-032fb442]:first-child {
    width: 30%;
}
.soft-item[data-v-032fb442]:not(:first-child) {
    width: 30%;
    margin-left: 2%;
}
}

/* xl 屏幕尺寸下的样式 */
@media (min-width: 1200px) {
.soft-container[data-v-032fb442] {
    flex-wrap: nowrap;
    width: 90%;
}
.soft-item[data-v-032fb442]:first-child {
    width: 30%;
}
.soft-item[data-v-032fb442]:not(:first-child) {
    width: 30%;
    margin-left: 2%;
}
}
@media only screen and (min-width: 768px) {
.swiper-slide swiper-slide-active slide-item[data-v-032fb442] {
    width: 80px;
}
}
.marquee-container[data-v-032fb442] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  /* 控制容器高度 */
  background-color: white;
  /* 背景颜色 */
}
.marquee[data-v-032fb442] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.marquee-image[data-v-032fb442] {
  width: 80px;
  /* 控制图片宽度 */
  height: 80px;
  /* 控制图片高度 */
  margin-right: 10px;
  transition: opacity 0.5s ease-in-out;
  width: 14%;
  margin-right: 5%;
  margin-top: 1.4%;
  /* padding-bottom: 7.5%; */
  background: #fff;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  float: left;
}
.marquee-image[data-v-032fb442]:nth-child(4n + 1) {
  margin-left: 0;
}
.marquee-image[data-v-032fb442]:last-child {
  margin-right: 0;
}
h2[data-v-032fb442] {
  font-size: 32px;
}
.el-timeline-item__content[data-v-032fb442] {
  color: white
}
.index .project ul li[data-v-032fb442] {
  padding: 0%;
}
.block[data-v-032fb442] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 6%;
}
.small[data-v-032fb442] {
  width: 100%;
  height: auto;
}
.el-carousel[data-v-032fb442] {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  overflow: hidden;
}
.carousel-item-container[data-v-032fb442] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.carousel-image[data-v-032fb442] {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.carousel-item-container:hover .carousel-image[data-v-032fb442] {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.el-carousel__button[data-v-032fb442] {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.el-carousel__button[data-v-032fb442]:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.el-carousel__arrow[data-v-032fb442] {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.el-carousel__arrow[data-v-032fb442]:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.carousel-item[data-v-032fb442] {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  background-size: cover;
  background-position: center;
}
.overlay[data-v-032fb442] {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  /* background-color: rgba(0, 0, 0, 0.5); */
  padding: 10px;
  border-radius: 5px;
  width: 80%;
  max-width: 600px;
  text-align: left;
  font-size: 16px;
  /* font-family: cursive; */
}
.overlay h3[data-v-032fb442] {
  margin-left: -50%;
  margin: 0;
  padding: 10px;
}
@media (max-width: 768px) {
.el-carousel[data-v-032fb442] {
    height: 300px;
    margin-top: -20%;
}
.ibxl[data-v-032fb442]{
    margin-top: 46%;
}
.overlay[data-v-032fb442] {
    left: 50%;
    top: 30%
}
.overlay div[data-v-032fb442] {
    font-size: 8px;
    line-height: 20px;
    margin: 0;
    padding: 10px;
}
.index .title h3[data-v-032fb442]{
  margin-left: -17%;
}
}
.carousel-item[data-v-032fb442] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* 平板 */
.index .project ul li[data-v-032fb442] {
    width: 110%;
}
.overlay[data-v-032fb442] {
    left: 50%;
}
}
.title[data-v-032fb442] {
  color: #0e2c6b;
  font-size: 14px;
  padding: 10px 0 15px 51px;
  font-weight: 600;
}
.el-menu-demo[data-v-032fb442] {
  margin-top: 2%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Navbar.vue?vue&type=style&index=0&id=41458b80&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ad-banner[data-v-41458b80] {
  background: linear-gradient(135deg, #1a5490 0%, #2e7d32 100%);
  padding: 100px 0;
  text-align: center;
  color: #ffffff;
}
.ad-banner .banner-content[data-v-41458b80] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.ad-banner .banner-content .banner-text h2[data-v-41458b80] {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
.ad-banner .banner-content .banner-text p[data-v-41458b80] {
  font-size: 18px;
  opacity: 0.9;
}
.ad-banner .banner-content .banner-btn[data-v-41458b80] {
  padding: 14px 36px;
  font-size: 16px;
  background: #ffffff;
  color: #1a5490;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.ad-banner .banner-content .banner-btn[data-v-41458b80]:hover {
  background: #f0f9ff;
  transform: scale(1.05);
}
@media (max-width: 768px) {
.ad-banner[data-v-41458b80] {
    padding: 30px 20px;
}
.ad-banner .banner-content .banner-text h2[data-v-41458b80] {
    font-size: 24px;
}
.ad-banner .banner-content .banner-text p[data-v-41458b80] {
    font-size: 16px;
}
.ad-banner .banner-content .banner-btn[data-v-41458b80] {
    padding: 12px 28px;
    font-size: 14px;
}
}
.our-services[data-v-41458b80] {
  background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
  padding: 80px 0;
}
.our-services .section-header[data-v-41458b80] {
  text-align: center;
  margin-bottom: 50px;
}
.our-services .section-header .section-title[data-v-41458b80] {
  font-size: 32px;
  font-weight: 700;
  color: #1a5490;
  position: relative;
  display: inline-block;
}
.our-services .section-header .section-title[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #1a5490 100%);
  border-radius: 2px;
}
.our-services .section-header .section-subtitle[data-v-41458b80] {
  font-size: 18px;
  color: #6b7280;
  margin-top: 16px;
}
.our-services .services-grid[data-v-41458b80] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}
.our-services .service-card[data-v-41458b80] {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  cursor: pointer;
}
.our-services .service-card[data-v-41458b80]:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
.our-services .service-card .service-icon-wrapper[data-v-41458b80] {
  position: relative;
  margin: 0 auto 20px;
  width: 80px;
  height: 80px;
}
.our-services .service-card .service-icon-wrapper .service-icon-bg[data-v-41458b80] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(135deg, rgba(26, 84, 144, 0.1) 0%, rgba(46, 125, 50, 0.1) 100%);
  border-radius: 20px;
}
.our-services .service-card .service-icon-wrapper .service-icon[data-v-41458b80] {
  position: relative;
  z-index: 2;
  font-size: 36px;
  color: #1a5490;
}
.our-services .service-card h3[data-v-41458b80] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 12px;
}
.our-services .service-card .service-brief[data-v-41458b80] {
  font-size: 15px;
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 20px;
}
.our-services .service-card .btn-primary[data-v-41458b80] {
  padding: 10px 20px;
  font-size: 14px;
}
*[data-v-41458b80] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html[data-v-41458b80],
body[data-v-41458b80] {
  font-family: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  color: #2C2C2C;
  line-height: 1.6;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body[data-v-41458b80] {
  font-family: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  color: #2C2C2C;
  line-height: 1.6;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*[data-v-41458b80]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*[data-v-41458b80]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
*[data-v-41458b80]::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  border-radius: 4px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fadeInUp-41458b80 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInLeft-41458b80 {
from {
    opacity: 0;
    transform: translateX(-30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInRight-41458b80 {
from {
    opacity: 0;
    transform: translateX(30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes scaleIn-41458b80 {
from {
    opacity: 0;
    transform: scale(0.9);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.container[data-v-41458b80] {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
.section-padding[data-v-41458b80] {
  padding: 100px 0;
}
.bg-light[data-v-41458b80] {
  background-color: #FAFAFA;
}
.bg-dark[data-v-41458b80] {
  background-color: #2C2C2C;
  color: #ffffff;
}
.w-100[data-v-41458b80] {
  width: 100%;
}
.solutions-grid[data-v-41458b80] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-top: 50px;
}
.solutions-grid .solution-card[data-v-41458b80] {
  background: #ffffff;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  border: 1px solid #f0f0f0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.solutions-grid .solution-card[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 32px;
  right: 32px;
  height: 3px;
  background: linear-gradient(90deg, #1a5490 0%, #3b82f6 100%);
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.solutions-grid .solution-card[data-v-41458b80]:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  border-color: #e5e7eb;
}
.solutions-grid .solution-card[data-v-41458b80]:hover::after {
  transform: scaleX(1);
}
.solutions-grid .solution-card .card-top[data-v-41458b80] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-41458b80] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #1a5490;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #1a5490 0%, #3b82f6 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-41458b80]::after {
  content: "";
  position: absolute;
  font-size: 28px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.solutions-grid .solution-card .card-icon-wrapper i[data-v-41458b80] {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease;
}
.solutions-grid .solution-card:hover .card-icon-wrapper[data-v-41458b80]::before {
  opacity: 1;
}
.solutions-grid .solution-card:hover .card-icon-wrapper i[data-v-41458b80] {
  color: #ffffff;
}
.solutions-grid .solution-card .card-number[data-v-41458b80] {
  font-size: 48px;
  font-weight: 800;
  color: #f1f5f9;
  line-height: 1;
  font-family: "Arial", sans-serif;
  letter-spacing: -2px;
}
.solutions-grid .solution-card .card-title[data-v-41458b80] {
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 12px;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
.solutions-grid .solution-card .card-desc[data-v-41458b80] {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin-bottom: 24px;
}
.solutions-grid .solution-card .card-divider[data-v-41458b80] {
  height: 1px;
  background: linear-gradient(90deg, #e5e7eb 0%, transparent 100%);
  margin-bottom: 24px;
}
.solutions-grid .solution-card .card-features[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}
.solutions-grid .solution-card .card-features .feature-item[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #475569;
  font-weight: 500;
  transition: all 0.3s ease;
}
.solutions-grid .solution-card .card-features .feature-item .feature-dot[data-v-41458b80] {
  width: 6px;
  height: 6px;
  background: #1a5490;
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.solutions-grid .solution-card .card-features .feature-item[data-v-41458b80]:hover {
  color: #1a5490;
  transform: translateX(4px);
}
.solutions-grid .solution-card .card-features .feature-item:hover .feature-dot[data-v-41458b80] {
  background: #3b82f6;
  transform: scale(1.5);
}
.solutions-grid .solution-card .card-examples[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.solutions-grid .solution-card .card-examples .example-link[data-v-41458b80] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
  border: 1px solid transparent;
}
.solutions-grid .solution-card .card-examples .example-link[data-v-41458b80]:hover {
  background: #ffffff;
  color: #1a5490;
  border-color: #1a5490;
  box-shadow: 0 4px 16px rgba(26, 84, 144, 0.1);
  transform: translateX(4px);
}
.solutions-grid .solution-card .card-examples .example-link:hover .arrow-icon[data-v-41458b80] {
  transform: translateX(4px);
  color: #3b82f6;
}
.solutions-grid .solution-card .card-examples .example-link .arrow-icon[data-v-41458b80] {
  width: 18px;
  height: 18px;
  color: #94a3b8;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.solutions-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.solution-card[data-v-41458b80] {
    padding: 20px;
}
}
@media (max-width: 768px) {
.solutions-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.solution-card[data-v-41458b80] {
    padding: 20px;
}
}
.platform-image-card[data-v-41458b80] {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.platform-image-card[data-v-41458b80]:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.platform-image-card .platform-image-wrapper[data-v-41458b80] {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.platform-image-card .platform-image-wrapper .platform-image[data-v-41458b80] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.platform-image-card .platform-image-wrapper .platform-overlay[data-v-41458b80] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.platform-image-card .platform-text[data-v-41458b80] {
  padding: 20px;
  background: white;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.platform-image-card .platform-text h3[data-v-41458b80] {
  margin: 0 0 8px;
  color: var(--platform-color);
  font-size: 16px;
}
.platform-image-card .platform-text p[data-v-41458b80] {
  margin: 0;
  color: #666;
}
.platform-image-card:hover .platform-overlay[data-v-41458b80] {
  opacity: 1;
}
.platform-image-card:hover .platform-image[data-v-41458b80] {
  transform: scale(1.05);
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
}
}
.navbar[data-v-41458b80] {
  position: relative;
}
.navbar .navbar-menu ul li[data-v-41458b80] {
  position: relative;
  color: #002c6c;
  font-weight: 600;
}
.product-submenu-wrapper[data-v-41458b80],
.service-submenu-wrapper[data-v-41458b80],
.product-center-submenu-wrapper[data-v-41458b80] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1001;
  padding-top: 0;
}
.product-submenu[data-v-41458b80] {
  background: #ffffff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  padding: 50px 0;
  border-top: 3px solid #C8102E;
  margin-top: 0;
  animation: fadeInUp-41458b80 0.3s ease-out;
}
.product-submenu .container[data-v-41458b80] {
  padding: 0 40px;
}
.product-submenu .submenu-content .submenu-header[data-v-41458b80] {
  text-align: center;
  margin-bottom: 40px;
}
.product-submenu .submenu-content .submenu-header .submenu-title[data-v-41458b80] {
  font-size: 28px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 12px;
}
.product-submenu .submenu-content .submenu-header .submenu-desc[data-v-41458b80] {
  font-size: 16px;
  color: #64748b;
}
.product-submenu .submenu-column .column-header[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e2e8f0;
}
.product-submenu .submenu-column .column-header i[data-v-41458b80] {
  font-size: 24px;
  color: #C8102E;
}
.product-submenu .submenu-column .column-header h4[data-v-41458b80] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
}
.product-submenu .submenu-column .column-items[data-v-41458b80] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-submenu .submenu-column .column-items li[data-v-41458b80] {
  margin-bottom: 12px;
}
.product-submenu .submenu-column .column-items li a[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  color: #64748b;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 15px;
}
.product-submenu .submenu-column .column-items li a .item-icon[data-v-41458b80] {
  color: #C8102E;
  font-size: 18px;
  font-weight: 700;
  opacity: 0.6;
  transition: all 0.3s ease;
}
.product-submenu .submenu-column .column-items li a .item-text[data-v-41458b80] {
  flex: 1;
}
.product-submenu .submenu-column .column-items li a[data-v-41458b80]:hover {
  background: rgba(200, 16, 46, 0.08);
  color: #C8102E;
  transform: translateX(4px);
}
.product-submenu .submenu-column .column-items li a:hover .item-icon[data-v-41458b80] {
  opacity: 1;
  transform: translateX(2px);
}
.product-submenu.product-center-submenu[data-v-41458b80] {
  padding: 40px 0 50px;
}
.product-submenu.product-center-submenu .submenu-content[data-v-41458b80] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights[data-v-41458b80] {
  margin: 16px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: rgba(200, 16, 46, 0.05);
  border-radius: 6px;
  border-left: 3px solid #C8102E;
  transition: all 0.3s ease;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item[data-v-41458b80]:hover {
  background: rgba(200, 16, 46, 0.1);
  transform: translateX(4px);
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item i[data-v-41458b80] {
  font-size: 14px;
  color: #C8102E;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item span[data-v-41458b80] {
  font-size: 12px;
  color: #2C2C2C;
  font-weight: 500;
}
.product-submenu.product-center-submenu .submenu-column .featured-content .featured-desc[data-v-41458b80] {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 16px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards[data-v-41458b80] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%);
  border-radius: 8px;
  border: 1px solid #e1e5eb;
  transition: all 0.3s ease;
  text-align: center;
  min-height: 100px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-41458b80]:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #d1d9e6;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon[data-v-41458b80] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 64, 129, 0.1);
  border-radius: 50%;
  margin-bottom: 12px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon i[data-v-41458b80] {
  font-size: 24px;
  color: #ff4081;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-title[data-v-41458b80] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-description[data-v-41458b80] {
  font-size: 13px;
  color: #666666;
  line-height: 1.5;
  text-align: center;
  padding: 0 8px;
}
.product-submenu .submenu-column .column-header[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-submenu .submenu-column .column-header i[data-v-41458b80] {
  font-size: 30px;
  color: #C8102E;
}
.product-submenu .submenu-column .column-header h4[data-v-41458b80] {
  font-size: 20px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.product-submenu .submenu-column .column-items[data-v-41458b80] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.product-submenu .submenu-column .column-items li[data-v-41458b80] {
  margin: 0;
}
.product-submenu .submenu-column .column-items li a[data-v-41458b80] {
  display: block;
  padding: 0px 18px;
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-weight: 400;
  background: transparent;
  white-space: nowrap;
  border: 1px solid transparent;
}
.product-submenu .submenu-column .column-items li a[data-v-41458b80]:hover {
  background: rgba(200, 16, 46, 0.05);
  color: #C8102E;
  transform: translateX(6px);
  box-shadow: none;
  border-color: rgba(200, 16, 46, 0.2);
}
.product-submenu .featured-column .featured-content[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-submenu .featured-column .featured-image[data-v-41458b80] {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
}
.product-submenu .featured-column .featured-image img[data-v-41458b80] {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.product-submenu .featured-column .featured-title[data-v-41458b80] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.product-submenu .featured-column .featured-desc[data-v-41458b80] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin: 0;
}
.product-submenu .featured-column .featured-links[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.product-submenu .featured-column .featured-link[data-v-41458b80] {
  display: inline-block;
  padding: 8px 16px;
  color: #C8102E;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 1px solid rgba(200, 16, 46, 0.2);
}
.product-submenu .featured-column .featured-link[data-v-41458b80]:hover {
  background: #C8102E;
  color: #ffffff;
  transform: translateX(4px);
  border-color: #C8102E;
}
.mobile-submenu-icon[data-v-41458b80] {
  display: none;
  margin-left: 8px;
  font-size: 12px;
  transition: transform 0.3s ease;
}
.mobile-submenu-icon.is-open[data-v-41458b80] {
  transform: rotate(180deg);
}
.mobile-product-submenu[data-v-41458b80] {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 12px;
}
.mobile-product-submenu .submenu-content[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-product-submenu .submenu-column .column-header[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-product-submenu .submenu-column .column-header i[data-v-41458b80] {
  font-size: 22px;
  color: #C8102E;
}
.mobile-product-submenu .submenu-column .column-header h4[data-v-41458b80] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.mobile-product-submenu .submenu-column .column-items[data-v-41458b80] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-product-submenu .submenu-column .column-items li[data-v-41458b80] {
  margin: 0;
}
.mobile-product-submenu .submenu-column .column-items li a[data-v-41458b80] {
  display: block;
  padding: 10px 16px;
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  background: transparent;
  white-space: nowrap;
  border: 1px solid transparent;
}
@media (max-width: 992px) {
.product-submenu-wrapper[data-v-41458b80],
  .service-submenu-wrapper[data-v-41458b80],
  .product-center-submenu-wrapper[data-v-41458b80] {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.product-submenu-wrapper[style*="display: block"][data-v-41458b80],
  .service-submenu-wrapper[style*="display: block"][data-v-41458b80],
  .product-center-submenu-wrapper[style*="display: block"][data-v-41458b80] {
    max-height: 2000px;
}
.product-submenu[data-v-41458b80],
  .service-submenu[data-v-41458b80],
  .product-center-submenu[data-v-41458b80] {
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 0;
    animation: none;
}
.product-submenu .container[data-v-41458b80],
  .service-submenu .container[data-v-41458b80],
  .product-center-submenu .container[data-v-41458b80] {
    padding: 0 30px;
}
.product-submenu .submenu-content[data-v-41458b80],
  .service-submenu .submenu-content[data-v-41458b80],
  .product-center-submenu .submenu-content[data-v-41458b80] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product-submenu .submenu-column[data-v-41458b80],
  .service-submenu .submenu-column[data-v-41458b80],
  .product-center-submenu .submenu-column[data-v-41458b80] {
    margin-bottom: 0;
}
.product-submenu .column-items[data-v-41458b80],
  .service-submenu .column-items[data-v-41458b80],
  .product-center-submenu .column-items[data-v-41458b80] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product-submenu .column-items li[data-v-41458b80],
  .service-submenu .column-items li[data-v-41458b80],
  .product-center-submenu .column-items li[data-v-41458b80] {
    margin-bottom: 0;
}
.product-submenu .column-items li a[data-v-41458b80],
  .service-submenu .column-items li a[data-v-41458b80],
  .product-center-submenu .column-items li a[data-v-41458b80] {
    padding: 12px 16px;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
}
.product-submenu .column-items li a[data-v-41458b80]:hover,
  .service-submenu .column-items li a[data-v-41458b80]:hover,
  .product-center-submenu .column-items li a[data-v-41458b80]:hover {
    background: rgba(200, 16, 46, 0.05);
    color: #C8102E;
    transform: translateX(4px);
}
.product-center-submenu .submenu-content[data-v-41458b80] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product-center-submenu .featured-column[data-v-41458b80] {
    display: none;
}
}
@media (max-width: 1200px) {
.product-submenu[data-v-41458b80] {
    padding: 40px 0;
}
.product-submenu .submenu-content .submenu-header .submenu-title[data-v-41458b80] {
    font-size: 24px;
}
.product-submenu .submenu-content .submenu-header .submenu-desc[data-v-41458b80] {
    font-size: 14px;
}
.product-submenu .submenu-content .submenu-grid[data-v-41458b80] {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.product-submenu .submenu-column .column-items li a[data-v-41458b80] {
    padding: 8px 12px;
    font-size: 14px;
}
}
@media (max-width: 768px) {
.hardware-tabs[data-v-41458b80] {
    margin-bottom: 24px;
}
.hardware-tabs .tabs-container[data-v-41458b80] {
    padding: 12px;
    gap: 8px;
}
.hardware-tabs .tab-item[data-v-41458b80] {
    padding: 10px 16px;
    font-size: 13px;
    gap: 8px;
}
.hardware-tabs .tab-item i[data-v-41458b80] {
    font-size: 16px;
}
.hardware-tabs .tab-item .tab-count[data-v-41458b80] {
    min-width: 24px;
    height: 24px;
    font-size: 11px;
    padding: 0 8px;
}
}
.btn-primary[data-v-41458b80] {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  color: #ffffff;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  overflow: hidden;
}
.btn-primary[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.btn-primary[data-v-41458b80]:hover::before {
  left: 100%;
}
.btn-primary[data-v-41458b80]:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
}
.btn-primary[data-v-41458b80]:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.btn-primary.btn-sm[data-v-41458b80] {
  padding: 10px 24px;
  font-size: 14px;
  border-radius: 8px;
}
.btn-secondary[data-v-41458b80] {
  display: inline-block;
  padding: 14px 32px;
  background: transparent;
  color: #C8102E;
  border: 2px solid #C8102E;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-left: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  overflow: hidden;
}
.btn-secondary[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(200, 16, 46, 0.1), transparent);
  transition: left 0.6s;
}
.btn-secondary[data-v-41458b80]:hover::before {
  left: 100%;
}
.btn-secondary[data-v-41458b80]:hover {
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.2);
  transform: translateY(-3px);
}
.btn-secondary[data-v-41458b80]:active {
  transform: translateY(-1px);
}
.btn-secondary.btn-sm[data-v-41458b80] {
  padding: 10px 24px;
  font-size: 14px;
}
.navbar[data-v-41458b80] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 18px 0;
  border-bottom: 3px solid #C8102E;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.navbar.navbar-fixed[data-v-41458b80] {
  padding: 14px 0;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.navbar .container[data-v-41458b80] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
}
.navbar .navbar-logo[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.navbar .navbar-logo img[data-v-41458b80] {
  height: 60px;
  width: auto;
}
.navbar .navbar-logo h1[data-v-41458b80] {
  font-size: 20px;
  font-weight: 700;
  color: #2C2C2C;
  margin: 0;
  letter-spacing: 0.5px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.navbar .navbar-logo h1 span[data-v-41458b80] {
  color: #C8102E;
}
.navbar .navbar-menu ul[data-v-41458b80] {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.navbar .navbar-menu ul li[data-v-41458b80] {
  margin-left: 40px;
}
.navbar .navbar-menu ul li .nav-link[data-v-41458b80] {
  color: #2C2C2C;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  padding: 10px 0;
  font-size: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.navbar .navbar-menu ul li .nav-link[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #C8102E;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar .navbar-menu ul li .nav-link[data-v-41458b80]:hover::after {
  width: 100%;
}
.navbar .navbar-menu ul li .nav-link[data-v-41458b80]:hover {
  color: #C8102E;
}
.navbar .navbar-menu ul li .nav-btn[data-v-41458b80] {
  padding: 10px 24px;
  background-color: #C8102E;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
}
.navbar .navbar-menu ul li .nav-btn[data-v-41458b80]:hover {
  background-color: #B71C1C;
  color: #ffffff;
}
.navbar .mobile-menu-btn[data-v-41458b80] {
  display: none;
  flex-direction: column;
  cursor: pointer;
  z-index: 1000;
}
.navbar .mobile-menu-btn span[data-v-41458b80] {
  width: 28px;
  height: 3px;
  background-color: #2C2C2C;
  margin: 4px 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
}
.navbar .mobile-menu-btn.active span[data-v-41458b80]:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.navbar .mobile-menu-btn.active span[data-v-41458b80]:nth-child(2) {
  opacity: 0;
}
.navbar .mobile-menu-btn.active span[data-v-41458b80]:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.hero-carousel[data-v-41458b80] {
  position: relative;
  overflow: hidden;
  height: 75vh;
  min-height: 550px;
  margin-top: 80px;
}
.hero-carousel .carousel-container[data-v-41458b80] {
  height: 100%;
  position: relative;
}
.hero-carousel .carousel-track[data-v-41458b80] {
  display: flex;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}
.hero-carousel .carousel-slide[data-v-41458b80] {
  flex: 0 0 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.hero-carousel .carousel-bg[data-v-41458b80] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002c6c;
  background-position: center;
  background-repeat: repeat;
  z-index: 1;
  opacity: 0;
  animation: bgFadeIn-41458b80 0.8s ease forwards;
}
.hero-carousel .carousel-overlay[data-v-41458b80] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.45) 100%);
  z-index: 2;
}
.hero-carousel .carousel-content[data-v-41458b80] {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 10% 9% 10% 9%;
  position: relative;
  z-index: 3;
}
.hero-carousel .hero-content-wrapper[data-v-41458b80] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 140px;
}
.hero-carousel .hero-content-left[data-v-41458b80] {
  flex: 1;
  max-width: 650px;
  opacity: 0;
  animation: contentFadeIn-41458b80 1s ease 0.5s forwards;
}
.hero-carousel .hero-content-left .hero-tag[data-v-41458b80] {
  display: inline-block;
  padding: 10px 28px;
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  color: #ffffff;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  box-shadow: 0 4px 16px rgba(220, 20, 60, 0.4);
  letter-spacing: 0.5px;
}
.hero-carousel .hero-content-left .hero-title[data-v-41458b80] {
  font-size: 48px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  letter-spacing: 1px;
}
.hero-carousel .hero-content-left .hero-title span[data-v-41458b80] {
  color: #DC143C;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.hero-carousel .hero-content-left .hero-desc[data-v-41458b80] {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.8;
  margin-bottom: 32px;
  max-width: 600px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  font-weight: 500;
}
.hero-carousel .hero-content-left .hero-buttons[data-v-41458b80] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-41458b80],
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-41458b80] {
  padding: 14px 36px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-41458b80] {
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 6px 20px rgba(220, 20, 60, 0.4);
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-41458b80]:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(220, 20, 60, 0.5);
}
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-41458b80] {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
}
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-41458b80]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-3px);
}
.hero-carousel .hero-content-right[data-v-41458b80] {
  flex: 1;
  display: flex;
  flex-direction: column;
  opacity: 0;
  animation: contentFadeIn-41458b80 1s ease 0.8s forwards;
}
.hero-carousel .hero-feature-cards[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hero-carousel .feature-card[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.hero-carousel .feature-card[data-v-41458b80]:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateX(8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.hero-carousel .feature-card .feature-icon[data-v-41458b80] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(220, 20, 60, 0.35);
}
.hero-carousel .feature-card .feature-icon i[data-v-41458b80] {
  font-size: 26px;
  color: #ffffff;
}
.hero-carousel .feature-card .feature-content[data-v-41458b80] {
  flex: 1;
}
.hero-carousel .feature-card .feature-content h4[data-v-41458b80] {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.hero-carousel .feature-card .feature-content p[data-v-41458b80] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.hero-carousel .hero-stats[data-v-41458b80] {
  display: flex;
  gap: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
}
.hero-carousel .stat-item[data-v-41458b80] {
  flex: 1;
  text-align: center;
  padding: 0 8px;
}
.hero-carousel .stat-item .stat-number[data-v-41458b80] {
  font-size: 32px;
  font-weight: 800;
  color: #DC143C;
  margin-bottom: 6px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}
.hero-carousel .stat-item .stat-label[data-v-41458b80] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.hero-carousel .carousel-btn[data-v-41458b80] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
  backdrop-filter: blur(10px);
}
.hero-carousel .carousel-btn[data-v-41458b80]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-50%) scale(1.1);
}
.hero-carousel .carousel-btn.prev-btn[data-v-41458b80] {
  left: 40px;
}
.hero-carousel .carousel-btn.next-btn[data-v-41458b80] {
  right: 40px;
}
.hero-carousel .carousel-indicators[data-v-41458b80] {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 10;
}
.hero-carousel .carousel-indicators .indicator[data-v-41458b80] {
  width: 50px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-carousel .carousel-indicators .indicator.active[data-v-41458b80] {
  background: #DC143C;
  width: 50px;
  box-shadow: 0 2px 8px rgba(220, 20, 60, 0.5);
}
.hero-carousel .carousel-indicators .indicator[data-v-41458b80]:hover {
  background: rgba(255, 255, 255, 0.6);
}
@keyframes bgFadeIn-41458b80 {
from {
    opacity: 0;
    transform: scale(1.05);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes contentFadeIn-41458b80 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.section-header[data-v-41458b80] {
  text-align: center;
  margin-bottom: 60px;
  animation: fadeInUp-41458b80 0.8s ease-out;
}
.section-header.light .section-title[data-v-41458b80],
.section-header.light .section-subtitle[data-v-41458b80] {
  color: #ffffff;
}
.section-header.light .section-title[data-v-41458b80]::after {
  background-color: #C8102E;
}
.section-header.left-aligned[data-v-41458b80] {
  text-align: left;
  margin-bottom: 30px;
  animation: fadeInLeft-41458b80 0.8s ease-out;
}
.section-header .section-title[data-v-41458b80] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.section-header .section-title[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  border-radius: 4px;
  animation: scaleIn-41458b80 0.6s ease-out 0.4s both;
}
.left-aligned .section-header .section-title[data-v-41458b80]::after {
  left: 0;
  transform: translateX(0);
}
.section-header .section-subtitle[data-v-41458b80] {
  font-size: 16px;
  color: #666666;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  animation: fadeInUp-41458b80 0.8s ease-out 0.2s both;
}
@media (max-width: 768px) {
.services .services-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
}
.services .services-filter .filter-btn[data-v-41458b80] {
    padding: 6px 16px;
    font-size: 13px;
}
}
.products[data-v-41458b80] {
  background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
  padding: 80px 0;
}
.products .products-header[data-v-41458b80] {
  text-align: center;
  margin-bottom: 50px;
}
.products .products-header .section-title[data-v-41458b80] {
  font-size: 32px;
  font-weight: 700;
  color: #1a5490;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.products .products-header .section-title[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #1a5490 100%);
  border-radius: 2px;
}
.products .products-header .section-subtitle[data-v-41458b80] {
  font-size: 18px;
  color: #6b7280;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}
.products .solutions-grid[data-v-41458b80] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
  margin-bottom: 60px;
}
.products .solution-card[data-v-41458b80] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  position: relative;
  isolation: isolate;
}
.products .solution-card[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #1a5490 0%, #2e7d32 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.products .solution-card[data-v-41458b80]:hover {
  transform: translateY(-12px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.products .solution-card[data-v-41458b80]:hover::before {
  opacity: 1;
}
.products .solution-card .card-inner[data-v-41458b80] {
  padding: 30px;
  text-align: center;
}
.products .solution-card .card-icon[data-v-41458b80] {
  font-size: 56px;
  margin-bottom: 20px;
  color: #1a5490;
  transition: transform 0.3s ease;
}
.products .solution-card .card-icon[data-v-41458b80]:hover {
  transform: scale(1.1);
}
.products .solution-card .card-title[data-v-41458b80] {
  font-size: 22px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
}
.products .solution-card .card-desc[data-v-41458b80] {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 20px;
  line-height: 1.7;
}
.products .solution-card .features-list[data-v-41458b80] {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}
.products .solution-card .features-list li[data-v-41458b80] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #475569;
  margin-bottom: 12px;
}
.products .solution-card .features-list li i[data-v-41458b80] {
  color: #2e7d32;
  margin-right: 10px;
  font-size: 18px;
}
.products .solution-card .btn-primary[data-v-41458b80] {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(135deg, #c8102e 0%, #a50a1e 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.products .solution-card .btn-primary[data-v-41458b80]:hover {
  background: linear-gradient(135deg, #a50a1e 0%, #800000 100%);
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(200, 16, 46, 0.4);
}
.products .solution-type-detection .card-icon[data-v-41458b80] {
  color: #c8102e;
}
.products .solution-type-detection .card-title[data-v-41458b80] {
  color: #c8102e;
}
.products .solution-type-design .card-icon[data-v-41458b80] {
  color: #8b5cf6;
}
.products .solution-type-design .card-title[data-v-41458b80] {
  color: #8b5cf6;
}
.products .solution-type-encoding .card-icon[data-v-41458b80] {
  color: #1a5490;
}
.products .solution-type-encoding .card-title[data-v-41458b80] {
  color: #1a5490;
}
.products .solution-type-hardware .card-icon[data-v-41458b80] {
  color: #2e7d32;
}
.products .solution-type-hardware .card-title[data-v-41458b80] {
  color: #2e7d32;
}
@media (max-width: 768px) {
.products[data-v-41458b80] {
    padding: 60px 0;
}
.products .products-header .section-title[data-v-41458b80] {
    font-size: 28px;
}
.products .products-header .section-subtitle[data-v-41458b80] {
    font-size: 16px;
}
.products .solutions-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.products .solution-card .card-inner[data-v-41458b80] {
    padding: 24px;
}
.products .solution-card .card-icon[data-v-41458b80] {
    font-size: 48px;
}
.products .solution-card .card-title[data-v-41458b80] {
    font-size: 20px;
}
}
@keyframes shimmer-41458b80 {
0%, 100% {
    opacity: 0.5;
    transform: translateX(-100%) translateY(-100%) rotate(0deg);
}
50% {
    opacity: 1;
    transform: translateX(100%) translateY(100%) rotate(180deg);
}
}
.about[data-v-41458b80] {
  position: relative;
  overflow: hidden;
}
.about[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.about .container[data-v-41458b80] {
  position: relative;
  z-index: 1;
}
.about .about-wrapper[data-v-41458b80] {
  display: flex;
  justify-content: center;
  animation: fadeInUp-41458b80 0.8s ease-out both;
}
.about .about-content[data-v-41458b80] {
  max-width: 800px;
  width: 100%;
  text-align: center;
}
.about .about-content .section-header[data-v-41458b80] {
  margin-bottom: 40px;
  animation: fadeInUp-41458b80 0.8s ease-out 0.1s both;
}
.about .about-content .section-header .section-title[data-v-41458b80] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
}
.about .about-content .section-header .section-title[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  border-radius: 2px;
}
.about .about-content .section-header .section-subtitle[data-v-41458b80] {
  font-size: 18px;
  color: #666666;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.about .about-content .about-intro[data-v-41458b80] {
  animation: fadeInUp-41458b80 0.8s ease-out 0.3s both;
}
.about .about-content .about-intro .about-text[data-v-41458b80] {
  color: #666666;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 24px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
  padding: 0 20px;
}
.about .about-content .about-intro .about-text[data-v-41458b80]:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
.about .about-content .section-header[data-v-41458b80] {
    margin-bottom: 30px;
}
.about .about-content .section-header .section-title[data-v-41458b80] {
    font-size: 28px;
}
.about .about-content .section-header .section-title[data-v-41458b80]::after {
    width: 60px;
    height: 3px;
}
.about .about-content .section-header .section-subtitle[data-v-41458b80] {
    font-size: 16px;
}
.about .about-content .about-intro .about-text[data-v-41458b80] {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: left;
    -moz-text-align-last: left;
         text-align-last: left;
}
}
@media (max-width: 480px) {
.about .about-content .section-header .section-title[data-v-41458b80] {
    font-size: 24px;
}
.about .about-content .about-intro .about-text[data-v-41458b80] {
    font-size: 14px;
}
}
.fade-enter-active[data-v-41458b80],
.fade-leave-active[data-v-41458b80] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-41458b80],
.fade-leave-to[data-v-41458b80] {
  opacity: 0;
}
.partners[data-v-41458b80] {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.partners[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.partners[data-v-41458b80]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
@media (max-width: 768px) {
.partners[data-v-41458b80] {
    padding: 80px 0;
}
}
@media (max-width: 480px) {
.partners[data-v-41458b80] {
    padding: 60px 0;
}
}
.partners .partners-carousel[data-v-41458b80] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 220px;
  margin-bottom: 60px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 40px 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.partners .partners-carousel .carousel-track[data-v-41458b80] {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  animation: scroll 25s linear infinite;
}
.partners .partners-carousel .carousel-track[data-v-41458b80]:hover {
  animation-play-state: paused;
}
.partners .partners-carousel .carousel-track .carousel-slide[data-v-41458b80] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  padding: 0 24px;
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link[data-v-41458b80] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  border-radius: 16px;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(102, 102, 102, 0.1);
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link[data-v-41458b80]:hover {
  transform: scale(1.1) translateY(-8px);
  box-shadow: 0 12px 48px rgba(200, 16, 46, 0.2);
  border-color: #C8102E;
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link .partner-logo[data-v-41458b80] {
  max-width: 200px;
  max-height: 80px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(0);
  opacity: 0.8;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link:hover .partner-logo[data-v-41458b80] {
  opacity: 1;
  transform: scale(1.1);
  filter: drop-shadow(0 4px 12px rgba(200, 16, 46, 0.3));
}
.partners .partners-carousel .carousel-mask[data-v-41458b80] {
  position: absolute;
  top: 0;
  width: 160px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.partners .partners-carousel .left-mask[data-v-41458b80] {
  left: 0;
  background: linear-gradient(to right, #ffffff, transparent);
}
.partners .partners-carousel .right-mask[data-v-41458b80] {
  right: 0;
  background: linear-gradient(to left, #ffffff, transparent);
}
.partners .partners-coop[data-v-41458b80] {
  text-align: center;
  padding: 60px 40px;
  background: linear-gradient(135deg, #ffffff 0%, rgba(200, 16, 46, 0.05) 100%);
  border-radius: 24px;
  margin-top: 40px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(102, 102, 102, 0.1);
}
.partners .partners-coop[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
}
.partners .partners-coop h3[data-v-41458b80] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #2C2C2C;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.partners .partners-coop p[data-v-41458b80] {
  color: #666666;
  margin-bottom: 32px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.6;
}
.partners .partners-coop .btn-primary[data-v-41458b80] {
  margin-left: 0;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  border: none;
  border-radius: 12px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(200, 16, 46, 0.3);
}
.partners .partners-coop .btn-primary[data-v-41458b80]:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 32px rgba(200, 16, 46, 0.4);
  background: linear-gradient(135deg, #1A5490 0%, #C8102E 100%);
}
@media (max-width: 992px) {
.partners .partners-carousel[data-v-41458b80] {
    height: 180px;
    padding: 30px 0;
}
.partners .carousel-slide[data-v-41458b80] {
    width: 240px !important;
    height: 180px !important;
    padding: 0 20px !important;
}
.partners .partner-link[data-v-41458b80] {
    padding: 20px !important;
}
.partners .partner-logo[data-v-41458b80] {
    max-width: 160px !important;
    max-height: 60px !important;
}
.partners .partners-coop[data-v-41458b80] {
    padding: 40px 30px;
}
.partners .partners-coop h3[data-v-41458b80] {
    font-size: 28px;
}
.partners .partners-coop p[data-v-41458b80] {
    font-size: 14px;
    margin-bottom: 24px;
}
.partners .partners-coop .btn-primary[data-v-41458b80] {
    padding: 14px 32px;
    font-size: 16px;
}
}
@media (max-width: 768px) {
.partners[data-v-41458b80] {
    padding: 80px 0;
}
.partners .partners-carousel[data-v-41458b80] {
    height: 160px;
    padding: 20px 0;
    border-radius: 16px;
}
.partners .carousel-slide[data-v-41458b80] {
    width: 200px !important;
    height: 160px !important;
    padding: 0 16px !important;
}
.partners .partner-link[data-v-41458b80] {
    padding: 16px !important;
    border-radius: 12px !important;
}
.partners .partner-logo[data-v-41458b80] {
    max-width: 140px !important;
    max-height: 50px !important;
}
.partners .carousel-mask[data-v-41458b80] {
    width: 100px !important;
}
.partners .partners-coop[data-v-41458b80] {
    padding: 30px 20px;
    margin-top: 30px;
    border-radius: 16px;
}
.partners .partners-coop h3[data-v-41458b80] {
    font-size: 24px;
    margin-bottom: 12px;
}
.partners .partners-coop p[data-v-41458b80] {
    font-size: 13px;
    margin-bottom: 20px;
}
.partners .partners-coop .btn-primary[data-v-41458b80] {
    padding: 12px 24px;
    font-size: 14px;
}
}
@media (max-width: 480px) {
.partners[data-v-41458b80] {
    padding: 60px 0;
}
.partners .partners-carousel[data-v-41458b80] {
    height: 140px;
    padding: 16px 0;
}
.partners .carousel-slide[data-v-41458b80] {
    width: 160px !important;
    height: 140px !important;
    padding: 0 12px !important;
}
.partners .partner-link[data-v-41458b80] {
    padding: 12px !important;
}
.partners .partner-logo[data-v-41458b80] {
    max-width: 120px !important;
    max-height: 40px !important;
}
.partners .partners-coop[data-v-41458b80] {
    padding: 24px 16px;
}
.partners .partners-coop h3[data-v-41458b80] {
    font-size: 20px;
}
.partners .partners-coop .btn-primary[data-v-41458b80] {
    padding: 10px 20px;
    font-size: 13px;
}
}
.about-contact[data-v-41458b80] {
  position: relative;
  padding: 100px 0;
}
.about-contact[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.about-contact[data-v-41458b80]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
.about-contact .container[data-v-41458b80] {
  position: relative;
  z-index: 1;
}
.about-contact .section-header[data-v-41458b80] {
  margin-bottom: 60px;
  text-align: center;
  animation: fadeInUp-41458b80 0.8s ease-out both;
}
.about-contact .section-header .section-title[data-v-41458b80] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  display: inline-block;
}
.about-contact .section-header .section-title[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  border-radius: 2px;
}
.about-contact .section-header .section-subtitle[data-v-41458b80] {
  font-size: 18px;
  color: #666666;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.6;
}
.about-contact .about-contact-wrapper[data-v-41458b80] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  animation: fadeInUp-41458b80 0.8s ease-out 0.2s both;
}
@media (max-width: 992px) {
.about-contact .about-contact-wrapper[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.about-contact .about-card[data-v-41458b80],
.about-contact .contact-card[data-v-41458b80] {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.about-contact .about-card[data-v-41458b80]::before,
.about-contact .contact-card[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.about-contact .about-card[data-v-41458b80]:hover,
.about-contact .contact-card[data-v-41458b80]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  border-color: rgba(200, 16, 46, 0.2);
}
.about-contact .about-card[data-v-41458b80]:hover::before,
.about-contact .contact-card[data-v-41458b80]:hover::before {
  transform: scaleX(1);
}
.about-contact .about-card .card-header[data-v-41458b80],
.about-contact .contact-card .card-header[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 32px 36px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.about-contact .about-card .card-header[data-v-41458b80]::after,
.about-contact .contact-card .card-header[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 36px;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(200, 16, 46, 0.2) 0%, transparent 100%);
}
.about-contact .about-card .card-header .header-icon[data-v-41458b80],
.about-contact .contact-card .card-header .header-icon[data-v-41458b80] {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.12) 0%, rgba(26, 84, 144, 0.12) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.15);
  transition: transform 0.3s ease;
}
.about-contact .about-card .card-header .header-icon i[data-v-41458b80],
.about-contact .contact-card .card-header .header-icon i[data-v-41458b80] {
  font-size: 28px;
  color: #C8102E;
}
.about-contact .about-card .card-header .card-title[data-v-41458b80],
.about-contact .contact-card .card-header .card-title[data-v-41458b80] {
  font-size: 26px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.about-contact .about-card .card-body[data-v-41458b80],
.about-contact .contact-card .card-body[data-v-41458b80] {
  padding: 36px;
}
.about-contact .about-card:hover .card-header .header-icon[data-v-41458b80] {
  transform: scale(1.1) rotate(5deg);
}
.about-contact .about-card .about-intro .about-text[data-v-41458b80] {
  color: #666666;
  font-size: 15px;
  line-height: 2;
  margin-bottom: 20px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  padding-left: 16px;
}
.about-contact .about-card .about-intro .about-text[data-v-41458b80]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: linear-gradient(135deg, #C8102E, #1A5490);
  border-radius: 50%;
  opacity: 0.6;
}
.about-contact .about-card .about-intro .about-text[data-v-41458b80]:last-child {
  margin-bottom: 0;
}
.about-contact .contact-card .contact-list[data-v-41458b80] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.about-contact .contact-card .contact-item[data-v-41458b80] {
  display: flex;
  gap: 20px;
  padding: 24px;
  background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.about-contact .contact-card .contact-item[data-v-41458b80]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #C8102E, #1A5490);
  border-radius: 4px 0 0 4px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.about-contact .contact-card .contact-item[data-v-41458b80]:hover {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  transform: translateX(8px);
  border-color: rgba(200, 16, 46, 0.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.about-contact .contact-card .contact-item[data-v-41458b80]:hover::before {
  opacity: 1;
}
.about-contact .contact-card .contact-item .item-icon[data-v-41458b80] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.1) 0%, rgba(26, 84, 144, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.12);
  transition: transform 0.3s ease;
}
.about-contact .contact-card .contact-item .item-icon i[data-v-41458b80] {
  font-size: 22px;
  color: #C8102E;
}
.about-contact .contact-card .contact-item .item-content[data-v-41458b80] {
  flex: 1;
}
.about-contact .contact-card .contact-item .item-content h4[data-v-41458b80] {
  font-size: 19px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0 0 10px 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.3px;
}
.about-contact .contact-card .contact-item .item-content p[data-v-41458b80] {
  color: #666666;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 14px 0;
}
.about-contact .contact-card .contact-item .item-content .contact-info[data-v-41458b80] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-41458b80] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666666;
  font-size: 13px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  font-weight: 500;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-41458b80]:hover {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0%, rgba(26, 84, 144, 0.05) 100%);
  border-color: rgba(200, 16, 46, 0.2);
  transform: translateY(-2px);
}
.about-contact .contact-card .contact-item .item-content .contact-info span i[data-v-41458b80] {
  color: #C8102E;
  font-size: 15px;
}
@media (max-width: 992px) {
.about-contact .about-contact-wrapper[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 32px;
}
.about-contact .about-card .card-header[data-v-41458b80],
  .about-contact .contact-card .card-header[data-v-41458b80] {
    padding: 28px 32px;
}
.about-contact .about-card .card-header .header-icon[data-v-41458b80],
  .about-contact .contact-card .card-header .header-icon[data-v-41458b80] {
    width: 52px;
    height: 52px;
}
.about-contact .about-card .card-header .header-icon i[data-v-41458b80],
  .about-contact .contact-card .card-header .header-icon i[data-v-41458b80] {
    font-size: 26px;
}
.about-contact .about-card .card-header .card-title[data-v-41458b80],
  .about-contact .contact-card .card-header .card-title[data-v-41458b80] {
    font-size: 24px;
}
.about-contact .about-card .card-body[data-v-41458b80],
  .about-contact .contact-card .card-body[data-v-41458b80] {
    padding: 32px;
}
}
@media (max-width: 768px) {
.about-contact[data-v-41458b80] {
    padding: 80px 0;
}
.about-contact .section-header[data-v-41458b80] {
    margin-bottom: 50px;
}
.about-contact .section-header .section-title[data-v-41458b80] {
    font-size: 36px;
}
.about-contact .section-header .section-subtitle[data-v-41458b80] {
    font-size: 16px;
}
.about-contact .about-contact-wrapper[data-v-41458b80] {
    gap: 24px;
}
.about-contact .about-card[data-v-41458b80],
  .about-contact .contact-card[data-v-41458b80] {
    border-radius: 16px;
}
.about-contact .about-card .card-header[data-v-41458b80],
  .about-contact .contact-card .card-header[data-v-41458b80] {
    padding: 24px 28px;
}
.about-contact .about-card .card-header .header-icon[data-v-41458b80],
  .about-contact .contact-card .card-header .header-icon[data-v-41458b80] {
    width: 48px;
    height: 48px;
}
.about-contact .about-card .card-header .header-icon i[data-v-41458b80],
  .about-contact .contact-card .card-header .header-icon i[data-v-41458b80] {
    font-size: 24px;
}
.about-contact .about-card .card-header .card-title[data-v-41458b80],
  .about-contact .contact-card .card-header .card-title[data-v-41458b80] {
    font-size: 22px;
}
.about-contact .about-card .card-body[data-v-41458b80],
  .about-contact .contact-card .card-body[data-v-41458b80] {
    padding: 28px;
}
.about-contact .about-card .about-intro .about-text[data-v-41458b80] {
    font-size: 16px;
    line-height: 1.9;
}
.about-contact .contact-card .contact-list[data-v-41458b80] {
    gap: 24px;
}
.about-contact .contact-card .contact-item[data-v-41458b80] {
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}
.about-contact .contact-card .contact-item .item-icon[data-v-41458b80] {
    width: 44px;
    height: 44px;
}
.about-contact .contact-card .contact-item .item-icon i[data-v-41458b80] {
    font-size: 20px;
}
.about-contact .contact-card .contact-item .item-content h4[data-v-41458b80] {
    font-size: 17px;
}
.about-contact .contact-card .contact-item .item-content p[data-v-41458b80] {
    font-size: 13px;
}
.about-contact .contact-card .contact-item .item-content .contact-info[data-v-41458b80] {
    flex-direction: column;
    gap: 10px;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-41458b80] {
    font-size: 12px;
}
}
.locations[data-v-41458b80] {
  padding: 80px 0;
}
.locations .contact-wrapper[data-v-41458b80] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  margin-top: 20px;
}
.locations .contact-cards[data-v-41458b80] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.locations .contact-card[data-v-41458b80] {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.locations .contact-card[data-v-41458b80]:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: #C8102E;
}
.locations .contact-card.active[data-v-41458b80] {
  border-color: #C8102E;
  box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.1);
}
.locations .contact-card .card-icon[data-v-41458b80] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.locations .contact-card .card-icon i[data-v-41458b80] {
  font-size: 24px;
  color: #C8102E;
}
.locations .contact-card h3[data-v-41458b80] {
  font-size: 24px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 16px;
}
.locations .contact-card .card-address[data-v-41458b80] {
  color: #666666;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 16px;
}
.locations .contact-card .card-phone[data-v-41458b80],
.locations .contact-card .card-email[data-v-41458b80] {
  display: flex;
  align-items: center;
  color: #666666;
  margin-bottom: 12px;
  font-size: 15px;
}
.locations .contact-card .card-phone i[data-v-41458b80],
.locations .contact-card .card-email i[data-v-41458b80] {
  color: #C8102E;
  margin-right: 10px;
  width: 18px;
  text-align: center;
}
.locations .contact-card .card-btn[data-v-41458b80] {
  display: inline-block;
  margin-top: 24px;
  padding: 10px 24px;
  background-color: #C8102E;
  color: #ffffff;
  border: 1px solid #C8102E;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .contact-card .card-btn[data-v-41458b80]:hover {
  background-color: #B71C1C;
  border-color: #B71C1C;
}
.locations .contact-form[data-v-41458b80] {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  border: 1px solid;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.locations .contact-form h3[data-v-41458b80] {
  font-size: 24px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 24px;
  text-align: center;
}
.locations .contact-form .form-group[data-v-41458b80] {
  margin-bottom: 20px;
}
.locations .contact-form .form-group input[data-v-41458b80],
.locations .contact-form .form-group select[data-v-41458b80],
.locations .contact-form .form-group textarea[data-v-41458b80] {
  width: 100%;
  padding: 14px 16px;
  background-color: #FAFAFA;
  border: 1px solid;
  border-radius: 8px;
  color: #2C2C2C;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .contact-form .form-group input[data-v-41458b80]::-moz-placeholder, .locations .contact-form .form-group select[data-v-41458b80]::-moz-placeholder, .locations .contact-form .form-group textarea[data-v-41458b80]::-moz-placeholder {
  color: #999999;
}
.locations .contact-form .form-group input[data-v-41458b80]::placeholder,
.locations .contact-form .form-group select[data-v-41458b80]::placeholder,
.locations .contact-form .form-group textarea[data-v-41458b80]::placeholder {
  color: #999999;
}
.locations .contact-form .form-group input[data-v-41458b80]:focus,
.locations .contact-form .form-group select[data-v-41458b80]:focus,
.locations .contact-form .form-group textarea[data-v-41458b80]:focus {
  outline: none;
  border-color: #C8102E;
  box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.2);
}
.locations .contact-form .form-group textarea[data-v-41458b80] {
  resize: vertical;
  min-height: 120px;
}
.locations .contact-form .btn-primary[data-v-41458b80] {
  width: 100%;
  text-align: center;
  border: none;
  padding: 14px 0;
}
.locations .location-modal-mask[data-v-41458b80] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 44, 44, 0.8);
  z-index: 1000;
}
.locations .location-modal[data-v-41458b80] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  padding: 40px;
  width: 90%;
  max-width: 450px;
  z-index: 1001;
  animation: fadeUp-41458b80 0.3s ease forwards;
  overflow: hidden;
}
.locations .location-modal .modal-close[data-v-41458b80] {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #666666;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .location-modal .modal-close[data-v-41458b80]:hover {
  color: #C8102E;
  transform: scale(1.1);
}
.locations .location-modal h3[data-v-41458b80] {
  font-size: 24px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.locations .location-modal .modal-info[data-v-41458b80] {
  margin-bottom: 30px;
}
.locations .location-modal .modal-info p[data-v-41458b80] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: #666666;
}
.locations .location-modal .modal-info p i[data-v-41458b80] {
  color: #C8102E;
  margin-right: 10px;
  font-size: 18px;
  width: 20px;
  text-align: center;
}
.locations .location-modal .modal-btn[data-v-41458b80] {
  width: 100%;
  text-align: center;
}
.service-categories[data-v-41458b80] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.service-categories .category-btn[data-v-41458b80] {
  padding: 8px 20px;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 100px;
  color: #666666;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
  font-size: 14px;
}
.service-categories .category-btn.active[data-v-41458b80] {
  background-color: #C8102E;
  color: #ffffff;
  border-color: #C8102E;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.service-categories .category-btn[data-v-41458b80]:hover:not(.active) {
  border-color: #C8102E;
  color: #C8102E;
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
}
.our-services .service-categories .category-btn[data-v-41458b80] {
    padding: 6px 16px;
    font-size: 13px;
}
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
}
.our-services .service-categories .category-btn[data-v-41458b80] {
    padding: 6px 16px;
    font-size: 13px;
}
}
@keyframes fadeUp-41458b80 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 992px) {
.navbar .navbar-menu[data-v-41458b80] {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100vh;
    background-color: #ffffff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 998;
    padding-top: 80px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    overflow-y: auto;
}
.navbar .navbar-menu.active[data-v-41458b80] {
    left: 0;
}
.navbar .navbar-menu ul[data-v-41458b80] {
    flex-direction: column;
    padding: 0 30px;
    align-items: flex-start;
}
.navbar .navbar-menu ul li[data-v-41458b80] {
    margin: 0 0 24px 0;
    width: 100%;
}
.navbar .navbar-menu ul li.has-submenu .nav-link[data-v-41458b80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar .navbar-menu ul li.has-submenu .nav-link .mobile-submenu-icon[data-v-41458b80] {
    display: inline-block;
}
.navbar .navbar-menu ul li .nav-link[data-v-41458b80] {
    font-size: 18px;
}
.navbar .navbar-menu ul li .nav-btn[data-v-41458b80] {
    display: block;
    width: 100%;
    text-align: center;
}
.navbar .mobile-menu-btn[data-v-41458b80] {
    display: flex;
}
.hero-carousel[data-v-41458b80] {
    min-height: 500px;
    margin-top: 76px;
}
.hero-carousel .carousel-content[data-v-41458b80] {
    padding: 0 6%;
}
.hero-carousel .hero-content-wrapper[data-v-41458b80] {
    flex-direction: column;
    gap: 40px;
}
.hero-carousel .hero-content-left[data-v-41458b80] {
    text-align: center;
    max-width: 100%;
}
.hero-carousel .hero-content-left .hero-title[data-v-41458b80] {
    font-size: 42px;
}
.hero-carousel .hero-content-left .hero-desc[data-v-41458b80] {
    margin-left: auto;
    margin-right: auto;
}
.hero-carousel .hero-content-left .hero-buttons[data-v-41458b80] {
    justify-content: center;
}
.hero-carousel .hero-content-right[data-v-41458b80] {
    width: 100%;
}
.hero-carousel .hero-feature-cards[data-v-41458b80] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.hero-carousel .feature-card[data-v-41458b80] {
    flex: 1;
    min-width: 280px;
    max-width: 320px;
}
.hero-carousel .hero-stats[data-v-41458b80] {
    flex-wrap: wrap;
    justify-content: center;
}
.hero-carousel .stat-item[data-v-41458b80] {
    min-width: 120px;
}
.hero-carousel .carousel-btn[data-v-41458b80] {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.hero-carousel .carousel-btn.prev-btn[data-v-41458b80] {
    left: 15px;
}
.hero-carousel .carousel-btn.next-btn[data-v-41458b80] {
    right: 15px;
}
.section-header[data-v-41458b80] {
    margin-bottom: 60px;
}
.section-header .section-title[data-v-41458b80] {
    font-size: 36px;
}
.services[data-v-41458b80] {
    padding: 80px 0;
}
.services .services-grid[data-v-41458b80] {
    grid-template-columns: repeat(2, 1fr);
}
.about[data-v-41458b80] {
    padding: 80px 0;
}
.about .about-wrapper[data-v-41458b80] {
    flex-direction: column;
    gap: 40px;
}
.about .about-media[data-v-41458b80] {
    order: -1;
    width: 100%;
}
.about .about-content[data-v-41458b80] {
    text-align: left;
}
.about .about-content .section-header.left-aligned[data-v-41458b80] {
    text-align: center;
}
.about .about-content .section-title[data-v-41458b80]::after {
    left: 50%;
    transform: translateX(-50%);
}
.about .about-content .about-features[data-v-41458b80] {
    grid-template-columns: 1fr;
}
.cases[data-v-41458b80] {
    padding: 80px 0;
}
.cases .cases-grid[data-v-41458b80] {
    grid-template-columns: repeat(2, 1fr);
}
.locations[data-v-41458b80] {
    padding: 80px 0;
}
.locations .contact-wrapper[data-v-41458b80] {
    grid-template-columns: 1fr;
}
.locations .contact-cards[data-v-41458b80] {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}
@media (max-width: 992px) {
.platforms-entry-section[data-v-41458b80] {
    padding: 80px 0;
}
.platforms-entry-grid[data-v-41458b80] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 40px;
}
.entry-card[data-v-41458b80] {
    padding: 32px 24px;
}
.entry-card .card-icon[data-v-41458b80] {
    width: 72px;
    height: 72px;
}
.entry-card .card-icon i[data-v-41458b80] {
    font-size: 32px;
}
.entry-card .card-title[data-v-41458b80] {
    font-size: 20px;
}
.entry-card .card-desc[data-v-41458b80] {
    font-size: 14px;
    margin-bottom: 24px;
}
.entry-card .card-link[data-v-41458b80] {
    padding: 12px 28px;
    font-size: 14px;
}
}
@media (max-width: 768px) {
.platforms-entry-section[data-v-41458b80] {
    padding: 60px 0;
}
.platforms-entry-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
}
.entry-card[data-v-41458b80] {
    padding: 28px 20px;
}
.entry-card .card-icon[data-v-41458b80] {
    width: 64px;
    height: 64px;
}
.entry-card .card-icon i[data-v-41458b80] {
    font-size: 28px;
}
.entry-card .card-title[data-v-41458b80] {
    font-size: 18px;
    margin-bottom: 12px;
    color: white;
}
.entry-card .card-desc[data-v-41458b80] {
    font-size: 13px;
    margin-bottom: 20px;
}
.entry-card .card-link[data-v-41458b80] {
    padding: 10px 24px;
    font-size: 13px;
}
}
.platform-card[data-v-41458b80] {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.platform-card[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.platform-card[data-v-41458b80]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  border-color: rgba(200, 16, 46, 0.2);
}
.platform-card[data-v-41458b80]:hover::before {
  transform: scaleX(1);
}
.platform-card:hover .card-header[data-v-41458b80] {
  transform: scale(1.02);
}
.platform-card:hover .card-btn[data-v-41458b80] {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.1) 0%, rgba(26, 84, 144, 0.1) 100%);
  color: #C8102E;
}
.platform-card .card-header[data-v-41458b80] {
  width: 100%;
  height: 160px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0%, rgba(26, 84, 144, 0.05) 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease;
  overflow: hidden;
}
.platform-card .card-header[data-v-41458b80]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
}
.platform-card .card-header .card-content[data-v-41458b80] {
  position: relative;
  text-align: center;
  color: #2C2C2C;
  z-index: 2;
  padding: 0 24px;
}
.platform-card .card-header .card-content .card-title[data-v-41458b80] {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  color: white;
}
.platform-card .card-header .card-content .card-desc[data-v-41458b80] {
  font-size: 14px;
  color: white;
  line-height: 1.6;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.platform-card .card-btn[data-v-41458b80] {
  display: block;
  padding: 16px 20px;
  text-align: center;
  color: #666666;
  font-weight: 600;
  text-decoration: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  margin-top: auto;
}
.platform-card .card-btn[data-v-41458b80]:hover {
  transform: translateY(-2px);
}
.platforms-entry-header[data-v-41458b80] {
  text-align: center;
  margin-bottom: 60px;
  animation: fadeInUp-41458b80 0.8s ease-out;
}
.platforms-entry-title[data-v-41458b80] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.platforms-entry-title[data-v-41458b80]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  border-radius: 2px;
}
.platforms-entry-subtitle[data-v-41458b80] {
  font-size: 18px;
  color: #666666;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.6;
}
.platforms-entry-grid[data-v-41458b80] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  margin-top: 5px;
}
.platform-entry-card[data-v-41458b80] {
  background: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  animation: fadeInUp-41458b80 0.8s ease-out;
}
.platform-entry-card[data-v-41458b80]:nth-child(2) {
  animation-delay: 0.2s;
}
.platform-entry-card[data-v-41458b80]:nth-child(3) {
  animation-delay: 0.4s;
}
.platform-entry-card[data-v-41458b80]:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.platform-entry-card:hover .platform-card-icon[data-v-41458b80] {
  transform: scale(1.1) rotate(5deg);
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  color: #ffffff;
}
.platform-entry-card:hover .platform-card-btn[data-v-41458b80] {
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  color: #ffffff;
}
.platform-entry-card[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  transform: scaleX(0);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-entry-card[data-v-41458b80]:hover::before {
  transform: scaleX(1);
}
.platform-card-icon[data-v-41458b80] {
  width: 80px;
  height: 80px;
  margin: 0 auto 24px;
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #C8102E;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-title[data-v-41458b80] {
  font-size: 20px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-desc[data-v-41458b80] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-btn[data-v-41458b80] {
  display: inline-block;
  padding: 12px 32px;
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  color: #2C2C2C;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.platform-card-btn[data-v-41458b80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-btn[data-v-41458b80]:hover::before {
  left: 100%;
}
@media (max-width: 768px) {
.platforms-entry-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.platform-card[data-v-41458b80] {
    max-width: 320px;
    margin: 0 auto;
}
}
@media (max-width: 1024px) {
.platforms-entry-section[data-v-41458b80] {
    padding: 60px 0;
}
.platforms-entry-title[data-v-41458b80] {
    font-size: 28px;
}
.platforms-entry-grid[data-v-41458b80] {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.platform-entry-card[data-v-41458b80] {
    padding: 30px 24px;
}
.platform-card-icon[data-v-41458b80] {
    width: 64px;
    height: 64px;
    font-size: 24px;
}
.platform-card-title[data-v-41458b80] {
    font-size: 18px;
}
}
@media (max-width: 768px) {
.platforms-entry-section[data-v-41458b80] {
    padding: 40px 0;
}
.platforms-entry-header[data-v-41458b80] {
    margin-bottom: 40px;
}
.platforms-entry-title[data-v-41458b80] {
    font-size: 24px;
}
.platforms-entry-subtitle[data-v-41458b80] {
    font-size: 14px;
}
.platforms-entry-grid[data-v-41458b80] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.platform-entry-card[data-v-41458b80] {
    padding: 24px 20px;
}
.platform-card-icon[data-v-41458b80] {
    width: 56px;
    height: 56px;
    font-size: 20px;
}
.platform-card-title[data-v-41458b80] {
    font-size: 16px;
}
.platform-card-desc[data-v-41458b80] {
    font-size: 13px;
}
.platform-card-btn[data-v-41458b80] {
    padding: 10px 24px;
    font-size: 13px;
}
}
@media (max-width: 768px) {
.navbar .navbar-logo[data-v-41458b80] {
    gap: 12px;
}
.navbar .navbar-logo img[data-v-41458b80] {
    height: 50px;
}
.navbar .navbar-logo h1[data-v-41458b80] {
    font-size: 18px;
}
}
@media (max-width: 576px) {
.navbar .navbar-logo[data-v-41458b80] {
    gap: 10px;
}
.navbar .navbar-logo img[data-v-41458b80] {
    height: 40px;
}
.navbar .navbar-logo h1[data-v-41458b80] {
    font-size: 16px;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Footer.vue?vue&type=style&index=0&id=40ab164b&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ad-banner[data-v-40ab164b] {
  background: linear-gradient(135deg, #1a5490 0%, #2e7d32 100%);
  padding: 100px 0;
  text-align: center;
  color: #ffffff;
}
.ad-banner .banner-content[data-v-40ab164b] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.ad-banner .banner-content .banner-text h2[data-v-40ab164b] {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
.ad-banner .banner-content .banner-text p[data-v-40ab164b] {
  font-size: 18px;
  opacity: 0.9;
}
.ad-banner .banner-content .banner-btn[data-v-40ab164b] {
  padding: 14px 36px;
  font-size: 16px;
  background: #ffffff;
  color: #1a5490;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.ad-banner .banner-content .banner-btn[data-v-40ab164b]:hover {
  background: #f0f9ff;
  transform: scale(1.05);
}
@media (max-width: 768px) {
.ad-banner[data-v-40ab164b] {
    padding: 30px 20px;
}
.ad-banner .banner-content .banner-text h2[data-v-40ab164b] {
    font-size: 24px;
}
.ad-banner .banner-content .banner-text p[data-v-40ab164b] {
    font-size: 16px;
}
.ad-banner .banner-content .banner-btn[data-v-40ab164b] {
    padding: 12px 28px;
    font-size: 14px;
}
}
.our-services[data-v-40ab164b] {
  background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
  padding: 80px 0;
}
.our-services .section-header[data-v-40ab164b] {
  text-align: center;
  margin-bottom: 50px;
}
.our-services .section-header .section-title[data-v-40ab164b] {
  font-size: 32px;
  font-weight: 700;
  color: #1a5490;
  position: relative;
  display: inline-block;
}
.our-services .section-header .section-title[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #1a5490 100%);
  border-radius: 2px;
}
.our-services .section-header .section-subtitle[data-v-40ab164b] {
  font-size: 18px;
  color: #6b7280;
  margin-top: 16px;
}
.our-services .services-grid[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}
.our-services .service-card[data-v-40ab164b] {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  cursor: pointer;
}
.our-services .service-card[data-v-40ab164b]:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
.our-services .service-card .service-icon-wrapper[data-v-40ab164b] {
  position: relative;
  margin: 0 auto 20px;
  width: 80px;
  height: 80px;
}
.our-services .service-card .service-icon-wrapper .service-icon-bg[data-v-40ab164b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(135deg, rgba(26, 84, 144, 0.1) 0%, rgba(46, 125, 50, 0.1) 100%);
  border-radius: 20px;
}
.our-services .service-card .service-icon-wrapper .service-icon[data-v-40ab164b] {
  position: relative;
  z-index: 2;
  font-size: 36px;
  color: #1a5490;
}
.our-services .service-card h3[data-v-40ab164b] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 12px;
}
.our-services .service-card .service-brief[data-v-40ab164b] {
  font-size: 15px;
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 20px;
}
.our-services .service-card .btn-primary[data-v-40ab164b] {
  padding: 10px 20px;
  font-size: 14px;
}
*[data-v-40ab164b] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html[data-v-40ab164b],
body[data-v-40ab164b] {
  font-family: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  color: #2C2C2C;
  line-height: 1.6;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body[data-v-40ab164b] {
  font-family: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  color: #2C2C2C;
  line-height: 1.6;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*[data-v-40ab164b]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*[data-v-40ab164b]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
*[data-v-40ab164b]::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  border-radius: 4px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fadeInUp-40ab164b {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInLeft-40ab164b {
from {
    opacity: 0;
    transform: translateX(-30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInRight-40ab164b {
from {
    opacity: 0;
    transform: translateX(30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes scaleIn-40ab164b {
from {
    opacity: 0;
    transform: scale(0.9);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.container[data-v-40ab164b] {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
.section-padding[data-v-40ab164b] {
  padding: 100px 0;
}
.bg-light[data-v-40ab164b] {
  background-color: #FAFAFA;
}
.bg-dark[data-v-40ab164b] {
  background-color: #2C2C2C;
  color: #ffffff;
}
.w-100[data-v-40ab164b] {
  width: 100%;
}
.solutions-grid[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-top: 50px;
}
.solutions-grid .solution-card[data-v-40ab164b] {
  background: #ffffff;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  border: 1px solid #f0f0f0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.solutions-grid .solution-card[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 32px;
  right: 32px;
  height: 3px;
  background: linear-gradient(90deg, #1a5490 0%, #3b82f6 100%);
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.solutions-grid .solution-card[data-v-40ab164b]:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  border-color: #e5e7eb;
}
.solutions-grid .solution-card[data-v-40ab164b]:hover::after {
  transform: scaleX(1);
}
.solutions-grid .solution-card .card-top[data-v-40ab164b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-40ab164b] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #1a5490;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #1a5490 0%, #3b82f6 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  font-size: 28px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.solutions-grid .solution-card .card-icon-wrapper i[data-v-40ab164b] {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease;
}
.solutions-grid .solution-card:hover .card-icon-wrapper[data-v-40ab164b]::before {
  opacity: 1;
}
.solutions-grid .solution-card:hover .card-icon-wrapper i[data-v-40ab164b] {
  color: #ffffff;
}
.solutions-grid .solution-card .card-number[data-v-40ab164b] {
  font-size: 48px;
  font-weight: 800;
  color: #f1f5f9;
  line-height: 1;
  font-family: "Arial", sans-serif;
  letter-spacing: -2px;
}
.solutions-grid .solution-card .card-title[data-v-40ab164b] {
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 12px;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
.solutions-grid .solution-card .card-desc[data-v-40ab164b] {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin-bottom: 24px;
}
.solutions-grid .solution-card .card-divider[data-v-40ab164b] {
  height: 1px;
  background: linear-gradient(90deg, #e5e7eb 0%, transparent 100%);
  margin-bottom: 24px;
}
.solutions-grid .solution-card .card-features[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}
.solutions-grid .solution-card .card-features .feature-item[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #475569;
  font-weight: 500;
  transition: all 0.3s ease;
}
.solutions-grid .solution-card .card-features .feature-item .feature-dot[data-v-40ab164b] {
  width: 6px;
  height: 6px;
  background: #1a5490;
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.solutions-grid .solution-card .card-features .feature-item[data-v-40ab164b]:hover {
  color: #1a5490;
  transform: translateX(4px);
}
.solutions-grid .solution-card .card-features .feature-item:hover .feature-dot[data-v-40ab164b] {
  background: #3b82f6;
  transform: scale(1.5);
}
.solutions-grid .solution-card .card-examples[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.solutions-grid .solution-card .card-examples .example-link[data-v-40ab164b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
  border: 1px solid transparent;
}
.solutions-grid .solution-card .card-examples .example-link[data-v-40ab164b]:hover {
  background: #ffffff;
  color: #1a5490;
  border-color: #1a5490;
  box-shadow: 0 4px 16px rgba(26, 84, 144, 0.1);
  transform: translateX(4px);
}
.solutions-grid .solution-card .card-examples .example-link:hover .arrow-icon[data-v-40ab164b] {
  transform: translateX(4px);
  color: #3b82f6;
}
.solutions-grid .solution-card .card-examples .example-link .arrow-icon[data-v-40ab164b] {
  width: 18px;
  height: 18px;
  color: #94a3b8;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.solutions-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.solution-card[data-v-40ab164b] {
    padding: 20px;
}
}
@media (max-width: 768px) {
.solutions-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.solution-card[data-v-40ab164b] {
    padding: 20px;
}
}
.platform-image-card[data-v-40ab164b] {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.platform-image-card[data-v-40ab164b]:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.platform-image-card .platform-image-wrapper[data-v-40ab164b] {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.platform-image-card .platform-image-wrapper .platform-image[data-v-40ab164b] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.platform-image-card .platform-image-wrapper .platform-overlay[data-v-40ab164b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.platform-image-card .platform-text[data-v-40ab164b] {
  padding: 20px;
  background: white;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.platform-image-card .platform-text h3[data-v-40ab164b] {
  margin: 0 0 8px;
  color: var(--platform-color);
  font-size: 16px;
}
.platform-image-card .platform-text p[data-v-40ab164b] {
  margin: 0;
  color: #666;
}
.platform-image-card:hover .platform-overlay[data-v-40ab164b] {
  opacity: 1;
}
.platform-image-card:hover .platform-image[data-v-40ab164b] {
  transform: scale(1.05);
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
}
.navbar[data-v-40ab164b] {
  position: relative;
}
.navbar .navbar-menu ul li[data-v-40ab164b] {
  position: relative;
  color: #002c6c;
  font-weight: 600;
}
.product-submenu-wrapper[data-v-40ab164b],
.service-submenu-wrapper[data-v-40ab164b],
.product-center-submenu-wrapper[data-v-40ab164b] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  padding-top: 0;
}
.product-submenu[data-v-40ab164b] {
  background: #ffffff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  padding: 40px 0;
  border-top: 3px solid #C8102E;
  margin-top: 0;
  animation: fadeInUp-40ab164b 0.3s ease-out;
  content-align: center;
}
.product-submenu .container[data-v-40ab164b] {
  padding: 0 40px;
}
.product-submenu .submenu-content[data-v-40ab164b] {
  display: flex;
  gap: 30px;
}
.product-submenu .submenu-content .submenu-column[data-v-40ab164b] {
  min-width: 180px;
  flex: 1;
}
.product-submenu.product-center-submenu[data-v-40ab164b] {
  padding: 40px 0 50px;
}
.product-submenu.product-center-submenu .submenu-content[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights[data-v-40ab164b] {
  margin: 16px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: rgba(200, 16, 46, 0.05);
  border-radius: 6px;
  border-left: 3px solid #C8102E;
  transition: all 0.3s ease;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item[data-v-40ab164b]:hover {
  background: rgba(200, 16, 46, 0.1);
  transform: translateX(4px);
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item i[data-v-40ab164b] {
  font-size: 14px;
  color: #C8102E;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item span[data-v-40ab164b] {
  font-size: 12px;
  color: #2C2C2C;
  font-weight: 500;
}
.product-submenu.product-center-submenu .submenu-column .featured-content .featured-desc[data-v-40ab164b] {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 16px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%);
  border-radius: 8px;
  border: 1px solid #e1e5eb;
  transition: all 0.3s ease;
  text-align: center;
  min-height: 100px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-40ab164b]:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #d1d9e6;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon[data-v-40ab164b] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 64, 129, 0.1);
  border-radius: 50%;
  margin-bottom: 12px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon i[data-v-40ab164b] {
  font-size: 24px;
  color: #ff4081;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-title[data-v-40ab164b] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-description[data-v-40ab164b] {
  font-size: 13px;
  color: #666666;
  line-height: 1.5;
  text-align: center;
  padding: 0 8px;
}
.product-submenu .submenu-column .column-header[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-submenu .submenu-column .column-header i[data-v-40ab164b] {
  font-size: 30px;
  color: #C8102E;
}
.product-submenu .submenu-column .column-header h4[data-v-40ab164b] {
  font-size: 20px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.product-submenu .submenu-column .column-items[data-v-40ab164b] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.product-submenu .submenu-column .column-items li[data-v-40ab164b] {
  margin: 0;
}
.product-submenu .submenu-column .column-items li a[data-v-40ab164b] {
  display: block;
  padding: 0px 18px;
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-weight: 400;
  background: transparent;
  white-space: nowrap;
  border: 1px solid transparent;
}
.product-submenu .submenu-column .column-items li a[data-v-40ab164b]:hover {
  background: rgba(200, 16, 46, 0.05);
  color: #C8102E;
  transform: translateX(6px);
  box-shadow: none;
  border-color: rgba(200, 16, 46, 0.2);
}
.product-submenu .featured-column .featured-content[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-submenu .featured-column .featured-image[data-v-40ab164b] {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
}
.product-submenu .featured-column .featured-image img[data-v-40ab164b] {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.product-submenu .featured-column .featured-title[data-v-40ab164b] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.product-submenu .featured-column .featured-desc[data-v-40ab164b] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin: 0;
}
.product-submenu .featured-column .featured-links[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.product-submenu .featured-column .featured-link[data-v-40ab164b] {
  display: inline-block;
  padding: 8px 16px;
  color: #C8102E;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 1px solid rgba(200, 16, 46, 0.2);
}
.product-submenu .featured-column .featured-link[data-v-40ab164b]:hover {
  background: #C8102E;
  color: #ffffff;
  transform: translateX(4px);
  border-color: #C8102E;
}
.mobile-product-submenu[data-v-40ab164b] {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 12px;
}
.mobile-product-submenu .submenu-content[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-product-submenu .submenu-column .column-header[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-product-submenu .submenu-column .column-header i[data-v-40ab164b] {
  font-size: 22px;
  color: #C8102E;
}
.mobile-product-submenu .submenu-column .column-header h4[data-v-40ab164b] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.mobile-product-submenu .submenu-column .column-items[data-v-40ab164b] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-product-submenu .submenu-column .column-items li[data-v-40ab164b] {
  margin: 0;
}
.mobile-product-submenu .submenu-column .column-items li a[data-v-40ab164b] {
  display: block;
  padding: 10px 16px;
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  background: transparent;
  white-space: nowrap;
  border: 1px solid transparent;
}
@media (max-width: 992px) {
.product-submenu-wrapper[data-v-40ab164b],
  .service-submenu-wrapper[data-v-40ab164b],
  .product-center-submenu-wrapper[data-v-40ab164b] {
    display: none;
}
}
@media (max-width: 1200px) {
.product-submenu .submenu-content[data-v-40ab164b] {
    grid-template-columns: repeat(4, 1fr);
}
.product-submenu .featured-column[data-v-40ab164b] {
    display: none;
}
}
@media (max-width: 768px) {
.hardware-tabs[data-v-40ab164b] {
    margin-bottom: 24px;
}
.hardware-tabs .tabs-container[data-v-40ab164b] {
    padding: 12px;
    gap: 8px;
}
.hardware-tabs .tab-item[data-v-40ab164b] {
    padding: 10px 16px;
    font-size: 13px;
    gap: 8px;
}
.hardware-tabs .tab-item i[data-v-40ab164b] {
    font-size: 16px;
}
.hardware-tabs .tab-item .tab-count[data-v-40ab164b] {
    min-width: 24px;
    height: 24px;
    font-size: 11px;
    padding: 0 8px;
}
}
.btn-primary[data-v-40ab164b] {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  color: #ffffff;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  overflow: hidden;
}
.btn-primary[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.btn-primary[data-v-40ab164b]:hover::before {
  left: 100%;
}
.btn-primary[data-v-40ab164b]:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
}
.btn-primary[data-v-40ab164b]:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.btn-primary.btn-sm[data-v-40ab164b] {
  padding: 10px 24px;
  font-size: 14px;
  border-radius: 8px;
}
.btn-secondary[data-v-40ab164b] {
  display: inline-block;
  padding: 14px 32px;
  background: transparent;
  color: #C8102E;
  border: 2px solid #C8102E;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-left: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  overflow: hidden;
}
.btn-secondary[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(200, 16, 46, 0.1), transparent);
  transition: left 0.6s;
}
.btn-secondary[data-v-40ab164b]:hover::before {
  left: 100%;
}
.btn-secondary[data-v-40ab164b]:hover {
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.2);
  transform: translateY(-3px);
}
.btn-secondary[data-v-40ab164b]:active {
  transform: translateY(-1px);
}
.btn-secondary.btn-sm[data-v-40ab164b] {
  padding: 10px 24px;
  font-size: 14px;
}
.navbar[data-v-40ab164b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 18px 0;
  border-bottom: 3px solid #C8102E;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.navbar.navbar-fixed[data-v-40ab164b] {
  padding: 14px 0;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.navbar .container[data-v-40ab164b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
}
.navbar .navbar-logo[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.navbar .navbar-logo img[data-v-40ab164b] {
  height: 60px;
  width: auto;
}
.navbar .navbar-logo h1[data-v-40ab164b] {
  font-size: 20px;
  font-weight: 700;
  color: #2C2C2C;
  margin: 0;
  letter-spacing: 0.5px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.navbar .navbar-logo h1 span[data-v-40ab164b] {
  color: #C8102E;
}
.navbar .navbar-menu ul[data-v-40ab164b] {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.navbar .navbar-menu ul li[data-v-40ab164b] {
  margin-left: 40px;
}
.navbar .navbar-menu ul li .nav-link[data-v-40ab164b] {
  color: #2C2C2C;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  padding: 10px 0;
  font-size: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.navbar .navbar-menu ul li .nav-link[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #C8102E;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar .navbar-menu ul li .nav-link[data-v-40ab164b]:hover::after {
  width: 100%;
}
.navbar .navbar-menu ul li .nav-link[data-v-40ab164b]:hover {
  color: #C8102E;
}
.navbar .navbar-menu ul li .nav-btn[data-v-40ab164b] {
  padding: 10px 24px;
  background-color: #C8102E;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
}
.navbar .navbar-menu ul li .nav-btn[data-v-40ab164b]:hover {
  background-color: #B71C1C;
  color: #ffffff;
}
.navbar .mobile-menu-btn[data-v-40ab164b] {
  display: none;
  flex-direction: column;
  cursor: pointer;
  z-index: 1000;
}
.navbar .mobile-menu-btn span[data-v-40ab164b] {
  width: 28px;
  height: 3px;
  background-color: #2C2C2C;
  margin: 4px 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
}
.navbar .mobile-menu-btn.active span[data-v-40ab164b]:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.navbar .mobile-menu-btn.active span[data-v-40ab164b]:nth-child(2) {
  opacity: 0;
}
.navbar .mobile-menu-btn.active span[data-v-40ab164b]:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.hero-carousel[data-v-40ab164b] {
  position: relative;
  overflow: hidden;
  height: 75vh;
  min-height: 550px;
  margin-top: 80px;
}
.hero-carousel .carousel-container[data-v-40ab164b] {
  height: 100%;
  position: relative;
}
.hero-carousel .carousel-track[data-v-40ab164b] {
  display: flex;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}
.hero-carousel .carousel-slide[data-v-40ab164b] {
  flex: 0 0 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.hero-carousel .carousel-bg[data-v-40ab164b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002c6c;
  background-position: center;
  background-repeat: repeat;
  z-index: 1;
  opacity: 0;
  animation: bgFadeIn-40ab164b 0.8s ease forwards;
}
.hero-carousel .carousel-overlay[data-v-40ab164b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.45) 100%);
  z-index: 2;
}
.hero-carousel .carousel-content[data-v-40ab164b] {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 10% 9% 10% 9%;
  position: relative;
  z-index: 3;
}
.hero-carousel .hero-content-wrapper[data-v-40ab164b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 140px;
}
.hero-carousel .hero-content-left[data-v-40ab164b] {
  flex: 1;
  max-width: 650px;
  opacity: 0;
  animation: contentFadeIn-40ab164b 1s ease 0.5s forwards;
}
.hero-carousel .hero-content-left .hero-tag[data-v-40ab164b] {
  display: inline-block;
  padding: 10px 28px;
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  color: #ffffff;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  box-shadow: 0 4px 16px rgba(220, 20, 60, 0.4);
  letter-spacing: 0.5px;
}
.hero-carousel .hero-content-left .hero-title[data-v-40ab164b] {
  font-size: 48px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  letter-spacing: 1px;
}
.hero-carousel .hero-content-left .hero-title span[data-v-40ab164b] {
  color: #DC143C;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.hero-carousel .hero-content-left .hero-desc[data-v-40ab164b] {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.8;
  margin-bottom: 32px;
  max-width: 600px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  font-weight: 500;
}
.hero-carousel .hero-content-left .hero-buttons[data-v-40ab164b] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-40ab164b],
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-40ab164b] {
  padding: 14px 36px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-40ab164b] {
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 6px 20px rgba(220, 20, 60, 0.4);
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-40ab164b]:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(220, 20, 60, 0.5);
}
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-40ab164b] {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
}
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-40ab164b]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-3px);
}
.hero-carousel .hero-content-right[data-v-40ab164b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  opacity: 0;
  animation: contentFadeIn-40ab164b 1s ease 0.8s forwards;
}
.hero-carousel .hero-feature-cards[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hero-carousel .feature-card[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.hero-carousel .feature-card[data-v-40ab164b]:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateX(8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.hero-carousel .feature-card .feature-icon[data-v-40ab164b] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(220, 20, 60, 0.35);
}
.hero-carousel .feature-card .feature-icon i[data-v-40ab164b] {
  font-size: 26px;
  color: #ffffff;
}
.hero-carousel .feature-card .feature-content[data-v-40ab164b] {
  flex: 1;
}
.hero-carousel .feature-card .feature-content h4[data-v-40ab164b] {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.hero-carousel .feature-card .feature-content p[data-v-40ab164b] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.hero-carousel .hero-stats[data-v-40ab164b] {
  display: flex;
  gap: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
}
.hero-carousel .stat-item[data-v-40ab164b] {
  flex: 1;
  text-align: center;
  padding: 0 8px;
}
.hero-carousel .stat-item .stat-number[data-v-40ab164b] {
  font-size: 32px;
  font-weight: 800;
  color: #DC143C;
  margin-bottom: 6px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}
.hero-carousel .stat-item .stat-label[data-v-40ab164b] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.hero-carousel .carousel-btn[data-v-40ab164b] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
  backdrop-filter: blur(10px);
}
.hero-carousel .carousel-btn[data-v-40ab164b]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-50%) scale(1.1);
}
.hero-carousel .carousel-btn.prev-btn[data-v-40ab164b] {
  left: 40px;
}
.hero-carousel .carousel-btn.next-btn[data-v-40ab164b] {
  right: 40px;
}
.hero-carousel .carousel-indicators[data-v-40ab164b] {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 10;
}
.hero-carousel .carousel-indicators .indicator[data-v-40ab164b] {
  width: 50px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-carousel .carousel-indicators .indicator.active[data-v-40ab164b] {
  background: #DC143C;
  width: 50px;
  box-shadow: 0 2px 8px rgba(220, 20, 60, 0.5);
}
.hero-carousel .carousel-indicators .indicator[data-v-40ab164b]:hover {
  background: rgba(255, 255, 255, 0.6);
}
@keyframes bgFadeIn-40ab164b {
from {
    opacity: 0;
    transform: scale(1.05);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes contentFadeIn-40ab164b {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.section-header[data-v-40ab164b] {
  text-align: center;
  margin-bottom: 60px;
  animation: fadeInUp-40ab164b 0.8s ease-out;
}
.section-header.light .section-title[data-v-40ab164b],
.section-header.light .section-subtitle[data-v-40ab164b] {
  color: #ffffff;
}
.section-header.light .section-title[data-v-40ab164b]::after {
  background-color: #C8102E;
}
.section-header.left-aligned[data-v-40ab164b] {
  text-align: left;
  margin-bottom: 30px;
  animation: fadeInLeft-40ab164b 0.8s ease-out;
}
.section-header .section-title[data-v-40ab164b] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.section-header .section-title[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  border-radius: 4px;
  animation: scaleIn-40ab164b 0.6s ease-out 0.4s both;
}
.left-aligned .section-header .section-title[data-v-40ab164b]::after {
  left: 0;
  transform: translateX(0);
}
.section-header .section-subtitle[data-v-40ab164b] {
  font-size: 16px;
  color: #666666;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  animation: fadeInUp-40ab164b 0.8s ease-out 0.2s both;
}
@media (max-width: 768px) {
.services .services-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.services .services-filter .filter-btn[data-v-40ab164b] {
    padding: 6px 16px;
    font-size: 13px;
}
}
.products[data-v-40ab164b] {
  background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
  padding: 80px 0;
}
.products .products-header[data-v-40ab164b] {
  text-align: center;
  margin-bottom: 50px;
}
.products .products-header .section-title[data-v-40ab164b] {
  font-size: 32px;
  font-weight: 700;
  color: #1a5490;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.products .products-header .section-title[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #1a5490 100%);
  border-radius: 2px;
}
.products .products-header .section-subtitle[data-v-40ab164b] {
  font-size: 18px;
  color: #6b7280;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}
.products .solutions-grid[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
  margin-bottom: 60px;
}
.products .solution-card[data-v-40ab164b] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  position: relative;
  isolation: isolate;
}
.products .solution-card[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #1a5490 0%, #2e7d32 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.products .solution-card[data-v-40ab164b]:hover {
  transform: translateY(-12px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.products .solution-card[data-v-40ab164b]:hover::before {
  opacity: 1;
}
.products .solution-card .card-inner[data-v-40ab164b] {
  padding: 30px;
  text-align: center;
}
.products .solution-card .card-icon[data-v-40ab164b] {
  font-size: 56px;
  margin-bottom: 20px;
  color: #1a5490;
  transition: transform 0.3s ease;
}
.products .solution-card .card-icon[data-v-40ab164b]:hover {
  transform: scale(1.1);
}
.products .solution-card .card-title[data-v-40ab164b] {
  font-size: 22px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
}
.products .solution-card .card-desc[data-v-40ab164b] {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 20px;
  line-height: 1.7;
}
.products .solution-card .features-list[data-v-40ab164b] {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}
.products .solution-card .features-list li[data-v-40ab164b] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #475569;
  margin-bottom: 12px;
}
.products .solution-card .features-list li i[data-v-40ab164b] {
  color: #2e7d32;
  margin-right: 10px;
  font-size: 18px;
}
.products .solution-card .btn-primary[data-v-40ab164b] {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(135deg, #c8102e 0%, #a50a1e 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.products .solution-card .btn-primary[data-v-40ab164b]:hover {
  background: linear-gradient(135deg, #a50a1e 0%, #800000 100%);
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(200, 16, 46, 0.4);
}
.products .solution-type-detection .card-icon[data-v-40ab164b] {
  color: #c8102e;
}
.products .solution-type-detection .card-title[data-v-40ab164b] {
  color: #c8102e;
}
.products .solution-type-design .card-icon[data-v-40ab164b] {
  color: #8b5cf6;
}
.products .solution-type-design .card-title[data-v-40ab164b] {
  color: #8b5cf6;
}
.products .solution-type-encoding .card-icon[data-v-40ab164b] {
  color: #1a5490;
}
.products .solution-type-encoding .card-title[data-v-40ab164b] {
  color: #1a5490;
}
.products .solution-type-hardware .card-icon[data-v-40ab164b] {
  color: #2e7d32;
}
.products .solution-type-hardware .card-title[data-v-40ab164b] {
  color: #2e7d32;
}
@media (max-width: 768px) {
.products[data-v-40ab164b] {
    padding: 60px 0;
}
.products .products-header .section-title[data-v-40ab164b] {
    font-size: 28px;
}
.products .products-header .section-subtitle[data-v-40ab164b] {
    font-size: 16px;
}
.products .solutions-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.products .solution-card .card-inner[data-v-40ab164b] {
    padding: 24px;
}
.products .solution-card .card-icon[data-v-40ab164b] {
    font-size: 48px;
}
.products .solution-card .card-title[data-v-40ab164b] {
    font-size: 20px;
}
}
@keyframes shimmer-40ab164b {
0%, 100% {
    opacity: 0.5;
    transform: translateX(-100%) translateY(-100%) rotate(0deg);
}
50% {
    opacity: 1;
    transform: translateX(100%) translateY(100%) rotate(180deg);
}
}
.about[data-v-40ab164b] {
  position: relative;
  overflow: hidden;
}
.about[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.about .container[data-v-40ab164b] {
  position: relative;
  z-index: 1;
}
.about .about-wrapper[data-v-40ab164b] {
  display: flex;
  justify-content: center;
  animation: fadeInUp-40ab164b 0.8s ease-out both;
}
.about .about-content[data-v-40ab164b] {
  max-width: 800px;
  width: 100%;
  text-align: center;
}
.about .about-content .section-header[data-v-40ab164b] {
  margin-bottom: 40px;
  animation: fadeInUp-40ab164b 0.8s ease-out 0.1s both;
}
.about .about-content .section-header .section-title[data-v-40ab164b] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
}
.about .about-content .section-header .section-title[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  border-radius: 2px;
}
.about .about-content .section-header .section-subtitle[data-v-40ab164b] {
  font-size: 18px;
  color: #666666;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.about .about-content .about-intro[data-v-40ab164b] {
  animation: fadeInUp-40ab164b 0.8s ease-out 0.3s both;
}
.about .about-content .about-intro .about-text[data-v-40ab164b] {
  color: #666666;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 24px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
  padding: 0 20px;
}
.about .about-content .about-intro .about-text[data-v-40ab164b]:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
.about .about-content .section-header[data-v-40ab164b] {
    margin-bottom: 30px;
}
.about .about-content .section-header .section-title[data-v-40ab164b] {
    font-size: 28px;
}
.about .about-content .section-header .section-title[data-v-40ab164b]::after {
    width: 60px;
    height: 3px;
}
.about .about-content .section-header .section-subtitle[data-v-40ab164b] {
    font-size: 16px;
}
.about .about-content .about-intro .about-text[data-v-40ab164b] {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: left;
    -moz-text-align-last: left;
         text-align-last: left;
}
}
@media (max-width: 480px) {
.about .about-content .section-header .section-title[data-v-40ab164b] {
    font-size: 24px;
}
.about .about-content .about-intro .about-text[data-v-40ab164b] {
    font-size: 14px;
}
}
.fade-enter-active[data-v-40ab164b],
.fade-leave-active[data-v-40ab164b] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-40ab164b],
.fade-leave-to[data-v-40ab164b] {
  opacity: 0;
}
.partners[data-v-40ab164b] {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.partners[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.partners[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
@media (max-width: 768px) {
.partners[data-v-40ab164b] {
    padding: 80px 0;
}
}
@media (max-width: 480px) {
.partners[data-v-40ab164b] {
    padding: 60px 0;
}
}
.partners .partners-carousel[data-v-40ab164b] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 220px;
  margin-bottom: 60px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 40px 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.partners .partners-carousel .carousel-track[data-v-40ab164b] {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  animation: scroll-40ab164b 25s linear infinite;
}
.partners .partners-carousel .carousel-track[data-v-40ab164b]:hover {
  animation-play-state: paused;
}
.partners .partners-carousel .carousel-track .carousel-slide[data-v-40ab164b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  padding: 0 24px;
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link[data-v-40ab164b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  border-radius: 16px;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(102, 102, 102, 0.1);
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link[data-v-40ab164b]:hover {
  transform: scale(1.1) translateY(-8px);
  box-shadow: 0 12px 48px rgba(200, 16, 46, 0.2);
  border-color: #C8102E;
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link .partner-logo[data-v-40ab164b] {
  max-width: 200px;
  max-height: 80px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(0);
  opacity: 0.8;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.partners .partners-carousel .carousel-track .carousel-slide .partner-link:hover .partner-logo[data-v-40ab164b] {
  opacity: 1;
  transform: scale(1.1);
  filter: drop-shadow(0 4px 12px rgba(200, 16, 46, 0.3));
}
.partners .partners-carousel .carousel-mask[data-v-40ab164b] {
  position: absolute;
  top: 0;
  width: 160px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.partners .partners-carousel .left-mask[data-v-40ab164b] {
  left: 0;
  background: linear-gradient(to right, #ffffff, transparent);
}
.partners .partners-carousel .right-mask[data-v-40ab164b] {
  right: 0;
  background: linear-gradient(to left, #ffffff, transparent);
}
.partners .partners-coop[data-v-40ab164b] {
  text-align: center;
  padding: 60px 40px;
  background: linear-gradient(135deg, #ffffff 0%, rgba(200, 16, 46, 0.05) 100%);
  border-radius: 24px;
  margin-top: 40px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(102, 102, 102, 0.1);
}
.partners .partners-coop[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
}
.partners .partners-coop h3[data-v-40ab164b] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #2C2C2C;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.partners .partners-coop p[data-v-40ab164b] {
  color: #666666;
  margin-bottom: 32px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.6;
}
.partners .partners-coop .btn-primary[data-v-40ab164b] {
  margin-left: 0;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  border: none;
  border-radius: 12px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(200, 16, 46, 0.3);
}
.partners .partners-coop .btn-primary[data-v-40ab164b]:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 32px rgba(200, 16, 46, 0.4);
  background: linear-gradient(135deg, #1A5490 0%, #C8102E 100%);
}
@media (max-width: 992px) {
.partners .partners-carousel[data-v-40ab164b] {
    height: 180px;
    padding: 30px 0;
}
.partners .carousel-slide[data-v-40ab164b] {
    width: 240px !important;
    height: 180px !important;
    padding: 0 20px !important;
}
.partners .partner-link[data-v-40ab164b] {
    padding: 20px !important;
}
.partners .partner-logo[data-v-40ab164b] {
    max-width: 160px !important;
    max-height: 60px !important;
}
.partners .partners-coop[data-v-40ab164b] {
    padding: 40px 30px;
}
.partners .partners-coop h3[data-v-40ab164b] {
    font-size: 28px;
}
.partners .partners-coop p[data-v-40ab164b] {
    font-size: 14px;
    margin-bottom: 24px;
}
.partners .partners-coop .btn-primary[data-v-40ab164b] {
    padding: 14px 32px;
    font-size: 16px;
}
}
@media (max-width: 768px) {
.partners[data-v-40ab164b] {
    padding: 80px 0;
}
.partners .partners-carousel[data-v-40ab164b] {
    height: 160px;
    padding: 20px 0;
    border-radius: 16px;
}
.partners .carousel-slide[data-v-40ab164b] {
    width: 200px !important;
    height: 160px !important;
    padding: 0 16px !important;
}
.partners .partner-link[data-v-40ab164b] {
    padding: 16px !important;
    border-radius: 12px !important;
}
.partners .partner-logo[data-v-40ab164b] {
    max-width: 140px !important;
    max-height: 50px !important;
}
.partners .carousel-mask[data-v-40ab164b] {
    width: 100px !important;
}
.partners .partners-coop[data-v-40ab164b] {
    padding: 30px 20px;
    margin-top: 30px;
    border-radius: 16px;
}
.partners .partners-coop h3[data-v-40ab164b] {
    font-size: 24px;
    margin-bottom: 12px;
}
.partners .partners-coop p[data-v-40ab164b] {
    font-size: 13px;
    margin-bottom: 20px;
}
.partners .partners-coop .btn-primary[data-v-40ab164b] {
    padding: 12px 24px;
    font-size: 14px;
}
}
@media (max-width: 480px) {
.partners[data-v-40ab164b] {
    padding: 60px 0;
}
.partners .partners-carousel[data-v-40ab164b] {
    height: 140px;
    padding: 16px 0;
}
.partners .carousel-slide[data-v-40ab164b] {
    width: 160px !important;
    height: 140px !important;
    padding: 0 12px !important;
}
.partners .partner-link[data-v-40ab164b] {
    padding: 12px !important;
}
.partners .partner-logo[data-v-40ab164b] {
    max-width: 120px !important;
    max-height: 40px !important;
}
.partners .partners-coop[data-v-40ab164b] {
    padding: 24px 16px;
}
.partners .partners-coop h3[data-v-40ab164b] {
    font-size: 20px;
}
.partners .partners-coop .btn-primary[data-v-40ab164b] {
    padding: 10px 20px;
    font-size: 13px;
}
}
.about-contact[data-v-40ab164b] {
  position: relative;
  padding: 100px 0;
}
.about-contact[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.about-contact[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
.about-contact .container[data-v-40ab164b] {
  position: relative;
  z-index: 1;
}
.about-contact .section-header[data-v-40ab164b] {
  margin-bottom: 60px;
  text-align: center;
  animation: fadeInUp-40ab164b 0.8s ease-out both;
}
.about-contact .section-header .section-title[data-v-40ab164b] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  display: inline-block;
}
.about-contact .section-header .section-title[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  border-radius: 2px;
}
.about-contact .section-header .section-subtitle[data-v-40ab164b] {
  font-size: 18px;
  color: #666666;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.6;
}
.about-contact .about-contact-wrapper[data-v-40ab164b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  animation: fadeInUp-40ab164b 0.8s ease-out 0.2s both;
}
@media (max-width: 992px) {
.about-contact .about-contact-wrapper[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.about-contact .about-card[data-v-40ab164b],
.about-contact .contact-card[data-v-40ab164b] {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.about-contact .about-card[data-v-40ab164b]::before,
.about-contact .contact-card[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.about-contact .about-card[data-v-40ab164b]:hover,
.about-contact .contact-card[data-v-40ab164b]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  border-color: rgba(200, 16, 46, 0.2);
}
.about-contact .about-card[data-v-40ab164b]:hover::before,
.about-contact .contact-card[data-v-40ab164b]:hover::before {
  transform: scaleX(1);
}
.about-contact .about-card .card-header[data-v-40ab164b],
.about-contact .contact-card .card-header[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 32px 36px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.about-contact .about-card .card-header[data-v-40ab164b]::after,
.about-contact .contact-card .card-header[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 36px;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(200, 16, 46, 0.2) 0%, transparent 100%);
}
.about-contact .about-card .card-header .header-icon[data-v-40ab164b],
.about-contact .contact-card .card-header .header-icon[data-v-40ab164b] {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.12) 0%, rgba(26, 84, 144, 0.12) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.15);
  transition: transform 0.3s ease;
}
.about-contact .about-card .card-header .header-icon i[data-v-40ab164b],
.about-contact .contact-card .card-header .header-icon i[data-v-40ab164b] {
  font-size: 28px;
  color: #C8102E;
}
.about-contact .about-card .card-header .card-title[data-v-40ab164b],
.about-contact .contact-card .card-header .card-title[data-v-40ab164b] {
  font-size: 26px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.about-contact .about-card .card-body[data-v-40ab164b],
.about-contact .contact-card .card-body[data-v-40ab164b] {
  padding: 36px;
}
.about-contact .about-card:hover .card-header .header-icon[data-v-40ab164b] {
  transform: scale(1.1) rotate(5deg);
}
.about-contact .about-card .about-intro .about-text[data-v-40ab164b] {
  color: #666666;
  font-size: 15px;
  line-height: 2;
  margin-bottom: 20px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  padding-left: 16px;
}
.about-contact .about-card .about-intro .about-text[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: linear-gradient(135deg, #C8102E, #1A5490);
  border-radius: 50%;
  opacity: 0.6;
}
.about-contact .about-card .about-intro .about-text[data-v-40ab164b]:last-child {
  margin-bottom: 0;
}
.about-contact .contact-card .contact-list[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.about-contact .contact-card .contact-item[data-v-40ab164b] {
  display: flex;
  gap: 20px;
  padding: 24px;
  background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.about-contact .contact-card .contact-item[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #C8102E, #1A5490);
  border-radius: 4px 0 0 4px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.about-contact .contact-card .contact-item[data-v-40ab164b]:hover {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  transform: translateX(8px);
  border-color: rgba(200, 16, 46, 0.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.about-contact .contact-card .contact-item[data-v-40ab164b]:hover::before {
  opacity: 1;
}
.about-contact .contact-card .contact-item .item-icon[data-v-40ab164b] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.1) 0%, rgba(26, 84, 144, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.12);
  transition: transform 0.3s ease;
}
.about-contact .contact-card .contact-item .item-icon i[data-v-40ab164b] {
  font-size: 22px;
  color: #C8102E;
}
.about-contact .contact-card .contact-item .item-content[data-v-40ab164b] {
  flex: 1;
}
.about-contact .contact-card .contact-item .item-content h4[data-v-40ab164b] {
  font-size: 19px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0 0 10px 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.3px;
}
.about-contact .contact-card .contact-item .item-content p[data-v-40ab164b] {
  color: #666666;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 14px 0;
}
.about-contact .contact-card .contact-item .item-content .contact-info[data-v-40ab164b] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-40ab164b] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666666;
  font-size: 13px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  font-weight: 500;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-40ab164b]:hover {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0%, rgba(26, 84, 144, 0.05) 100%);
  border-color: rgba(200, 16, 46, 0.2);
  transform: translateY(-2px);
}
.about-contact .contact-card .contact-item .item-content .contact-info span i[data-v-40ab164b] {
  color: #C8102E;
  font-size: 15px;
}
@media (max-width: 992px) {
.about-contact .about-contact-wrapper[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 32px;
}
.about-contact .about-card .card-header[data-v-40ab164b],
  .about-contact .contact-card .card-header[data-v-40ab164b] {
    padding: 28px 32px;
}
.about-contact .about-card .card-header .header-icon[data-v-40ab164b],
  .about-contact .contact-card .card-header .header-icon[data-v-40ab164b] {
    width: 52px;
    height: 52px;
}
.about-contact .about-card .card-header .header-icon i[data-v-40ab164b],
  .about-contact .contact-card .card-header .header-icon i[data-v-40ab164b] {
    font-size: 26px;
}
.about-contact .about-card .card-header .card-title[data-v-40ab164b],
  .about-contact .contact-card .card-header .card-title[data-v-40ab164b] {
    font-size: 24px;
}
.about-contact .about-card .card-body[data-v-40ab164b],
  .about-contact .contact-card .card-body[data-v-40ab164b] {
    padding: 32px;
}
}
@media (max-width: 768px) {
.about-contact[data-v-40ab164b] {
    padding: 80px 0;
}
.about-contact .section-header[data-v-40ab164b] {
    margin-bottom: 50px;
}
.about-contact .section-header .section-title[data-v-40ab164b] {
    font-size: 36px;
}
.about-contact .section-header .section-subtitle[data-v-40ab164b] {
    font-size: 16px;
}
.about-contact .about-contact-wrapper[data-v-40ab164b] {
    gap: 24px;
}
.about-contact .about-card[data-v-40ab164b],
  .about-contact .contact-card[data-v-40ab164b] {
    border-radius: 16px;
}
.about-contact .about-card .card-header[data-v-40ab164b],
  .about-contact .contact-card .card-header[data-v-40ab164b] {
    padding: 24px 28px;
}
.about-contact .about-card .card-header .header-icon[data-v-40ab164b],
  .about-contact .contact-card .card-header .header-icon[data-v-40ab164b] {
    width: 48px;
    height: 48px;
}
.about-contact .about-card .card-header .header-icon i[data-v-40ab164b],
  .about-contact .contact-card .card-header .header-icon i[data-v-40ab164b] {
    font-size: 24px;
}
.about-contact .about-card .card-header .card-title[data-v-40ab164b],
  .about-contact .contact-card .card-header .card-title[data-v-40ab164b] {
    font-size: 22px;
}
.about-contact .about-card .card-body[data-v-40ab164b],
  .about-contact .contact-card .card-body[data-v-40ab164b] {
    padding: 28px;
}
.about-contact .about-card .about-intro .about-text[data-v-40ab164b] {
    font-size: 16px;
    line-height: 1.9;
}
.about-contact .contact-card .contact-list[data-v-40ab164b] {
    gap: 24px;
}
.about-contact .contact-card .contact-item[data-v-40ab164b] {
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}
.about-contact .contact-card .contact-item .item-icon[data-v-40ab164b] {
    width: 44px;
    height: 44px;
}
.about-contact .contact-card .contact-item .item-icon i[data-v-40ab164b] {
    font-size: 20px;
}
.about-contact .contact-card .contact-item .item-content h4[data-v-40ab164b] {
    font-size: 17px;
}
.about-contact .contact-card .contact-item .item-content p[data-v-40ab164b] {
    font-size: 13px;
}
.about-contact .contact-card .contact-item .item-content .contact-info[data-v-40ab164b] {
    flex-direction: column;
    gap: 10px;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-40ab164b] {
    font-size: 12px;
}
}
.locations[data-v-40ab164b] {
  padding: 80px 0;
}
.locations .contact-wrapper[data-v-40ab164b] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  margin-top: 20px;
}
.locations .contact-cards[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.locations .contact-card[data-v-40ab164b] {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.locations .contact-card[data-v-40ab164b]:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: #C8102E;
}
.locations .contact-card.active[data-v-40ab164b] {
  border-color: #C8102E;
  box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.1);
}
.locations .contact-card .card-icon[data-v-40ab164b] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.locations .contact-card .card-icon i[data-v-40ab164b] {
  font-size: 24px;
  color: #C8102E;
}
.locations .contact-card h3[data-v-40ab164b] {
  font-size: 24px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 16px;
}
.locations .contact-card .card-address[data-v-40ab164b] {
  color: #666666;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 16px;
}
.locations .contact-card .card-phone[data-v-40ab164b],
.locations .contact-card .card-email[data-v-40ab164b] {
  display: flex;
  align-items: center;
  color: #666666;
  margin-bottom: 12px;
  font-size: 15px;
}
.locations .contact-card .card-phone i[data-v-40ab164b],
.locations .contact-card .card-email i[data-v-40ab164b] {
  color: #C8102E;
  margin-right: 10px;
  width: 18px;
  text-align: center;
}
.locations .contact-card .card-btn[data-v-40ab164b] {
  display: inline-block;
  margin-top: 24px;
  padding: 10px 24px;
  background-color: #C8102E;
  color: #ffffff;
  border: 1px solid #C8102E;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .contact-card .card-btn[data-v-40ab164b]:hover {
  background-color: #B71C1C;
  border-color: #B71C1C;
}
.locations .contact-form[data-v-40ab164b] {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  border: 1px solid;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.locations .contact-form h3[data-v-40ab164b] {
  font-size: 24px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 24px;
  text-align: center;
}
.locations .contact-form .form-group[data-v-40ab164b] {
  margin-bottom: 20px;
}
.locations .contact-form .form-group input[data-v-40ab164b],
.locations .contact-form .form-group select[data-v-40ab164b],
.locations .contact-form .form-group textarea[data-v-40ab164b] {
  width: 100%;
  padding: 14px 16px;
  background-color: #FAFAFA;
  border: 1px solid;
  border-radius: 8px;
  color: #2C2C2C;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .contact-form .form-group input[data-v-40ab164b]::-moz-placeholder, .locations .contact-form .form-group select[data-v-40ab164b]::-moz-placeholder, .locations .contact-form .form-group textarea[data-v-40ab164b]::-moz-placeholder {
  color: #999999;
}
.locations .contact-form .form-group input[data-v-40ab164b]::placeholder,
.locations .contact-form .form-group select[data-v-40ab164b]::placeholder,
.locations .contact-form .form-group textarea[data-v-40ab164b]::placeholder {
  color: #999999;
}
.locations .contact-form .form-group input[data-v-40ab164b]:focus,
.locations .contact-form .form-group select[data-v-40ab164b]:focus,
.locations .contact-form .form-group textarea[data-v-40ab164b]:focus {
  outline: none;
  border-color: #C8102E;
  box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.2);
}
.locations .contact-form .form-group textarea[data-v-40ab164b] {
  resize: vertical;
  min-height: 120px;
}
.locations .contact-form .btn-primary[data-v-40ab164b] {
  width: 100%;
  text-align: center;
  border: none;
  padding: 14px 0;
}
.locations .location-modal-mask[data-v-40ab164b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 44, 44, 0.8);
  z-index: 1000;
}
.locations .location-modal[data-v-40ab164b] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  padding: 40px;
  width: 90%;
  max-width: 450px;
  z-index: 1001;
  animation: fadeUp-40ab164b 0.3s ease forwards;
  overflow: hidden;
}
.locations .location-modal .modal-close[data-v-40ab164b] {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #666666;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .location-modal .modal-close[data-v-40ab164b]:hover {
  color: #C8102E;
  transform: scale(1.1);
}
.locations .location-modal h3[data-v-40ab164b] {
  font-size: 24px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.locations .location-modal .modal-info[data-v-40ab164b] {
  margin-bottom: 30px;
}
.locations .location-modal .modal-info p[data-v-40ab164b] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: #666666;
}
.locations .location-modal .modal-info p i[data-v-40ab164b] {
  color: #C8102E;
  margin-right: 10px;
  font-size: 18px;
  width: 20px;
  text-align: center;
}
.locations .location-modal .modal-btn[data-v-40ab164b] {
  width: 100%;
  text-align: center;
}
.service-categories[data-v-40ab164b] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.service-categories .category-btn[data-v-40ab164b] {
  padding: 8px 20px;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 100px;
  color: #666666;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
  font-size: 14px;
}
.service-categories .category-btn.active[data-v-40ab164b] {
  background-color: #C8102E;
  color: #ffffff;
  border-color: #C8102E;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.service-categories .category-btn[data-v-40ab164b]:hover:not(.active) {
  border-color: #C8102E;
  color: #C8102E;
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.our-services .service-categories .category-btn[data-v-40ab164b] {
    padding: 6px 16px;
    font-size: 13px;
}
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.our-services .service-categories .category-btn[data-v-40ab164b] {
    padding: 6px 16px;
    font-size: 13px;
}
}
.footer[data-v-40ab164b] {
  background-color: #ffffff;
  border-top: 1px solid #e0e0e0;
  padding: 60px 0 30px;
  color: #666666;
}
.footer .footer-main[data-v-40ab164b] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
  gap: 30px;
  margin-bottom: 40px;
}
.footer .footer-brand h2[data-v-40ab164b] {
  font-size: 28px;
  font-weight: 800;
  color: #2C2C2C;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.footer .footer-brand h2 span[data-v-40ab164b] {
  color: #C8102E;
}
.footer .footer-brand .footer-slogan[data-v-40ab164b] {
  font-size: 16px;
  color: #2C2C2C;
  margin-bottom: 8px;
}
.footer .footer-brand .footer-tag[data-v-40ab164b] {
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
}
.footer .footer-brand .footer-social[data-v-40ab164b] {
  display: flex;
  gap: 12px;
}
.footer .footer-brand .footer-social .social-icon[data-v-40ab164b] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-brand .footer-social .social-icon[data-v-40ab164b]:hover {
  background-color: #C8102E;
  color: #ffffff;
}
.footer .column-title[data-v-40ab164b] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 8px;
}
.footer .column-title[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #C8102E;
}
.footer .column-list[data-v-40ab164b] {
  list-style: none;
  line-height: 2.2;
}
.footer .column-list a[data-v-40ab164b] {
  color: #666666;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .column-list a[data-v-40ab164b]:hover {
  color: #C8102E;
  padding-left: 4px;
}
.footer .contact-list li[data-v-40ab164b] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.6;
  margin-bottom: 12px;
}
.footer .contact-list li i[data-v-40ab164b] {
  color: #C8102E;
  margin-top: 4px;
  flex-shrink: 0;
}
.footer .footer-bottom[data-v-40ab164b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  font-size: 14px;
}
.footer .footer-bottom .copyright[data-v-40ab164b] {
  line-height: 0px;
  height: 0px;
}
.footer .footer-bottom .footer-policy[data-v-40ab164b] {
  display: flex;
  gap: 20px;
}
.footer .footer-bottom .footer-policy a[data-v-40ab164b] {
  color: #666666;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.footer .footer-bottom .footer-policy a[data-v-40ab164b]:hover {
  color: #C8102E;
}
@media (max-width: 992px) {
.footer .footer-main[data-v-40ab164b] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.footer[data-v-40ab164b] {
    padding: 40px 0 20px;
    background-color: #f8f9fa;
}
.footer .footer-main[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 32px;
}
.footer .footer-brand[data-v-40ab164b] {
    text-align: center;
    margin-bottom: 16px;
}
.footer .footer-brand h2[data-v-40ab164b] {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 12px;
}
.footer .footer-brand .footer-slogan[data-v-40ab164b] {
    font-size: 16px;
    margin-bottom: 12px;
    color: #666;
}
.footer .footer-brand .footer-tag[data-v-40ab164b] {
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 1.4;
}
.footer .footer-brand .footer-social[data-v-40ab164b] {
    justify-content: center;
    gap: 16px;
}
.footer .footer-brand .footer-social .social-icon[data-v-40ab164b] {
    width: 44px;
    height: 44px;
    font-size: 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.footer .footer-column[data-v-40ab164b] {
    background-color: white;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.footer .footer-column[data-v-40ab164b]:not(:last-child) {
    margin-bottom: 16px;
}
.footer .column-title[data-v-40ab164b] {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #C8102E;
}
.footer .column-list[data-v-40ab164b] {
    line-height: 2.2;
}
.footer .column-list a[data-v-40ab164b] {
    font-size: 15px;
    display: block;
    padding: 4px 0;
}
.footer .column-list a[data-v-40ab164b]:hover {
    padding-left: 8px;
}
.footer .contact-list li[data-v-40ab164b] {
    font-size: 15px;
    margin-bottom: 12px;
    padding: 8px 0;
}
.footer .contact-list li i[data-v-40ab164b] {
    font-size: 18px;
    margin-top: 2px;
}
.footer .footer-bottom[data-v-40ab164b] {
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    font-size: 13px;
}
.footer .footer-bottom .footer-policy[data-v-40ab164b] {
    flex-direction: column;
    gap: 8px;
}
.footer .footer-bottom .footer-policy img[data-v-40ab164b] {
    display: block;
    margin: 0 auto 8px;
}
}
@keyframes fadeUp-40ab164b {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes scroll-40ab164b {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
@media (max-width: 992px) {
.navbar .navbar-menu[data-v-40ab164b] {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100vh;
    background-color: #ffffff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 998;
    padding-top: 80px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    overflow-y: auto;
}
.navbar .navbar-menu.active[data-v-40ab164b] {
    left: 0;
}
.navbar .navbar-menu ul[data-v-40ab164b] {
    flex-direction: column;
    padding: 0 30px;
    align-items: flex-start;
}
.navbar .navbar-menu ul li[data-v-40ab164b] {
    margin: 0 0 24px 0;
    width: 100%;
}
.navbar .navbar-menu ul li .nav-link[data-v-40ab164b] {
    font-size: 18px;
}
.navbar .navbar-menu ul li .nav-btn[data-v-40ab164b] {
    display: block;
    width: 100%;
    text-align: center;
}
.navbar .mobile-menu-btn[data-v-40ab164b] {
    display: flex;
}
.hero-carousel[data-v-40ab164b] {
    min-height: 500px;
    margin-top: 76px;
}
.hero-carousel .carousel-content[data-v-40ab164b] {
    padding: 0 6%;
}
.hero-carousel .hero-content-wrapper[data-v-40ab164b] {
    flex-direction: column;
    gap: 40px;
}
.hero-carousel .hero-content-left[data-v-40ab164b] {
    text-align: center;
    max-width: 100%;
}
.hero-carousel .hero-content-left .hero-title[data-v-40ab164b] {
    font-size: 42px;
}
.hero-carousel .hero-content-left .hero-desc[data-v-40ab164b] {
    margin-left: auto;
    margin-right: auto;
}
.hero-carousel .hero-content-left .hero-buttons[data-v-40ab164b] {
    justify-content: center;
}
.hero-carousel .hero-content-right[data-v-40ab164b] {
    width: 100%;
}
.hero-carousel .hero-feature-cards[data-v-40ab164b] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.hero-carousel .feature-card[data-v-40ab164b] {
    flex: 1;
    min-width: 280px;
    max-width: 320px;
}
.hero-carousel .hero-stats[data-v-40ab164b] {
    flex-wrap: wrap;
    justify-content: center;
}
.hero-carousel .stat-item[data-v-40ab164b] {
    min-width: 120px;
}
.hero-carousel .carousel-btn[data-v-40ab164b] {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.hero-carousel .carousel-btn.prev-btn[data-v-40ab164b] {
    left: 15px;
}
.hero-carousel .carousel-btn.next-btn[data-v-40ab164b] {
    right: 15px;
}
.section-header[data-v-40ab164b] {
    margin-bottom: 60px;
}
.section-header .section-title[data-v-40ab164b] {
    font-size: 36px;
}
.services[data-v-40ab164b] {
    padding: 80px 0;
}
.services .services-grid[data-v-40ab164b] {
    grid-template-columns: repeat(2, 1fr);
}
.about[data-v-40ab164b] {
    padding: 80px 0;
}
.about .about-wrapper[data-v-40ab164b] {
    flex-direction: column;
    gap: 40px;
}
.about .about-media[data-v-40ab164b] {
    order: -1;
    width: 100%;
}
.about .about-content[data-v-40ab164b] {
    text-align: left;
}
.about .about-content .section-header.left-aligned[data-v-40ab164b] {
    text-align: center;
}
.about .about-content .section-title[data-v-40ab164b]::after {
    left: 50%;
    transform: translateX(-50%);
}
.about .about-content .about-features[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.cases[data-v-40ab164b] {
    padding: 80px 0;
}
.cases .cases-grid[data-v-40ab164b] {
    grid-template-columns: repeat(2, 1fr);
}
.locations[data-v-40ab164b] {
    padding: 80px 0;
}
.locations .contact-wrapper[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.locations .contact-cards[data-v-40ab164b] {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.partners[data-v-40ab164b] {
    padding: 80px 0;
}
}
@media (max-width: 576px) {
.hero-carousel[data-v-40ab164b] {
    min-height: 450px;
}
.hero-carousel .hero-title[data-v-40ab164b] {
    font-size: 32px;
}
.hero-carousel .carousel-indicators[data-v-40ab164b] {
    bottom: 20px;
}
.hero-carousel .carousel-indicators .indicator[data-v-40ab164b] {
    width: 10px;
    height: 10px;
}
.hero-carousel .carousel-indicators .indicator.active[data-v-40ab164b] {
    width: 25px;
}
.services .services-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.cases .cases-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.partners .partners-carousel[data-v-40ab164b] {
    height: 150px;
}
.partners .partners-carousel .carousel-slide[data-v-40ab164b] {
    width: 200px;
    height: 150px;
}
.locations .contact-cards[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.footer .footer-links-wrapper[data-v-40ab164b] {
    grid-template-columns: 1fr;
}
.btn-primary[data-v-40ab164b],
  .btn-secondary[data-v-40ab164b] {
    padding: 12px 24px;
    font-size: 14px;
}
}
.platforms-entry-section[data-v-40ab164b] {
  padding: 100px 0;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  position: relative;
  overflow: hidden;
}
.platforms-entry-section[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 30%, rgba(200, 16, 46, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(26, 84, 144, 0.05) 0%, transparent 50%);
  pointer-events: none;
}
.platforms-entry-section[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, rgba(200, 16, 46, 0.1) 50%, rgba(26, 84, 144, 0.1) 100%);
}
.platforms-entry-grid[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}
.entry-card[data-v-40ab164b] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 32px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  text-align: center;
  animation: fadeInUp-40ab164b 0.8s ease-out both;
}
.entry-card[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.entry-card[data-v-40ab164b]:nth-child(1) {
  animation-delay: 0.1s;
}
.entry-card[data-v-40ab164b]:nth-child(2) {
  animation-delay: 0.2s;
}
.entry-card[data-v-40ab164b]:nth-child(3) {
  animation-delay: 0.3s;
}
.entry-card[data-v-40ab164b]:nth-child(4) {
  animation-delay: 0.4s;
}
.entry-card[data-v-40ab164b]:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
  border-color: rgba(200, 16, 46, 0.2);
}
.entry-card[data-v-40ab164b]:hover::before {
  opacity: 1;
}
.entry-card:hover .card-icon[data-v-40ab164b] {
  transform: scale(1.1) rotate(5deg);
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
}
.entry-card:hover .card-icon i[data-v-40ab164b] {
  color: #ffffff;
  transform: scale(1.1);
}
.entry-card:hover .card-link[data-v-40ab164b] {
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.3);
}
.entry-card .card-icon[data-v-40ab164b] {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.12) 0%, rgba(26, 84, 144, 0.12) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.15);
}
.entry-card .card-icon i[data-v-40ab164b] {
  font-size: 36px;
  color: #C8102E;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.entry-card .card-title[data-v-40ab164b] {
  font-size: 24px;
  font-weight: 700;
  color: white;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.3;
  transition: color 0.3s ease;
}
.entry-card .card-title[data-v-40ab164b]:hover {
  color: #C8102E;
}
.entry-card .card-desc[data-v-40ab164b] {
  font-size: 16px;
  color: white;
  line-height: 1.7;
  margin-bottom: 32px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  transition: color 0.3s ease;
}
.entry-card .card-desc[data-v-40ab164b]:hover {
  color: #999999;
}
.entry-card .card-link[data-v-40ab164b] {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.08) 0%, rgba(26, 84, 144, 0.08) 100%);
  color: #C8102E;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  border: 2px solid rgba(200, 16, 46, 0.2);
  position: relative;
  overflow: hidden;
}
.entry-card .card-link[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.entry-card .card-link[data-v-40ab164b]:hover::before {
  left: 100%;
}
@media (max-width: 992px) {
.platforms-entry-section[data-v-40ab164b] {
    padding: 80px 0;
}
.platforms-entry-grid[data-v-40ab164b] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 40px;
}
.entry-card[data-v-40ab164b] {
    padding: 32px 24px;
}
.entry-card .card-icon[data-v-40ab164b] {
    width: 72px;
    height: 72px;
}
.entry-card .card-icon i[data-v-40ab164b] {
    font-size: 32px;
}
.entry-card .card-title[data-v-40ab164b] {
    font-size: 20px;
}
.entry-card .card-desc[data-v-40ab164b] {
    font-size: 14px;
    margin-bottom: 24px;
}
.entry-card .card-link[data-v-40ab164b] {
    padding: 12px 28px;
    font-size: 14px;
}
}
@media (max-width: 768px) {
.platforms-entry-section[data-v-40ab164b] {
    padding: 60px 0;
}
.platforms-entry-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
}
.entry-card[data-v-40ab164b] {
    padding: 28px 20px;
}
.entry-card .card-icon[data-v-40ab164b] {
    width: 64px;
    height: 64px;
}
.entry-card .card-icon i[data-v-40ab164b] {
    font-size: 28px;
}
.entry-card .card-title[data-v-40ab164b] {
    font-size: 18px;
    margin-bottom: 12px;
    color: white;
}
.entry-card .card-desc[data-v-40ab164b] {
    font-size: 13px;
    margin-bottom: 20px;
}
.entry-card .card-link[data-v-40ab164b] {
    padding: 10px 24px;
    font-size: 13px;
}
}
.platform-card[data-v-40ab164b] {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.platform-card[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.platform-card[data-v-40ab164b]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  border-color: rgba(200, 16, 46, 0.2);
}
.platform-card[data-v-40ab164b]:hover::before {
  transform: scaleX(1);
}
.platform-card:hover .card-header[data-v-40ab164b] {
  transform: scale(1.02);
}
.platform-card:hover .card-btn[data-v-40ab164b] {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.1) 0%, rgba(26, 84, 144, 0.1) 100%);
  color: #C8102E;
}
.platform-card .card-header[data-v-40ab164b] {
  width: 100%;
  height: 160px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0%, rgba(26, 84, 144, 0.05) 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease;
  overflow: hidden;
}
.platform-card .card-header[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
}
.platform-card .card-header .card-content[data-v-40ab164b] {
  position: relative;
  text-align: center;
  color: #2C2C2C;
  z-index: 2;
  padding: 0 24px;
}
.platform-card .card-header .card-content .card-title[data-v-40ab164b] {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  color: white;
}
.platform-card .card-header .card-content .card-desc[data-v-40ab164b] {
  font-size: 14px;
  color: white;
  line-height: 1.6;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.platform-card .card-btn[data-v-40ab164b] {
  display: block;
  padding: 16px 20px;
  text-align: center;
  color: #666666;
  font-weight: 600;
  text-decoration: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  margin-top: auto;
}
.platform-card .card-btn[data-v-40ab164b]:hover {
  transform: translateY(-2px);
}
.platforms-entry-header[data-v-40ab164b] {
  text-align: center;
  margin-bottom: 60px;
  animation: fadeInUp-40ab164b 0.8s ease-out;
}
.platforms-entry-title[data-v-40ab164b] {
  font-size: 36px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.platforms-entry-title[data-v-40ab164b]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  border-radius: 2px;
}
.platforms-entry-subtitle[data-v-40ab164b] {
  font-size: 18px;
  color: #666666;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.6;
}
.platforms-entry-grid[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  margin-top: 5px;
}
.platform-entry-card[data-v-40ab164b] {
  background: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  animation: fadeInUp-40ab164b 0.8s ease-out;
}
.platform-entry-card[data-v-40ab164b]:nth-child(2) {
  animation-delay: 0.2s;
}
.platform-entry-card[data-v-40ab164b]:nth-child(3) {
  animation-delay: 0.4s;
}
.platform-entry-card[data-v-40ab164b]:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.platform-entry-card:hover .platform-card-icon[data-v-40ab164b] {
  transform: scale(1.1) rotate(5deg);
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  color: #ffffff;
}
.platform-entry-card:hover .platform-card-btn[data-v-40ab164b] {
  background: linear-gradient(135deg, #C8102E 0%, #1A5490 100%);
  color: #ffffff;
}
.platform-entry-card[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #1A5490 100%);
  transform: scaleX(0);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-entry-card[data-v-40ab164b]:hover::before {
  transform: scaleX(1);
}
.platform-card-icon[data-v-40ab164b] {
  width: 80px;
  height: 80px;
  margin: 0 auto 24px;
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #C8102E;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-title[data-v-40ab164b] {
  font-size: 20px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-desc[data-v-40ab164b] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-btn[data-v-40ab164b] {
  display: inline-block;
  padding: 12px 32px;
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  color: #2C2C2C;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.platform-card-btn[data-v-40ab164b]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-btn[data-v-40ab164b]:hover::before {
  left: 100%;
}
@media (max-width: 768px) {
.platforms-entry-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.platform-card[data-v-40ab164b] {
    max-width: 320px;
    margin: 0 auto;
}
}
@media (max-width: 1024px) {
.platforms-entry-section[data-v-40ab164b] {
    padding: 60px 0;
}
.platforms-entry-title[data-v-40ab164b] {
    font-size: 28px;
}
.platforms-entry-grid[data-v-40ab164b] {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.platform-entry-card[data-v-40ab164b] {
    padding: 30px 24px;
}
.platform-card-icon[data-v-40ab164b] {
    width: 64px;
    height: 64px;
    font-size: 24px;
}
.platform-card-title[data-v-40ab164b] {
    font-size: 18px;
}
}
@media (max-width: 768px) {
.platforms-entry-section[data-v-40ab164b] {
    padding: 40px 0;
}
.platforms-entry-header[data-v-40ab164b] {
    margin-bottom: 40px;
}
.platforms-entry-title[data-v-40ab164b] {
    font-size: 24px;
}
.platforms-entry-subtitle[data-v-40ab164b] {
    font-size: 14px;
}
.platforms-entry-grid[data-v-40ab164b] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.platform-entry-card[data-v-40ab164b] {
    padding: 24px 20px;
}
.platform-card-icon[data-v-40ab164b] {
    width: 56px;
    height: 56px;
    font-size: 20px;
}
.platform-card-title[data-v-40ab164b] {
    font-size: 16px;
}
.platform-card-desc[data-v-40ab164b] {
    font-size: 13px;
}
.platform-card-btn[data-v-40ab164b] {
    padding: 10px 24px;
    font-size: 13px;
}
}
@media (max-width: 768px) {
.navbar .navbar-logo[data-v-40ab164b] {
    gap: 12px;
}
.navbar .navbar-logo img[data-v-40ab164b] {
    height: 50px;
}
.navbar .navbar-logo h1[data-v-40ab164b] {
    font-size: 18px;
}
}
@media (max-width: 576px) {
.navbar .navbar-logo[data-v-40ab164b] {
    gap: 10px;
}
.navbar .navbar-logo img[data-v-40ab164b] {
    height: 40px;
}
.navbar .navbar-logo h1[data-v-40ab164b] {
    font-size: 16px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/dfjm2.vue?vue&type=style&index=0&id=6297813a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ad-banner[data-v-6297813a] {
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  padding: 100px 0;
  text-align: center;
  color: #ffffff;
}
.ad-banner .banner-content[data-v-6297813a] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.ad-banner .banner-content .banner-text h2[data-v-6297813a] {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
.ad-banner .banner-content .banner-text p[data-v-6297813a] {
  font-size: 18px;
  opacity: 0.9;
}
.ad-banner .banner-content .banner-btn[data-v-6297813a] {
  padding: 14px 36px;
  font-size: 16px;
  background: #ffffff;
  color: #4b73ca;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.ad-banner .banner-content .banner-btn[data-v-6297813a]:hover {
  background: #f0f9ff;
  transform: scale(1.05);
}
@media (max-width: 1200px) {
.container[data-v-6297813a] {
    max-width: 1140px;
    padding: 0 20px;
}
.hero-carousel .carousel-content[data-v-6297813a] {
    padding: 100px 0;
}
.hero-content-left[data-v-6297813a] {
    max-width: 500px;
}
.hero-title[data-v-6297813a] {
    font-size: 36px;
}
.solutions-grid[data-v-6297813a] {
    grid-template-columns: repeat(2, 1fr);
}
.services-grid[data-v-6297813a] {
    grid-template-columns: repeat(2, 1fr);
}
.about-contact-wrapper[data-v-6297813a] {
    flex-direction: column;
    gap: 30px;
}
.about-card[data-v-6297813a],
  .contact-card[data-v-6297813a] {
    width: 100%;
}
}
@media (max-width: 992px) {
.container[data-v-6297813a] {
    max-width: 960px;
}
.hero-carousel .carousel-content[data-v-6297813a] {
    padding: 80px 0;
}
.hero-title[data-v-6297813a] {
    font-size: 32px;
}
.hero-desc[data-v-6297813a] {
    font-size: 16px;
}
.solutions-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.section-header .section-title[data-v-6297813a] {
    font-size: 28px;
}
.section-header .section-subtitle[data-v-6297813a] {
    font-size: 16px;
}
}
@media (max-width: 768px) {
.container[data-v-6297813a] {
    max-width: 720px;
    padding: 0 15px;
}
.hero-carousel .carousel-content[data-v-6297813a] {
    padding: 60px 0;
}
.hero-content-left[data-v-6297813a] {
    max-width: 100%;
    text-align: center;
}
.hero-title[data-v-6297813a] {
    font-size: 28px;
}
.hero-desc[data-v-6297813a] {
    font-size: 14px;
}
.hero-buttons[data-v-6297813a] {
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.services-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.ad-banner[data-v-6297813a] {
    padding: 30px 20px;
}
.ad-banner .banner-content .banner-text h2[data-v-6297813a] {
    font-size: 24px;
}
.ad-banner .banner-content .banner-text p[data-v-6297813a] {
    font-size: 16px;
}
.ad-banner .banner-content .banner-btn[data-v-6297813a] {
    padding: 12px 28px;
    font-size: 14px;
}
.partners-carousel[data-v-6297813a] {
    padding: 0 10px;
}
.bg-decoration[data-v-6297813a] {
    display: none;
}
}
@media (max-width: 576px) {
.container[data-v-6297813a] {
    max-width: 540px;
}
.hero-carousel .carousel-content[data-v-6297813a] {
    padding: 40px 0;
}
.hero-title[data-v-6297813a] {
    font-size: 24px;
}
.hero-desc[data-v-6297813a] {
    font-size: 14px;
    margin-bottom: 20px;
}
.hero-buttons a[data-v-6297813a] {
    padding: 10px 20px;
    font-size: 14px;
}
.section-header .section-title[data-v-6297813a] {
    font-size: 24px;
}
.section-header .section-subtitle[data-v-6297813a] {
    font-size: 14px;
}
.service-card[data-v-6297813a] {
    padding: 20px;
}
.solution-card[data-v-6297813a] {
    padding: 20px;
}
.about-card[data-v-6297813a],
  .contact-card[data-v-6297813a] {
    padding: 20px;
}
.partners-carousel .carousel-slide[data-v-6297813a] {
    width: 120px;
}
.partner-logo[data-v-6297813a] {
    width: 100px;
    height: 60px;
}
}
.our-services[data-v-6297813a] {
  position: relative;
  overflow: hidden;
  background-color: #fcfcfc;
  padding: 44px 0px;
}
.our-services .services-banner[data-v-6297813a] {
  padding: 0;
  position: relative;
  z-index: 2;
}
.our-services .services-banner .section-header[data-v-6297813a] {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
.our-services .services-banner .section-header .section-title[data-v-6297813a] {
  font-size: 32px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 12px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  display: inline-block;
}
.our-services .services-banner .section-header .section-subtitle[data-v-6297813a] {
  font-size: 14px;
  color: #64748b;
  margin: 0 auto;
  max-width: 500px;
  line-height: 1.5;
}
.our-services .services-banner .services-list[data-v-6297813a] {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.our-services .services-banner .services-list .service-item[data-v-6297813a] {
  flex: 1;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  color: #1e293b;
  text-align: center;
  padding: 30px 20px;
}
.our-services .services-banner .services-list .service-item .service-icon[data-v-6297813a] {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  background: #4b73ca;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: white;
  transition: all 0.3s ease;
}
.our-services .services-banner .services-list .service-item .service-icon[data-v-6297813a]:hover {
  transform: scale(1.1);
}
.our-services .services-banner .services-list .service-item .service-title[data-v-6297813a] {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 10px 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.our-services .services-banner .services-list .service-item .service-description[data-v-6297813a] {
  font-size: 13px;
  color: #64748b;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 1200px) {
.our-services .services-banner .services-list[data-v-6297813a] {
    flex-wrap: wrap;
}
.our-services .services-banner .services-list .service-item[data-v-6297813a] {
    flex: 1 1 calc(50% - 10px);
    padding: 25px 15px;
}
}
@media (max-width: 768px) {
.our-services[data-v-6297813a] {
    padding: 40px 0;
}
.our-services .services-banner[data-v-6297813a] {
    padding: 0 20px;
}
.our-services .services-banner .section-header[data-v-6297813a] {
    margin-bottom: 25px;
}
.our-services .services-banner .section-header .section-title[data-v-6297813a] {
    font-size: 28px;
}
.our-services .services-banner .section-header .section-subtitle[data-v-6297813a] {
    font-size: 13px;
}
.our-services .services-banner .services-list[data-v-6297813a] {
    flex-direction: column;
    gap: 15px;
}
.our-services .services-banner .services-list .service-item[data-v-6297813a] {
    padding: 20px 15px;
}
.our-services .services-banner .services-list .service-item .service-icon[data-v-6297813a] {
    width: 50px;
    height: 50px;
    font-size: 20px;
    margin-bottom: 15px;
}
.our-services .services-banner .services-list .service-item .service-title[data-v-6297813a] {
    font-size: 15px;
    margin-bottom: 8px;
}
.our-services .services-banner .services-list .service-item .service-description[data-v-6297813a] {
    font-size: 12px;
}
}
@media (max-width: 480px) {
.our-services[data-v-6297813a] {
    padding: 30px 0;
}
.our-services .services-banner[data-v-6297813a] {
    padding: 0 16px;
}
.our-services .services-banner .section-header[data-v-6297813a] {
    margin-bottom: 20px;
}
.our-services .services-banner .section-header .section-title[data-v-6297813a] {
    font-size: 24px;
}
.our-services .services-banner .section-header .section-subtitle[data-v-6297813a] {
    font-size: 11px;
}
.our-services .services-banner .services-list[data-v-6297813a] {
    gap: 12px;
}
.our-services .services-banner .services-list .service-item[data-v-6297813a] {
    padding: 15px 12px;
}
.our-services .services-banner .services-list .service-item .service-icon[data-v-6297813a] {
    width: 45px;
    height: 45px;
    font-size: 18px;
    margin-bottom: 12px;
}
.our-services .services-banner .services-list .service-item .service-title[data-v-6297813a] {
    font-size: 14px;
    margin-bottom: 6px;
}
.our-services .services-banner .services-list .service-item .service-description[data-v-6297813a] {
    font-size: 11px;
}
}
*[data-v-6297813a] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html[data-v-6297813a],
body[data-v-6297813a] {
  font-family: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  color: #1e293b;
  line-height: 1.6;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
.bg-decoration[data-v-6297813a] {
  position: fixed;
  z-index: -1;
  opacity: 0.05;
}
.bg-decoration-1[data-v-6297813a] {
  top: 20%;
  left: -10%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #DC143C, transparent);
  border-radius: 50%;
  animation: float-6297813a 20s ease-in-out infinite;
}
.bg-decoration-2[data-v-6297813a] {
  top: 60%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #1a5490, transparent);
  border-radius: 50%;
  animation: float-6297813a 25s ease-in-out infinite reverse;
}
.bg-decoration-3[data-v-6297813a] {
  bottom: 10%;
  left: 20%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, #3b82f6, transparent);
  border-radius: 50%;
  animation: float-6297813a 15s ease-in-out infinite;
}
body[data-v-6297813a] {
  font-family: "Microsoft YaHei", "SimHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  color: #1e293b;
  line-height: 1.6;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*[data-v-6297813a]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*[data-v-6297813a]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
*[data-v-6297813a]::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  border-radius: 4px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fadeInUp-6297813a {
from {
    opacity: 0;
    transform: translateY(40px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInLeft-6297813a {
from {
    opacity: 0;
    transform: translateX(-40px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInRight-6297813a {
from {
    opacity: 0;
    transform: translateX(40px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes scaleIn-6297813a {
from {
    opacity: 0;
    transform: scale(0.85);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes slideInUp-6297813a {
from {
    opacity: 0;
    transform: translateY(60px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes float-6297813a {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
@keyframes pulse-6297813a {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.05);
}
}
.container[data-v-6297813a] {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
}
.section-header[data-v-6297813a] {
  text-align: center;
  position: relative;
}
.section-header .section-title[data-v-6297813a] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.section-header .section-title[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #DC143C, #C8102E);
  border-radius: 2px;
}
.section-header .section-subtitle[data-v-6297813a] {
  font-size: 18px;
  color: #64748b;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}
.bg-light[data-v-6297813a] {
  background-color: #f8fafc;
}
.bg-dark[data-v-6297813a] {
  background-color: #1e293b;
  color: #ffffff;
}
.w-100[data-v-6297813a] {
  width: 100%;
}
.solutions-grid[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-top: 50px;
}
.solutions-grid .solution-card[data-v-6297813a] {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.solutions-grid .solution-card .card-top[data-v-6297813a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-6297813a] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #1a5490;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #1a5490 0%, #3b82f6 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.solutions-grid .solution-card .card-icon-wrapper[data-v-6297813a]::after {
  content: "";
  position: absolute;
  font-size: 28px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.solutions-grid .solution-card .card-icon-wrapper i[data-v-6297813a] {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease;
}
.solutions-grid .solution-card .card-number[data-v-6297813a] {
  font-size: 36px;
  font-weight: 800;
  color: #f1f5f9;
  line-height: 1;
  font-family: "Arial", sans-serif;
  letter-spacing: -1px;
}
.solutions-grid .solution-card .card-title[data-v-6297813a] {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
  line-height: 1.2;
  letter-spacing: -0.3px;
}
.solutions-grid .solution-card .card-desc[data-v-6297813a] {
  font-size: 13px;
  color: #64748b;
  line-height: 1.4;
  margin-bottom: 12px;
}
.solutions-grid .solution-card .card-divider[data-v-6297813a] {
  height: 1px;
  background: linear-gradient(90deg, #e5e7eb 0%, transparent 100%);
  margin-bottom: 12px;
}
.solutions-grid .solution-card .card-features[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}
.solutions-grid .solution-card .card-features .feature-item[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #475569;
  font-weight: 500;
  transition: all 0.3s ease;
}
.solutions-grid .solution-card .card-features .feature-item .feature-dot[data-v-6297813a] {
  width: 4px;
  height: 4px;
  background: #1a5490;
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.solutions-grid .solution-card .card-examples[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: auto;
}
.solutions-grid .solution-card .card-examples .example-link[data-v-6297813a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  background: #f8fafc;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 12px;
  color: #64748b;
  font-weight: 500;
  border: 1px solid transparent;
}
.solutions-grid .solution-card .card-examples .example-link .arrow-icon[data-v-6297813a] {
  width: 14px;
  height: 14px;
  color: #94a3b8;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.solutions-grid .solution-card .card-action[data-v-6297813a] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}
.solutions-grid .solution-card .card-action .action-btn[data-v-6297813a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #1a5490 0%, #3b82f6 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}
.solutions-grid .solution-card .card-action .action-btn[data-v-6297813a]:hover {
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}
.solutions-grid .solution-card .card-action .action-btn[data-v-6297813a]:disabled {
  background: #e2e8f0;
  color: #94a3b8;
  cursor: not-allowed;
  box-shadow: none;
}
.solutions-grid .solution-card .card-action .action-btn[data-v-6297813a]:disabled:hover {
  transform: none;
}
.solutions-grid .solution-card .card-action .action-btn:disabled .arrow-icon[data-v-6297813a] {
  opacity: 0.5;
}
.solutions-grid .solution-card .card-action .action-btn .arrow-icon[data-v-6297813a] {
  width: 14px;
  height: 14px;
  transition: transform 0.3s ease;
}
.solutions-grid .solution-card .card-action .example-link.disabled[data-v-6297813a] {
  cursor: not-allowed;
  color: #94a3b8;
}
.solutions-grid .solution-card .card-action .example-link.disabled .arrow-icon[data-v-6297813a] {
  opacity: 0.5;
}
@media (max-width: 768px) {
.solutions-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.solution-card[data-v-6297813a] {
    padding: 20px;
}
}
@media (max-width: 768px) {
.solutions-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.solution-card[data-v-6297813a] {
    padding: 20px;
}
}
.platform-image-card[data-v-6297813a] {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.platform-image-card[data-v-6297813a]:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.platform-image-card .platform-image-wrapper[data-v-6297813a] {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.platform-image-card .platform-image-wrapper .platform-image[data-v-6297813a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.platform-image-card .platform-image-wrapper .platform-overlay[data-v-6297813a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.platform-image-card .platform-text[data-v-6297813a] {
  padding: 20px;
  background: white;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.platform-image-card .platform-text h3[data-v-6297813a] {
  margin: 0 0 8px;
  color: var(--platform-color);
  font-size: 16px;
}
.platform-image-card .platform-text p[data-v-6297813a] {
  margin: 0;
  color: #666;
}
.platform-image-card:hover .platform-overlay[data-v-6297813a] {
  opacity: 1;
}
.platform-image-card:hover .platform-image[data-v-6297813a] {
  transform: scale(1.05);
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
}
.navbar[data-v-6297813a] {
  position: relative;
}
.navbar .navbar-menu ul li[data-v-6297813a] {
  position: relative;
  color: #002c6c;
  font-weight: 600;
}
.product-submenu-wrapper[data-v-6297813a],
.service-submenu-wrapper[data-v-6297813a],
.product-center-submenu-wrapper[data-v-6297813a] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  padding-top: 0;
}
.product-submenu[data-v-6297813a] {
  background: #ffffff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  padding: 40px 0;
  border-top: 3px solid #4b73ca;
  margin-top: 0;
  animation: fadeInUp-6297813a 0.3s ease-out;
  content-align: center;
}
.product-submenu .container[data-v-6297813a] {
  padding: 0 40px;
}
.product-submenu .submenu-content[data-v-6297813a] {
  display: flex;
  gap: 30px;
}
.product-submenu .submenu-content .submenu-column[data-v-6297813a] {
  min-width: 180px;
  flex: 1;
}
.product-submenu.product-center-submenu[data-v-6297813a] {
  padding: 40px 0 50px;
}
.product-submenu.product-center-submenu .submenu-content[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights[data-v-6297813a] {
  margin: 16px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: rgba(75, 115, 202, 0.05);
  border-radius: 6px;
  border-left: 3px solid #4b73ca;
  transition: all 0.3s ease;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item[data-v-6297813a]:hover {
  background: rgba(75, 115, 202, 0.1);
  transform: translateX(4px);
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item i[data-v-6297813a] {
  font-size: 14px;
  color: #4b73ca;
}
.product-submenu.product-center-submenu .submenu-column .party-building-highlights .highlight-item span[data-v-6297813a] {
  font-size: 12px;
  color: #1e293b;
  font-weight: 500;
}
.product-submenu.product-center-submenu .submenu-column .featured-content .featured-desc[data-v-6297813a] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
  margin-bottom: 16px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%);
  border-radius: 8px;
  border: 1px solid #e1e5eb;
  transition: all 0.3s ease;
  text-align: center;
  min-height: 100px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-6297813a]:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #d1d9e6;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon[data-v-6297813a] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 64, 129, 0.1);
  border-radius: 50%;
  margin-bottom: 12px;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon i[data-v-6297813a] {
  font-size: 24px;
  color: #ff4081;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-title[data-v-6297813a] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
}
.product-submenu.product-center-submenu .submenu-column.party-building-column .party-building-content .party-building-description[data-v-6297813a] {
  font-size: 13px;
  color: #64748b;
  line-height: 1.5;
  text-align: center;
  padding: 0 8px;
}
.product-submenu .submenu-column .column-header[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-submenu .submenu-column .column-header i[data-v-6297813a] {
  font-size: 30px;
  color: #4b73ca;
}
.product-submenu .submenu-column .column-header h4[data-v-6297813a] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.product-submenu .submenu-column .column-items[data-v-6297813a] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.product-submenu .submenu-column .column-items li[data-v-6297813a] {
  margin: 0;
}
.product-submenu .submenu-column .column-items li a[data-v-6297813a] {
  display: block;
  padding: 0px 18px;
  color: #64748b;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-weight: 400;
  background: transparent;
  white-space: nowrap;
  border: 1px solid transparent;
}
.product-submenu .submenu-column .column-items li a[data-v-6297813a]:hover {
  background: rgba(75, 115, 202, 0.05);
  color: #4b73ca;
  transform: translateX(6px);
  box-shadow: none;
  border-color: rgba(75, 115, 202, 0.2);
}
.product-submenu .featured-column .featured-content[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-submenu .featured-column .featured-image[data-v-6297813a] {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
}
.product-submenu .featured-column .featured-image img[data-v-6297813a] {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.product-submenu .featured-column .featured-title[data-v-6297813a] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.product-submenu .featured-column .featured-desc[data-v-6297813a] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}
.product-submenu .featured-column .featured-links[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.product-submenu .featured-column .featured-link[data-v-6297813a] {
  display: inline-block;
  padding: 8px 16px;
  color: #4b73ca;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 1px solid rgba(75, 115, 202, 0.2);
}
.product-submenu .featured-column .featured-link[data-v-6297813a]:hover {
  background: #4b73ca;
  color: #ffffff;
  transform: translateX(4px);
  border-color: #4b73ca;
}
.mobile-product-submenu[data-v-6297813a] {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 12px;
}
.mobile-product-submenu .submenu-content[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-product-submenu .submenu-column .column-header[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-product-submenu .submenu-column .column-header i[data-v-6297813a] {
  font-size: 22px;
  color: #4b73ca;
}
.mobile-product-submenu .submenu-column .column-header h4[data-v-6297813a] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.mobile-product-submenu .submenu-column .column-items[data-v-6297813a] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-product-submenu .submenu-column .column-items li[data-v-6297813a] {
  margin: 0;
}
.mobile-product-submenu .submenu-column .column-items li a[data-v-6297813a] {
  display: block;
  padding: 10px 16px;
  color: #64748b;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  background: transparent;
  white-space: nowrap;
  border: 1px solid transparent;
}
@media (max-width: 992px) {
.product-submenu-wrapper[data-v-6297813a],
  .service-submenu-wrapper[data-v-6297813a],
  .product-center-submenu-wrapper[data-v-6297813a] {
    display: none;
}
}
@media (max-width: 1200px) {
.product-submenu .submenu-content[data-v-6297813a] {
    grid-template-columns: repeat(4, 1fr);
}
.product-submenu .featured-column[data-v-6297813a] {
    display: none;
}
}
@media (max-width: 768px) {
.hardware-tabs[data-v-6297813a] {
    margin-bottom: 24px;
}
.hardware-tabs .tabs-container[data-v-6297813a] {
    padding: 12px;
    gap: 8px;
}
.hardware-tabs .tab-item[data-v-6297813a] {
    padding: 10px 16px;
    font-size: 13px;
    gap: 8px;
}
.hardware-tabs .tab-item i[data-v-6297813a] {
    font-size: 16px;
}
.hardware-tabs .tab-item .tab-count[data-v-6297813a] {
    min-width: 24px;
    height: 24px;
    font-size: 11px;
    padding: 0 8px;
}
}
.btn-primary[data-v-6297813a] {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  color: #ffffff;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  overflow: hidden;
}
.btn-primary[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.btn-primary[data-v-6297813a]:hover::before {
  left: 100%;
}
.btn-primary[data-v-6297813a]:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
}
.btn-primary[data-v-6297813a]:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.btn-primary.btn-sm[data-v-6297813a] {
  padding: 10px 24px;
  font-size: 14px;
  border-radius: 8px;
}
.btn-secondary[data-v-6297813a] {
  display: inline-block;
  padding: 14px 32px;
  background: transparent;
  color: #4b73ca;
  border: 2px solid #4b73ca;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-left: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  overflow: hidden;
}
.btn-secondary[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(200, 16, 46, 0.1), transparent);
  transition: left 0.6s;
}
.btn-secondary[data-v-6297813a]:hover::before {
  left: 100%;
}
.btn-secondary[data-v-6297813a]:hover {
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.2);
  transform: translateY(-3px);
}
.btn-secondary[data-v-6297813a]:active {
  transform: translateY(-1px);
}
.btn-secondary.btn-sm[data-v-6297813a] {
  padding: 10px 24px;
  font-size: 14px;
}
.navbar[data-v-6297813a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 18px 0;
  border-bottom: 3px solid #4b73ca;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.navbar.navbar-fixed[data-v-6297813a] {
  padding: 14px 0;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.navbar .container[data-v-6297813a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
}
.navbar .navbar-logo[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.navbar .navbar-logo img[data-v-6297813a] {
  height: 60px;
  width: auto;
}
.navbar .navbar-logo h1[data-v-6297813a] {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  letter-spacing: 0.5px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.navbar .navbar-logo h1 span[data-v-6297813a] {
  color: #4b73ca;
}
.navbar .navbar-menu ul[data-v-6297813a] {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.navbar .navbar-menu ul li[data-v-6297813a] {
  margin-left: 40px;
}
.navbar .navbar-menu ul li .nav-link[data-v-6297813a] {
  color: #1e293b;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  padding: 10px 0;
  font-size: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.navbar .navbar-menu ul li .nav-link[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #4b73ca;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar .navbar-menu ul li .nav-link[data-v-6297813a]:hover::after {
  width: 100%;
}
.navbar .navbar-menu ul li .nav-link[data-v-6297813a]:hover {
  color: #4b73ca;
}
.navbar .navbar-menu ul li .nav-btn[data-v-6297813a] {
  padding: 10px 24px;
  background-color: #4b73ca;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
}
.navbar .navbar-menu ul li .nav-btn[data-v-6297813a]:hover {
  background-color: #3d5cb1;
  color: #ffffff;
}
.navbar .mobile-menu-btn[data-v-6297813a] {
  display: none;
  flex-direction: column;
  cursor: pointer;
  z-index: 1000;
}
.navbar .mobile-menu-btn span[data-v-6297813a] {
  width: 28px;
  height: 3px;
  background-color: #1e293b;
  margin: 4px 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
}
.navbar .mobile-menu-btn.active span[data-v-6297813a]:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.navbar .mobile-menu-btn.active span[data-v-6297813a]:nth-child(2) {
  opacity: 0;
}
.navbar .mobile-menu-btn.active span[data-v-6297813a]:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.hero-carousel[data-v-6297813a] {
  position: relative;
  overflow: hidden;
  height: 65vh;
  min-height: 400px;
  margin-top: 80px;
}
.hero-carousel .carousel-container[data-v-6297813a] {
  height: 100%;
  position: relative;
}
.hero-carousel .carousel-track[data-v-6297813a] {
  display: flex;
  height: 100%;
  transition: transform 0.6s ease-in-out;
}
.hero-carousel .carousel-slide[data-v-6297813a] {
  flex: 0 0 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.hero-carousel .carousel-bg[data-v-6297813a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002c6c;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0;
  animation: bgFadeIn-6297813a 0.8s ease forwards;
  transform: translateZ(0);
}
.hero-carousel .carousel-overlay[data-v-6297813a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
.hero-carousel .carousel-content[data-v-6297813a] {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 3% 9%;
  position: relative;
  z-index: 3;
}
@media (max-width: 992px) {
.hero-carousel .carousel-content[data-v-6297813a] {
    align-items: flex-start;
    padding-top: 15%;
    padding-bottom: 8%;
}
}
@media (max-width: 768px) {
.hero-carousel .carousel-content[data-v-6297813a] {
    padding-top: 20%;
    padding-bottom: 5%;
}
}
@media (max-width: 480px) {
.hero-carousel .carousel-content[data-v-6297813a] {
    padding-top: 25%;
    padding-bottom: 5%;
}
}
.hero-carousel .hero-content-wrapper[data-v-6297813a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 40px;
}
@media (max-width: 992px) {
.hero-carousel .hero-content-wrapper[data-v-6297813a] {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
}
}
.hero-carousel .hero-content-left[data-v-6297813a] {
  flex: 1;
  max-width: 650px;
  opacity: 0;
  animation: contentFadeIn-6297813a 1s ease 0.5s forwards;
}
.hero-carousel .hero-content-left .hero-tag[data-v-6297813a] {
  display: inline-block;
  padding: 12px 32px;
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  color: #ffffff;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 28px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  box-shadow: 0 6px 24px rgba(220, 20, 60, 0.5);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}
.hero-carousel .hero-content-left .hero-tag[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}
.hero-carousel .hero-content-left .hero-tag[data-v-6297813a]:hover::before {
  left: 100%;
}
.hero-carousel .hero-content-left .hero-title[data-v-6297813a] {
  font-size: 56px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 24px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-carousel .hero-content-left .hero-title span[data-v-6297813a] {
  color: #DC143C;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
}
.hero-carousel .hero-content-left .hero-desc[data-v-6297813a] {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.8;
  margin-bottom: 36px;
  max-width: 600px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-carousel .hero-content-left .hero-buttons[data-v-6297813a] {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-6297813a],
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-6297813a] {
  padding: 16px 40px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-6297813a] {
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 8px 24px rgba(220, 20, 60, 0.5);
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-6297813a]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(220, 20, 60, 0.6);
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-6297813a]:hover::before {
  left: 100%;
}
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-6297813a] {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-6297813a]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.hero-carousel .hero-content-right[data-v-6297813a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  opacity: 0;
  animation: contentFadeIn-6297813a 1s ease 0.8s forwards;
}
.hero-carousel .hero-feature-cards[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hero-carousel .feature-card[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.hero-carousel .feature-card[data-v-6297813a]:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateX(12px) translateY(-4px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);
}
.hero-carousel .feature-card .feature-icon[data-v-6297813a] {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  background: linear-gradient(135deg, #DC143C 0%, #C8102E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 24px rgba(220, 20, 60, 0.45);
  transition: all 0.4s ease;
}
.hero-carousel .feature-card .feature-icon i[data-v-6297813a] {
  font-size: 28px;
  color: #ffffff;
}
.hero-carousel .feature-card:hover .feature-icon[data-v-6297813a] {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 8px 32px rgba(220, 20, 60, 0.55);
}
.hero-carousel .feature-card .feature-content[data-v-6297813a] {
  flex: 1;
}
.hero-carousel .feature-card .feature-content h4[data-v-6297813a] {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.hero-carousel .feature-card .feature-content p[data-v-6297813a] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.hero-carousel .hero-stats[data-v-6297813a] {
  display: flex;
  gap: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
}
.hero-carousel .stat-item[data-v-6297813a] {
  flex: 1;
  text-align: center;
  padding: 0 8px;
}
.hero-carousel .stat-item .stat-number[data-v-6297813a] {
  font-size: 32px;
  font-weight: 800;
  color: #DC143C;
  margin-bottom: 6px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}
.hero-carousel .stat-item .stat-label[data-v-6297813a] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.hero-carousel .carousel-btn[data-v-6297813a] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.4);
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
  backdrop-filter: blur(10px);
}
.hero-carousel .carousel-btn[data-v-6297813a]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-50%) scale(1.1);
}
.hero-carousel .carousel-btn.prev-btn[data-v-6297813a] {
  left: 40px;
}
.hero-carousel .carousel-btn.next-btn[data-v-6297813a] {
  right: 40px;
}
.hero-carousel .carousel-indicators[data-v-6297813a] {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 10;
}
.hero-carousel .carousel-indicators .indicator[data-v-6297813a] {
  width: 50px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-carousel .carousel-indicators .indicator.active[data-v-6297813a] {
  background: #DC143C;
  width: 50px;
  box-shadow: 0 2px 8px rgba(220, 20, 60, 0.5);
}
.hero-carousel .carousel-indicators .indicator[data-v-6297813a]:hover {
  background: rgba(255, 255, 255, 0.6);
}
@keyframes bgFadeIn-6297813a {
from {
    opacity: 0;
    transform: scale(1.05);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes contentFadeIn-6297813a {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 1200px) {
.hero-carousel[data-v-6297813a] {
    height: 70vh;
    min-height: 500px;
}
.hero-carousel .hero-content-wrapper[data-v-6297813a] {
    gap: 80px;
}
.hero-carousel .hero-content-left .hero-title[data-v-6297813a] {
    font-size: 36px;
}
.hero-carousel .hero-content-left .hero-desc[data-v-6297813a] {
    font-size: 14px;
}
}
@media (max-width: 992px) {
.hero-carousel[data-v-6297813a] {
    height: 65vh;
    min-height: 450px;
}
.hero-carousel .hero-content-wrapper[data-v-6297813a] {
    gap: 40px;
}
.hero-carousel .hero-content-left .hero-title[data-v-6297813a] {
    font-size: 32px;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-6297813a],
  .hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-6297813a] {
    padding: 12px 28px;
    font-size: 14px;
}
.hero-carousel .carousel-btn[data-v-6297813a] {
    width: 48px;
    height: 48px;
    font-size: 20px;
}
.hero-carousel .carousel-btn.prev-btn[data-v-6297813a] {
    left: 20px;
}
.hero-carousel .carousel-btn.next-btn[data-v-6297813a] {
    right: 20px;
}
}
@media (max-width: 768px) {
.hero-carousel[data-v-6297813a] {
    height: 60vh;
    min-height: 400px;
    margin-top: 70px;
}
.hero-carousel .carousel-content[data-v-6297813a] {
    padding: 10% 5%;
}
.hero-carousel .hero-content-wrapper[data-v-6297813a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.hero-carousel .hero-content-left[data-v-6297813a] {
    max-width: 100%;
}
.hero-carousel .hero-content-left .hero-tag[data-v-6297813a] {
    padding: 8px 20px;
    font-size: 12px;
    margin-bottom: 16px;
}
.hero-carousel .hero-content-left .hero-title[data-v-6297813a] {
    font-size: 28px;
}
.hero-carousel .hero-content-left .hero-desc[data-v-6297813a] {
    font-size: 13px;
    margin-bottom: 24px;
}
.hero-carousel .hero-content-left .hero-buttons[data-v-6297813a] {
    flex-direction: column;
    gap: 12px;
}
.hero-carousel .hero-content-left .hero-buttons .btn-primary[data-v-6297813a],
  .hero-carousel .hero-content-left .hero-buttons .btn-secondary[data-v-6297813a] {
    width: 100%;
    max-width: 280px;
    padding: 12px 24px;
    font-size: 14px;
}
.hero-carousel .carousel-btn[data-v-6297813a] {
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.hero-carousel .carousel-btn.prev-btn[data-v-6297813a] {
    left: 15px;
}
.hero-carousel .carousel-btn.next-btn[data-v-6297813a] {
    right: 15px;
}
.hero-carousel .carousel-indicators[data-v-6297813a] {
    bottom: 20px;
}
.hero-carousel .carousel-indicators .indicator[data-v-6297813a] {
    width: 30px;
    height: 3px;
}
.hero-carousel .carousel-indicators .indicator.active[data-v-6297813a] {
    width: 40px;
}
}
@media (max-width: 480px) {
.hero-carousel[data-v-6297813a] {
    height: 55vh;
    min-height: 350px;
}
.hero-carousel .hero-content-left .hero-title[data-v-6297813a] {
    font-size: 24px;
}
.hero-carousel .hero-content-left .hero-desc[data-v-6297813a] {
    font-size: 12px;
}
}
.section-header[data-v-6297813a] {
  text-align: center;
  animation: fadeInUp-6297813a 0.8s ease-out;
}
.section-header.light .section-title[data-v-6297813a],
.section-header.light .section-subtitle[data-v-6297813a] {
  color: #ffffff;
}
.section-header.light .section-title[data-v-6297813a]::after {
  background-color: #4b73ca;
}
.section-header.left-aligned[data-v-6297813a] {
  text-align: left;
  margin-bottom: 30px;
  animation: fadeInLeft-6297813a 0.8s ease-out;
}
.section-header .section-title[data-v-6297813a] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.section-header .section-title[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #10b981 100%);
  border-radius: 4px;
  animation: scaleIn-6297813a 0.6s ease-out 0.4s both;
}
.left-aligned .section-header .section-title[data-v-6297813a]::after {
  left: 0;
  transform: translateX(0);
}
.section-header .section-subtitle[data-v-6297813a] {
  font-size: 16px;
  color: #64748b;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  animation: fadeInUp-6297813a 0.8s ease-out 0.2s both;
}
@media (max-width: 768px) {
.services .services-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.services .services-filter .filter-btn[data-v-6297813a] {
    padding: 6px 16px;
    font-size: 13px;
}
}
.products[data-v-6297813a] {
  background: white;
  padding: 40px 0 10px 0;
}
.products .products-header[data-v-6297813a] {
  text-align: center;
  margin-bottom: 50px;
}
.products .products-header .section-title[data-v-6297813a] {
  font-size: 32px;
  font-weight: 700;
  color: #1a5490;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}
.products .products-header .section-title[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #c8102e 0%, #1a5490 100%);
  border-radius: 2px;
}
.products .products-header .section-subtitle[data-v-6297813a] {
  font-size: 18px;
  color: #6b7280;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}
.products .solutions-grid[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
  margin-bottom: 60px;
}
.products .solution-card[data-v-6297813a] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.4s ease;
  position: relative;
  isolation: isolate;
}
.products .solution-card[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #1a5490 0%, #2e7d32 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.products .solution-card[data-v-6297813a]:hover {
  transform: translateY(-12px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.products .solution-card[data-v-6297813a]:hover::before {
  opacity: 1;
}
.products .solution-card .card-inner[data-v-6297813a] {
  padding: 30px;
  text-align: center;
}
.products .solution-card .card-icon[data-v-6297813a] {
  font-size: 56px;
  margin-bottom: 20px;
  color: #1a5490;
  transition: transform 0.3s ease;
}
.products .solution-card .card-icon[data-v-6297813a]:hover {
  transform: scale(1.1);
}
.products .solution-card .card-title[data-v-6297813a] {
  font-size: 22px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
}
.products .solution-card .card-desc[data-v-6297813a] {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 20px;
  line-height: 1.7;
}
.products .solution-card .features-list[data-v-6297813a] {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}
.products .solution-card .features-list li[data-v-6297813a] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #475569;
  margin-bottom: 12px;
}
.products .solution-card .features-list li i[data-v-6297813a] {
  color: #2e7d32;
  margin-right: 10px;
  font-size: 18px;
}
.products .solution-card .btn-primary[data-v-6297813a] {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(135deg, #c8102e 0%, #a50a1e 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.products .solution-card .btn-primary[data-v-6297813a]:hover {
  background: linear-gradient(135deg, #a50a1e 0%, #800000 100%);
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(200, 16, 46, 0.4);
}
.products .solution-type-detection .card-icon[data-v-6297813a] {
  color: #c8102e;
}
.products .solution-type-detection .card-title[data-v-6297813a] {
  color: #c8102e;
}
.products .solution-type-design .card-icon[data-v-6297813a] {
  color: #8b5cf6;
}
.products .solution-type-design .card-title[data-v-6297813a] {
  color: #8b5cf6;
}
.products .solution-type-encoding .card-icon[data-v-6297813a] {
  color: #1a5490;
}
.products .solution-type-encoding .card-title[data-v-6297813a] {
  color: #1a5490;
}
.products .solution-type-hardware .card-icon[data-v-6297813a] {
  color: #2e7d32;
}
.products .solution-type-hardware .card-title[data-v-6297813a] {
  color: #2e7d32;
}
@media (max-width: 768px) {
.products[data-v-6297813a] {
    padding: 60px 0;
}
.products .products-header .section-title[data-v-6297813a] {
    font-size: 28px;
}
.products .products-header .section-subtitle[data-v-6297813a] {
    font-size: 16px;
}
.products .solutions-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.products .solution-card .card-inner[data-v-6297813a] {
    padding: 24px;
}
.products .solution-card .card-icon[data-v-6297813a] {
    font-size: 48px;
}
.products .solution-card .card-title[data-v-6297813a] {
    font-size: 20px;
}
}
@keyframes shimmer-6297813a {
0%, 100% {
    opacity: 0.5;
    transform: translateX(-100%) translateY(-100%) rotate(0deg);
}
50% {
    opacity: 1;
    transform: translateX(100%) translateY(100%) rotate(180deg);
}
}
.about[data-v-6297813a] {
  position: relative;
  overflow: hidden;
}
.about[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.about .container[data-v-6297813a] {
  position: relative;
  z-index: 1;
}
.about .about-wrapper[data-v-6297813a] {
  display: flex;
  justify-content: center;
  animation: fadeInUp-6297813a 0.8s ease-out both;
}
.about .about-content[data-v-6297813a] {
  max-width: 800px;
  width: 100%;
  text-align: center;
}
.about .about-content .section-header[data-v-6297813a] {
  margin-bottom: 40px;
  animation: fadeInUp-6297813a 0.8s ease-out 0.1s both;
}
.about .about-content .section-header .section-title[data-v-6297813a] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
}
.about .about-content .section-header .section-title[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  border-radius: 2px;
}
.about .about-content .section-header .section-subtitle[data-v-6297813a] {
  font-size: 18px;
  color: #64748b;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.about .about-content .about-intro[data-v-6297813a] {
  animation: fadeInUp-6297813a 0.8s ease-out 0.3s both;
}
.about .about-content .about-intro .about-text[data-v-6297813a] {
  color: #64748b;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 24px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
  padding: 0 20px;
}
.about .about-content .about-intro .about-text[data-v-6297813a]:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
.about .about-content .section-header[data-v-6297813a] {
    margin-bottom: 30px;
}
.about .about-content .section-header .section-title[data-v-6297813a] {
    font-size: 28px;
}
.about .about-content .section-header .section-title[data-v-6297813a]::after {
    width: 60px;
    height: 3px;
}
.about .about-content .section-header .section-subtitle[data-v-6297813a] {
    font-size: 16px;
}
.about .about-content .about-intro .about-text[data-v-6297813a] {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: left;
    -moz-text-align-last: left;
         text-align-last: left;
}
}
@media (max-width: 480px) {
.about .about-content .section-header .section-title[data-v-6297813a] {
    font-size: 24px;
}
.about .about-content .about-intro .about-text[data-v-6297813a] {
    font-size: 14px;
}
}
.fade-enter-active[data-v-6297813a],
.fade-leave-active[data-v-6297813a] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-6297813a],
.fade-leave-to[data-v-6297813a] {
  opacity: 0;
}
.partners[data-v-6297813a] {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
@media (max-width: 768px) {
.partners[data-v-6297813a] {
    padding: 40px 0;
}
}
@media (max-width: 480px) {
.partners[data-v-6297813a] {
    padding: 30px 0;
}
}
.partners .section-header[data-v-6297813a] {
  margin-bottom: 40px;
}
.partners .section-header .section-title[data-v-6297813a] {
  font-size: 32px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 10px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  display: inline-block;
}
.partners .section-header .section-title[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #4b73ca;
}
.partners .section-header .section-subtitle[data-v-6297813a] {
  font-size: 14px;
  color: #64748b;
  margin: 0 auto;
  max-width: 500px;
  line-height: 1.5;
}
.partners .partners-grid[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  position: relative;
}
.partners .partners-grid .partner-item[data-v-6297813a] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.partners .partners-grid .partner-item .partner-link[data-v-6297813a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: none;
  background: none;
}
.partners .partners-grid .partner-item .partner-link .partner-logo[data-v-6297813a] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(0);
  opacity: 1;
  transition: all 0.3s ease;
}
@media (max-width: 1200px) {
.partners .partners-grid[data-v-6297813a] {
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.partners .partners-grid .partner-item[data-v-6297813a] {
    height: 100px;
}
}
@media (max-width: 992px) {
.partners .partners-grid[data-v-6297813a] {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.partners .partners-grid .partner-item[data-v-6297813a] {
    height: 90px;
}
}
@media (max-width: 768px) {
.partners .section-header[data-v-6297813a] {
    margin-bottom: 30px;
}
.partners .section-header .section-title[data-v-6297813a] {
    font-size: 28px;
}
.partners .section-header .section-subtitle[data-v-6297813a] {
    font-size: 13px;
}
.partners .partners-grid[data-v-6297813a] {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.partners .partners-grid .partner-item[data-v-6297813a] {
    height: 80px;
}
.partners .partners-grid .partner-item .partner-link[data-v-6297813a] {
    padding: 8px;
}
}
@media (max-width: 480px) {
.partners .section-header[data-v-6297813a] {
    margin-bottom: 20px;
}
.partners .section-header .section-title[data-v-6297813a] {
    font-size: 24px;
}
.partners .section-header .section-subtitle[data-v-6297813a] {
    font-size: 11px;
}
.partners .partners-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.partners .partners-grid .partner-item[data-v-6297813a] {
    height: 70px;
}
.partners .partners-grid .partner-item .partner-link[data-v-6297813a] {
    padding: 6px;
}
}
.about-contact[data-v-6297813a] {
  background: white;
  position: relative;
  padding: 100px 0;
}
.about-contact[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.about-contact[data-v-6297813a]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
.about-contact .container[data-v-6297813a] {
  position: relative;
  z-index: 1;
}
.about-contact .section-header[data-v-6297813a] {
  margin-bottom: 60px;
  text-align: center;
  animation: fadeInUp-6297813a 0.8s ease-out both;
}
.about-contact .section-header .section-title[data-v-6297813a] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  position: relative;
  display: inline-block;
}
.about-contact .section-header .section-title[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #10b981 100%);
  border-radius: 2px;
}
.about-contact .section-header .section-subtitle[data-v-6297813a] {
  font-size: 18px;
  color: #64748b;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.6;
}
.about-contact .about-contact-wrapper[data-v-6297813a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  animation: fadeInUp-6297813a 0.8s ease-out 0.2s both;
}
@media (max-width: 992px) {
.about-contact .about-contact-wrapper[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.about-contact .about-card[data-v-6297813a],
.about-contact .contact-card[data-v-6297813a] {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.about-contact .about-card[data-v-6297813a]::before,
.about-contact .contact-card[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #10b981 100%);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.about-contact .about-card[data-v-6297813a]:hover,
.about-contact .contact-card[data-v-6297813a]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  border-color: rgba(75, 115, 202, 0.2);
}
.about-contact .about-card[data-v-6297813a]:hover::before,
.about-contact .contact-card[data-v-6297813a]:hover::before {
  transform: scaleX(1);
}
.about-contact .about-card .card-header[data-v-6297813a],
.about-contact .contact-card .card-header[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 32px 36px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.about-contact .about-card .card-header[data-v-6297813a]::after,
.about-contact .contact-card .card-header[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 36px;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(200, 16, 46, 0.2) 0%, transparent 100%);
}
.about-contact .about-card .card-header .header-icon[data-v-6297813a],
.about-contact .contact-card .card-header .header-icon[data-v-6297813a] {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.12) 0%, rgba(16, 185, 129, 0.12) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.15);
  transition: transform 0.3s ease;
}
.about-contact .about-card .card-header .header-icon i[data-v-6297813a],
.about-contact .contact-card .card-header .header-icon i[data-v-6297813a] {
  font-size: 28px;
  color: #4b73ca;
}
.about-contact .about-card .card-header .card-title[data-v-6297813a],
.about-contact .contact-card .card-header .card-title[data-v-6297813a] {
  font-size: 26px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.5px;
}
.about-contact .about-card .card-body[data-v-6297813a],
.about-contact .contact-card .card-body[data-v-6297813a] {
  padding: 36px;
}
.about-contact .about-card:hover .card-header .header-icon[data-v-6297813a] {
  transform: scale(1.1) rotate(5deg);
}
.about-contact .about-card .about-intro .about-text[data-v-6297813a] {
  color: #64748b;
  font-size: 15px;
  line-height: 2;
  margin-bottom: 20px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  padding-left: 16px;
}
.about-contact .about-card .about-intro .about-text[data-v-6297813a]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: linear-gradient(135deg, #4b73ca, #10b981);
  border-radius: 50%;
  opacity: 0.6;
}
.about-contact .about-card .about-intro .about-text[data-v-6297813a]:last-child {
  margin-bottom: 0;
}
.about-contact .contact-card .contact-list[data-v-6297813a] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.about-contact .contact-card .contact-item[data-v-6297813a] {
  display: flex;
  gap: 20px;
  padding: 24px;
  background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.about-contact .contact-card .contact-item[data-v-6297813a]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #4b73ca, #10b981);
  border-radius: 4px 0 0 4px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.about-contact .contact-card .contact-item[data-v-6297813a]:hover {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  transform: translateX(8px);
  border-color: rgba(75, 115, 202, 0.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.about-contact .contact-card .contact-item[data-v-6297813a]:hover::before {
  opacity: 1;
}
.about-contact .contact-card .contact-item .item-icon[data-v-6297813a] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.12);
  transition: transform 0.3s ease;
}
.about-contact .contact-card .contact-item .item-icon i[data-v-6297813a] {
  font-size: 22px;
  color: #4b73ca;
}
.about-contact .contact-card .contact-item .item-content[data-v-6297813a] {
  flex: 1;
}
.about-contact .contact-card .contact-item .item-content h4[data-v-6297813a] {
  font-size: 19px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 10px 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  letter-spacing: 0.3px;
}
.about-contact .contact-card .contact-item .item-content p[data-v-6297813a] {
  color: #64748b;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 14px 0;
}
.about-contact .contact-card .contact-item .item-content .contact-info[data-v-6297813a] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-6297813a] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #64748b;
  font-size: 13px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  font-weight: 500;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-6297813a]:hover {
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);
  border-color: rgba(75, 115, 202, 0.2);
  transform: translateY(-2px);
}
.about-contact .contact-card .contact-item .item-content .contact-info span i[data-v-6297813a] {
  color: #4b73ca;
  font-size: 15px;
}
@media (max-width: 992px) {
.about-contact .about-contact-wrapper[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 32px;
}
.about-contact .about-card .card-header[data-v-6297813a],
  .about-contact .contact-card .card-header[data-v-6297813a] {
    padding: 28px 32px;
}
.about-contact .about-card .card-header .header-icon[data-v-6297813a],
  .about-contact .contact-card .card-header .header-icon[data-v-6297813a] {
    width: 52px;
    height: 52px;
}
.about-contact .about-card .card-header .header-icon i[data-v-6297813a],
  .about-contact .contact-card .card-header .header-icon i[data-v-6297813a] {
    font-size: 26px;
}
.about-contact .about-card .card-header .card-title[data-v-6297813a],
  .about-contact .contact-card .card-header .card-title[data-v-6297813a] {
    font-size: 24px;
}
.about-contact .about-card .card-body[data-v-6297813a],
  .about-contact .contact-card .card-body[data-v-6297813a] {
    padding: 32px;
}
}
@media (max-width: 768px) {
.about-contact[data-v-6297813a] {
    padding: 80px 0;
}
.about-contact .section-header[data-v-6297813a] {
    margin-bottom: 50px;
}
.about-contact .section-header .section-title[data-v-6297813a] {
    font-size: 36px;
}
.about-contact .section-header .section-subtitle[data-v-6297813a] {
    font-size: 16px;
}
.about-contact .about-contact-wrapper[data-v-6297813a] {
    gap: 24px;
}
.about-contact .about-card[data-v-6297813a],
  .about-contact .contact-card[data-v-6297813a] {
    border-radius: 16px;
}
.about-contact .about-card .card-header[data-v-6297813a],
  .about-contact .contact-card .card-header[data-v-6297813a] {
    padding: 24px 28px;
}
.about-contact .about-card .card-header .header-icon[data-v-6297813a],
  .about-contact .contact-card .card-header .header-icon[data-v-6297813a] {
    width: 48px;
    height: 48px;
}
.about-contact .about-card .card-header .header-icon i[data-v-6297813a],
  .about-contact .contact-card .card-header .header-icon i[data-v-6297813a] {
    font-size: 24px;
}
.about-contact .about-card .card-header .card-title[data-v-6297813a],
  .about-contact .contact-card .card-header .card-title[data-v-6297813a] {
    font-size: 22px;
}
.about-contact .about-card .card-body[data-v-6297813a],
  .about-contact .contact-card .card-body[data-v-6297813a] {
    padding: 28px;
}
.about-contact .about-card .about-intro .about-text[data-v-6297813a] {
    font-size: 16px;
    line-height: 1.9;
}
.about-contact .contact-card .contact-list[data-v-6297813a] {
    gap: 24px;
}
.about-contact .contact-card .contact-item[data-v-6297813a] {
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}
.about-contact .contact-card .contact-item .item-icon[data-v-6297813a] {
    width: 44px;
    height: 44px;
}
.about-contact .contact-card .contact-item .item-icon i[data-v-6297813a] {
    font-size: 20px;
}
.about-contact .contact-card .contact-item .item-content h4[data-v-6297813a] {
    font-size: 17px;
}
.about-contact .contact-card .contact-item .item-content p[data-v-6297813a] {
    font-size: 13px;
}
.about-contact .contact-card .contact-item .item-content .contact-info[data-v-6297813a] {
    flex-direction: column;
    gap: 10px;
}
.about-contact .contact-card .contact-item .item-content .contact-info span[data-v-6297813a] {
    font-size: 12px;
}
}
.locations[data-v-6297813a] {
  padding: 80px 0;
}
.locations .contact-wrapper[data-v-6297813a] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  margin-top: 20px;
}
.locations .contact-cards[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.locations .contact-card[data-v-6297813a] {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.locations .contact-card[data-v-6297813a]:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: #4b73ca;
}
.locations .contact-card.active[data-v-6297813a] {
  border-color: #4b73ca;
  box-shadow: 0 0 0 2px rgba(75, 115, 202, 0.1);
}
.locations .contact-card .card-icon[data-v-6297813a] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.locations .contact-card .card-icon i[data-v-6297813a] {
  font-size: 24px;
  color: #4b73ca;
}
.locations .contact-card h3[data-v-6297813a] {
  font-size: 24px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 16px;
}
.locations .contact-card .card-address[data-v-6297813a] {
  color: #64748b;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 16px;
}
.locations .contact-card .card-phone[data-v-6297813a],
.locations .contact-card .card-email[data-v-6297813a] {
  display: flex;
  align-items: center;
  color: #64748b;
  margin-bottom: 12px;
  font-size: 15px;
}
.locations .contact-card .card-phone i[data-v-6297813a],
.locations .contact-card .card-email i[data-v-6297813a] {
  color: #4b73ca;
  margin-right: 10px;
  width: 18px;
  text-align: center;
}
.locations .contact-card .card-btn[data-v-6297813a] {
  display: inline-block;
  margin-top: 24px;
  padding: 10px 24px;
  background-color: #4b73ca;
  color: #ffffff;
  border: 1px solid #4b73ca;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .contact-card .card-btn[data-v-6297813a]:hover {
  background-color: #3d5cb1;
  border-color: #3d5cb1;
}
.locations .contact-form[data-v-6297813a] {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  border: 1px solid;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.locations .contact-form h3[data-v-6297813a] {
  font-size: 24px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 24px;
  text-align: center;
}
.locations .contact-form .form-group[data-v-6297813a] {
  margin-bottom: 20px;
}
.locations .contact-form .form-group input[data-v-6297813a],
.locations .contact-form .form-group select[data-v-6297813a],
.locations .contact-form .form-group textarea[data-v-6297813a] {
  width: 100%;
  padding: 14px 16px;
  background-color: #f8fafc;
  border: 1px solid;
  border-radius: 8px;
  color: #1e293b;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .contact-form .form-group input[data-v-6297813a]::-moz-placeholder, .locations .contact-form .form-group select[data-v-6297813a]::-moz-placeholder, .locations .contact-form .form-group textarea[data-v-6297813a]::-moz-placeholder {
  color: #64748b;
}
.locations .contact-form .form-group input[data-v-6297813a]::placeholder,
.locations .contact-form .form-group select[data-v-6297813a]::placeholder,
.locations .contact-form .form-group textarea[data-v-6297813a]::placeholder {
  color: #64748b;
}
.locations .contact-form .form-group input[data-v-6297813a]:focus,
.locations .contact-form .form-group select[data-v-6297813a]:focus,
.locations .contact-form .form-group textarea[data-v-6297813a]:focus {
  outline: none;
  border-color: #4b73ca;
  box-shadow: 0 0 0 2px rgba(75, 115, 202, 0.2);
}
.locations .contact-form .form-group textarea[data-v-6297813a] {
  resize: vertical;
  min-height: 120px;
}
.locations .contact-form .btn-primary[data-v-6297813a] {
  width: 100%;
  text-align: center;
  border: none;
  padding: 14px 0;
}
.locations .location-modal-mask[data-v-6297813a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 41, 59, 0.8);
  z-index: 1000;
}
.locations .location-modal[data-v-6297813a] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  padding: 40px;
  width: 90%;
  max-width: 450px;
  z-index: 1001;
  animation: fadeUp-6297813a 0.3s ease forwards;
  overflow: hidden;
}
.locations .location-modal .modal-close[data-v-6297813a] {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.locations .location-modal .modal-close[data-v-6297813a]:hover {
  color: #4b73ca;
  transform: scale(1.1);
}
.locations .location-modal h3[data-v-6297813a] {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.locations .location-modal .modal-info[data-v-6297813a] {
  margin-bottom: 30px;
}
.locations .location-modal .modal-info p[data-v-6297813a] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: #64748b;
}
.locations .location-modal .modal-info p i[data-v-6297813a] {
  color: #4b73ca;
  margin-right: 10px;
  font-size: 18px;
  width: 20px;
  text-align: center;
}
.locations .location-modal .modal-btn[data-v-6297813a] {
  width: 100%;
  text-align: center;
}
.service-categories[data-v-6297813a] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.service-categories .category-btn[data-v-6297813a] {
  padding: 8px 20px;
  background-color: transparent;
  border: 1px solid #64748b;
  border-radius: 100px;
  color: #64748b;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
  font-size: 14px;
}
.service-categories .category-btn.active[data-v-6297813a] {
  background-color: #4b73ca;
  color: #ffffff;
  border-color: #4b73ca;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.service-categories .category-btn[data-v-6297813a]:hover:not(.active) {
  border-color: #4b73ca;
  color: #4b73ca;
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.our-services .service-categories .category-btn[data-v-6297813a] {
    padding: 6px 16px;
    font-size: 13px;
}
}
@media (max-width: 768px) {
.our-services .services-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.our-services .service-categories .category-btn[data-v-6297813a] {
    padding: 6px 16px;
    font-size: 13px;
}
}
@keyframes fadeUp-6297813a {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes scroll-6297813a {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
@media (max-width: 992px) {
.navbar .navbar-menu[data-v-6297813a] {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100vh;
    background-color: #ffffff;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 998;
    padding-top: 80px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    overflow-y: auto;
}
.navbar .navbar-menu.active[data-v-6297813a] {
    left: 0;
}
.navbar .navbar-menu ul[data-v-6297813a] {
    flex-direction: column;
    padding: 0 30px;
    align-items: flex-start;
}
.navbar .navbar-menu ul li[data-v-6297813a] {
    margin: 0 0 24px 0;
    width: 100%;
}
.navbar .navbar-menu ul li .nav-link[data-v-6297813a] {
    font-size: 18px;
}
.navbar .navbar-menu ul li .nav-btn[data-v-6297813a] {
    display: block;
    width: 100%;
    text-align: center;
}
.navbar .mobile-menu-btn[data-v-6297813a] {
    display: flex;
}
.hero-carousel[data-v-6297813a] {
    min-height: 500px;
    margin-top: 76px;
}
.hero-carousel .carousel-content[data-v-6297813a] {
    padding: 0 6%;
}
.hero-carousel .hero-content-wrapper[data-v-6297813a] {
    flex-direction: column;
    gap: 40px;
}
.hero-carousel .hero-content-left[data-v-6297813a] {
    text-align: center;
    max-width: 100%;
}
.hero-carousel .hero-content-left .hero-title[data-v-6297813a] {
    font-size: 42px;
}
.hero-carousel .hero-content-left .hero-desc[data-v-6297813a] {
    margin-left: auto;
    margin-right: auto;
}
.hero-carousel .hero-content-left .hero-buttons[data-v-6297813a] {
    justify-content: center;
}
.hero-carousel .hero-content-right[data-v-6297813a] {
    width: 100%;
}
.hero-carousel .hero-feature-cards[data-v-6297813a] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.hero-carousel .feature-card[data-v-6297813a] {
    flex: 1;
    min-width: 280px;
    max-width: 320px;
}
.hero-carousel .hero-stats[data-v-6297813a] {
    flex-wrap: wrap;
    justify-content: center;
}
.hero-carousel .stat-item[data-v-6297813a] {
    min-width: 120px;
}
.hero-carousel .carousel-btn[data-v-6297813a] {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.hero-carousel .carousel-btn.prev-btn[data-v-6297813a] {
    left: 15px;
}
.hero-carousel .carousel-btn.next-btn[data-v-6297813a] {
    right: 15px;
}
.section-header[data-v-6297813a] {
    margin-bottom: 60px;
}
.section-header .section-title[data-v-6297813a] {
    font-size: 36px;
}
.services[data-v-6297813a] {
    padding: 80px 0;
}
.services .services-grid[data-v-6297813a] {
    grid-template-columns: repeat(2, 1fr);
}
.about[data-v-6297813a] {
    padding: 80px 0;
}
.about .about-wrapper[data-v-6297813a] {
    flex-direction: column;
    gap: 40px;
}
.about .about-media[data-v-6297813a] {
    order: -1;
    width: 100%;
}
.about .about-content[data-v-6297813a] {
    text-align: left;
}
.about .about-content .section-header.left-aligned[data-v-6297813a] {
    text-align: center;
}
.about .about-content .section-title[data-v-6297813a]::after {
    left: 50%;
    transform: translateX(-50%);
}
.about .about-content .about-features[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.cases[data-v-6297813a] {
    padding: 80px 0;
}
.cases .cases-grid[data-v-6297813a] {
    grid-template-columns: repeat(2, 1fr);
}
.locations[data-v-6297813a] {
    padding: 80px 0;
}
.locations .contact-wrapper[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.locations .contact-cards[data-v-6297813a] {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.partners[data-v-6297813a] {
    padding: 80px 0;
}
}
@media (max-width: 576px) {
.hero-carousel[data-v-6297813a] {
    min-height: 450px;
}
.hero-carousel .hero-title[data-v-6297813a] {
    font-size: 32px;
}
.hero-carousel .carousel-indicators[data-v-6297813a] {
    bottom: 20px;
}
.hero-carousel .carousel-indicators .indicator[data-v-6297813a] {
    width: 10px;
    height: 10px;
}
.hero-carousel .carousel-indicators .indicator.active[data-v-6297813a] {
    width: 25px;
}
.services .services-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.cases .cases-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.partners .partners-carousel[data-v-6297813a] {
    height: 150px;
}
.partners .partners-carousel .carousel-slide[data-v-6297813a] {
    width: 200px;
    height: 150px;
}
.locations .contact-cards[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.footer .footer-links-wrapper[data-v-6297813a] {
    grid-template-columns: 1fr;
}
.btn-primary[data-v-6297813a],
  .btn-secondary[data-v-6297813a] {
    padding: 12px 24px;
    font-size: 14px;
}
}
.platforms-entry-section[data-v-6297813a] {
  padding: 100px 0;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  position: relative;
  overflow: hidden;
}
.platforms-entry-section[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 30%, rgba(200, 16, 46, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(26, 84, 144, 0.05) 0%, transparent 50%);
  pointer-events: none;
}
.platforms-entry-section[data-v-6297813a]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, rgba(200, 16, 46, 0.1) 50%, rgba(26, 84, 144, 0.1) 100%);
}
.platforms-entry-grid[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}
.entry-card[data-v-6297813a] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 32px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  text-align: center;
  animation: fadeInUp-6297813a 0.8s ease-out both;
}
.entry-card[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #4b73ca 0%, #10b981 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.entry-card[data-v-6297813a]:nth-child(1) {
  animation-delay: 0.1s;
}
.entry-card[data-v-6297813a]:nth-child(2) {
  animation-delay: 0.2s;
}
.entry-card[data-v-6297813a]:nth-child(3) {
  animation-delay: 0.3s;
}
.entry-card[data-v-6297813a]:nth-child(4) {
  animation-delay: 0.4s;
}
.entry-card .card-icon[data-v-6297813a] {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.12) 0%, rgba(16, 185, 129, 0.12) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.15);
}
.entry-card .card-icon i[data-v-6297813a] {
  font-size: 36px;
  color: #4b73ca;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.entry-card .card-title[data-v-6297813a] {
  font-size: 24px;
  font-weight: 700;
  color: white;
  margin-bottom: 16px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.3;
  transition: color 0.3s ease;
}
.entry-card .card-title[data-v-6297813a]:hover {
  color: #4b73ca;
}
.entry-card .card-desc[data-v-6297813a] {
  font-size: 16px;
  color: white;
  line-height: 1.7;
  margin-bottom: 32px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  transition: color 0.3s ease;
}
.entry-card .card-desc[data-v-6297813a]:hover {
  color: #64748b;
}
.entry-card .card-link[data-v-6297813a] {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.08) 0%, rgba(16, 185, 129, 0.08) 100%);
  color: #4b73ca;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  border: 2px solid rgba(75, 115, 202, 0.2);
  position: relative;
  overflow: hidden;
}
.entry-card .card-link[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
@media (max-width: 992px) {
.platforms-entry-section[data-v-6297813a] {
    padding: 80px 0;
}
.platforms-entry-grid[data-v-6297813a] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 40px;
}
.entry-card[data-v-6297813a] {
    padding: 32px 24px;
}
.entry-card .card-icon[data-v-6297813a] {
    width: 72px;
    height: 72px;
}
.entry-card .card-icon i[data-v-6297813a] {
    font-size: 32px;
}
.entry-card .card-title[data-v-6297813a] {
    font-size: 20px;
}
.entry-card .card-desc[data-v-6297813a] {
    font-size: 14px;
    margin-bottom: 24px;
}
.entry-card .card-link[data-v-6297813a] {
    padding: 12px 28px;
    font-size: 14px;
}
}
@media (max-width: 768px) {
.platforms-entry-section[data-v-6297813a] {
    padding: 60px 0;
}
.platforms-entry-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
}
.entry-card[data-v-6297813a] {
    padding: 28px 20px;
}
.entry-card .card-icon[data-v-6297813a] {
    width: 64px;
    height: 64px;
}
.entry-card .card-icon i[data-v-6297813a] {
    font-size: 28px;
}
.entry-card .card-title[data-v-6297813a] {
    font-size: 18px;
    margin-bottom: 12px;
    color: white;
}
.entry-card .card-desc[data-v-6297813a] {
    font-size: 13px;
    margin-bottom: 20px;
}
.entry-card .card-link[data-v-6297813a] {
    padding: 10px 24px;
    font-size: 13px;
}
}
.platform-card[data-v-6297813a] {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.platform-card[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #10b981 100%);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.platform-card .card-header[data-v-6297813a] {
  width: 100%;
  height: 160px;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease;
  overflow: hidden;
}
.platform-card .card-header[data-v-6297813a]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
}
.platform-card .card-header .card-content[data-v-6297813a] {
  position: relative;
  text-align: center;
  color: #1e293b;
  z-index: 2;
  padding: 0 24px;
}
.platform-card .card-header .card-content .card-title[data-v-6297813a] {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  color: white;
}
.platform-card .card-header .card-content .card-desc[data-v-6297813a] {
  font-size: 14px;
  color: white;
  line-height: 1.6;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.platform-card .card-btn[data-v-6297813a] {
  display: block;
  padding: 16px 20px;
  text-align: center;
  color: #64748b;
  font-weight: 600;
  text-decoration: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  margin-top: auto;
}
.platforms-entry-header[data-v-6297813a] {
  text-align: center;
  margin-bottom: 60px;
  animation: fadeInUp-6297813a 0.8s ease-out;
}
.platforms-entry-title[data-v-6297813a] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.platforms-entry-title[data-v-6297813a]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #10b981 100%);
  border-radius: 2px;
}
.platforms-entry-subtitle[data-v-6297813a] {
  font-size: 18px;
  color: #64748b;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
  line-height: 1.6;
}
.platforms-entry-grid[data-v-6297813a] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  margin-top: 5px;
}
.platform-entry-card[data-v-6297813a] {
  background: #ffffff;
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  animation: fadeInUp-6297813a 0.8s ease-out;
}
.platform-entry-card[data-v-6297813a]:nth-child(2) {
  animation-delay: 0.2s;
}
.platform-entry-card[data-v-6297813a]:nth-child(3) {
  animation-delay: 0.4s;
}
.platform-entry-card[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #10b981 100%);
  transform: scaleX(0);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-icon[data-v-6297813a] {
  width: 80px;
  height: 80px;
  margin: 0 auto 24px;
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #4b73ca;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-title[data-v-6297813a] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-desc[data-v-6297813a] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin-bottom: 30px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-btn[data-v-6297813a] {
  display: inline-block;
  padding: 12px 32px;
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  color: #1e293b;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.platform-card-btn[data-v-6297813a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-card-btn[data-v-6297813a]:hover::before {
  left: 100%;
}
@media (max-width: 768px) {
.platforms-entry-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.platform-card[data-v-6297813a] {
    max-width: 320px;
    margin: 0 auto;
}
}
@media (max-width: 1024px) {
.platforms-entry-section[data-v-6297813a] {
    padding: 60px 0;
}
.platforms-entry-title[data-v-6297813a] {
    font-size: 28px;
}
.platforms-entry-grid[data-v-6297813a] {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.platform-entry-card[data-v-6297813a] {
    padding: 30px 24px;
}
.platform-card-icon[data-v-6297813a] {
    width: 64px;
    height: 64px;
    font-size: 24px;
}
.platform-card-title[data-v-6297813a] {
    font-size: 18px;
}
}
@media (max-width: 768px) {
.platforms-entry-section[data-v-6297813a] {
    padding: 40px 0;
}
.platforms-entry-header[data-v-6297813a] {
    margin-bottom: 40px;
}
.platforms-entry-title[data-v-6297813a] {
    font-size: 24px;
}
.platforms-entry-subtitle[data-v-6297813a] {
    font-size: 14px;
}
.platforms-entry-grid[data-v-6297813a] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.platform-entry-card[data-v-6297813a] {
    padding: 24px 20px;
}
.platform-card-icon[data-v-6297813a] {
    width: 56px;
    height: 56px;
    font-size: 20px;
}
.platform-card-title[data-v-6297813a] {
    font-size: 16px;
}
.platform-card-desc[data-v-6297813a] {
    font-size: 13px;
}
.platform-card-btn[data-v-6297813a] {
    padding: 10px 24px;
    font-size: 13px;
}
}
@media (max-width: 768px) {
.navbar .navbar-logo[data-v-6297813a] {
    gap: 12px;
}
.navbar .navbar-logo img[data-v-6297813a] {
    height: 50px;
}
.navbar .navbar-logo h1[data-v-6297813a] {
    font-size: 18px;
}
}
@media (max-width: 576px) {
.navbar .navbar-logo[data-v-6297813a] {
    gap: 10px;
}
.navbar .navbar-logo img[data-v-6297813a] {
    height: 40px;
}
.navbar .navbar-logo h1[data-v-6297813a] {
    font-size: 16px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/dfjm3.vue?vue&type=style&index=0&id=627b5238&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.gov-website[data-v-627b5238] {
  font-family: "SimSun", "Microsoft YaHei", "SimHei", sans-serif;
  color: #333333;
  background-color: #ffffff;
  line-height: 1.6;
}
.container[data-v-627b5238] {
  width: 100%;
  max-width: 1351px;
  margin: 0 auto;
  padding: 0 20px;
}
.top-info-bar[data-v-627b5238] {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
  font-size: 14px;
}
.top-info-bar .info-content[data-v-627b5238] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-info-bar .info-content .info-left[data-v-627b5238] {
  display: flex;
  gap: 20px;
}
.top-info-bar .info-content .info-left span[data-v-627b5238] {
  color: #666666;
}
.top-info-bar .info-content .info-right[data-v-627b5238] {
  display: flex;
  gap: 15px;
}
.top-info-bar .info-content .info-right a[data-v-627b5238] {
  color: #1a5490;
  text-decoration: none;
  transition: color 0.3s ease;
}
.top-info-bar .info-content .info-right a[data-v-627b5238]:hover {
  color: #DC143C;
}
.top-nav[data-v-627b5238] {
  background-color: #1a5490;
  color: #ffffff;
  padding: 20px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.top-nav .nav-content[data-v-627b5238] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-nav .logo[data-v-627b5238] {
  display: flex;
  align-items: center;
}
.top-nav .logo img[data-v-627b5238] {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.top-nav .logo .logo-text h1[data-v-627b5238] {
  font-size: 24px;
  font-weight: bold;
  font-family: "SimHei", sans-serif;
  margin: 0;
  line-height: 1.2;
}
.top-nav .logo .logo-text p[data-v-627b5238] {
  font-size: 14px;
  margin: 5px 0 0;
  opacity: 0.9;
}
.top-nav .main-nav ul[data-v-627b5238] {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.top-nav .main-nav ul li[data-v-627b5238] {
  margin-left: 35px;
  position: relative;
}
.top-nav .main-nav ul li a[data-v-627b5238] {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: color 0.3s ease;
  padding: 8px 0;
  position: relative;
}
.top-nav .main-nav ul li a[data-v-627b5238]:hover, .top-nav .main-nav ul li a.active[data-v-627b5238] {
  color: #ffd700;
}
.top-nav .main-nav ul li a.active[data-v-627b5238]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ffd700;
}
.hero-banner[data-v-627b5238] {
  background: linear-gradient(135deg, #1a5490, #0f3a63);
  color: #ffffff;
  padding: 150px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.hero-banner[data-v-627b5238]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=abstract%20pattern%20with%20geometric%20shapes%20in%20blue%20and%20white%20for%20government%20website%20background&image_size=landscape_16_9") center/cover no-repeat;
  opacity: 0.1;
}
.hero-banner .banner-content[data-v-627b5238] {
  position: relative;
  z-index: 1;
}
.hero-banner .banner-content h1[data-v-627b5238] {
  font-size: 56px;
  margin-bottom: 25px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.hero-banner .banner-content p[data-v-627b5238] {
  font-size: 22px;
  margin-bottom: 50px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.9;
}
.hero-banner .banner-content .banner-buttons[data-v-627b5238] {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.hero-banner .banner-content .banner-buttons .btn-primary[data-v-627b5238] {
  background-color: #DC143C;
  color: #ffffff;
  padding: 15px 40px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.hero-banner .banner-content .banner-buttons .btn-primary[data-v-627b5238]:hover {
  background-color: rgb(173.25, 15.75, 47.25);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.hero-banner .banner-content .banner-buttons .btn-secondary[data-v-627b5238] {
  background-color: transparent;
  color: #ffffff;
  padding: 15px 40px;
  text-decoration: none;
  border: 2px solid #ffffff;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.hero-banner .banner-content .banner-buttons .btn-secondary[data-v-627b5238]:hover {
  background-color: #ffffff;
  color: #1a5490;
  transform: translateY(-2px);
}
.section-header[data-v-627b5238] {
  text-align: center;
  margin-bottom: 60px;
}
.section-header h2[data-v-627b5238] {
  font-size: 36px;
  color: #1a5490;
  margin-bottom: 20px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.section-header h2[data-v-627b5238]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background-color: #DC143C;
}
.section-header .section-divider[data-v-627b5238] {
  width: 80px;
  height: 3px;
  background-color: #DC143C;
  margin: 0 auto 25px;
}
.section-header .section-subtitle[data-v-627b5238] {
  font-size: 16px;
  color: #666666;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}
.about-section[data-v-627b5238] {
  padding: 100px 0;
  background-color: #ffffff;
}
.about-section .about-content[data-v-627b5238] {
  display: flex;
  gap: 60px;
  align-items: center;
}
.about-section .about-content .about-left[data-v-627b5238] {
  flex: 1;
}
.about-section .about-content .about-left img[data-v-627b5238] {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.about-section .about-content .about-right[data-v-627b5238] {
  flex: 1;
}
.about-section .about-content .about-right p[data-v-627b5238] {
  margin-bottom: 25px;
  text-align: justify;
  font-size: 16px;
  line-height: 1.8;
}
.about-section .about-content .about-right .company-stats[data-v-627b5238] {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #e0e0e0;
}
.about-section .about-content .about-right .company-stats .stat-item[data-v-627b5238] {
  text-align: center;
  flex: 1;
}
.about-section .about-content .about-right .company-stats .stat-item .stat-number[data-v-627b5238] {
  font-size: 36px;
  font-weight: bold;
  color: #1a5490;
  margin-bottom: 10px;
  font-family: "SimHei", sans-serif;
}
.about-section .about-content .about-right .company-stats .stat-item .stat-label[data-v-627b5238] {
  font-size: 14px;
  color: #666666;
}
.products-section[data-v-627b5238] {
  padding: 100px 0;
  background-color: #f0f2f5;
}
.products-section .products-grid[data-v-627b5238] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.products-section .products-grid .product-item[data-v-627b5238] {
  background-color: #ffffff;
  padding: 40px 30px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.products-section .products-grid .product-item[data-v-627b5238]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #1a5490;
}
.products-section .products-grid .product-item[data-v-627b5238]:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.products-section .products-grid .product-item .product-image[data-v-627b5238] {
  margin-bottom: 25px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-section .products-grid .product-item .product-image img[data-v-627b5238] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.products-section .products-grid .product-item .product-icon[data-v-627b5238] {
  width: 90px;
  height: 90px;
  background-color: #1a5490;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  font-size: 36px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.products-section .products-grid .product-item h3[data-v-627b5238] {
  font-size: 22px;
  color: #1a5490;
  margin-bottom: 25px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
}
.products-section .products-grid .product-item ul[data-v-627b5238] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.products-section .products-grid .product-item ul li[data-v-627b5238] {
  margin-bottom: 12px;
  color: #333333;
  font-size: 15px;
}
.services-section[data-v-627b5238] {
  padding: 100px 0;
  background-color: #ffffff;
}
.services-section .services-grid[data-v-627b5238] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.services-section .services-grid .service-item[data-v-627b5238] {
  background-color: #f0f2f5;
  padding: 40px 30px;
  border-radius: 8px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e0e0e0;
}
.services-section .services-grid .service-item[data-v-627b5238]:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: #1a5490;
}
.services-section .services-grid .service-item .service-icon[data-v-627b5238] {
  width: 80px;
  height: 80px;
  background-color: #1a5490;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
  font-size: 32px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.services-section .services-grid .service-item h3[data-v-627b5238] {
  font-size: 20px;
  color: #1a5490;
  margin-bottom: 25px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
}
.services-section .services-grid .service-item ul[data-v-627b5238] {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.services-section .services-grid .service-item ul li[data-v-627b5238] {
  margin-bottom: 12px;
  color: #333333;
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}
.services-section .services-grid .service-item ul li[data-v-627b5238]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #1a5490;
  font-weight: bold;
}
.honors-section[data-v-627b5238] {
  padding: 100px 0;
  background-color: #f0f2f5;
}
.honors-section .honors-grid[data-v-627b5238] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.honors-section .honors-grid .honor-item[data-v-627b5238] {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 8px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.honors-section .honors-grid .honor-item[data-v-627b5238]:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.honors-section .honors-grid .honor-item img[data-v-627b5238] {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 25px;
}
.honors-section .honors-grid .honor-item h3[data-v-627b5238] {
  font-size: 18px;
  color: #1a5490;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
}
.news-section[data-v-627b5238] {
  padding: 100px 0;
  background-color: #ffffff;
}
.news-section .news-grid[data-v-627b5238] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.news-section .news-grid .news-item[data-v-627b5238] {
  background-color: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.news-section .news-grid .news-item[data-v-627b5238]:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.news-section .news-grid .news-item .news-image[data-v-627b5238] {
  height: 200px;
  overflow: hidden;
}
.news-section .news-grid .news-item .news-image img[data-v-627b5238] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.news-section .news-grid .news-item .news-image:hover img[data-v-627b5238] {
  transform: scale(1.05);
}
.news-section .news-grid .news-item .news-content[data-v-627b5238] {
  padding: 25px;
}
.news-section .news-grid .news-item .news-content .news-date[data-v-627b5238] {
  display: inline-block;
  background-color: #1a5490;
  color: #ffffff;
  padding: 5px 15px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.news-section .news-grid .news-item .news-content h3[data-v-627b5238] {
  font-size: 18px;
  color: #1a5490;
  margin-bottom: 15px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
  line-height: 1.4;
}
.news-section .news-grid .news-item .news-content p[data-v-627b5238] {
  margin-bottom: 20px;
  color: #333333;
  font-size: 15px;
  line-height: 1.6;
}
.news-section .news-grid .news-item .news-content .news-link[data-v-627b5238] {
  display: inline-block;
  color: #1a5490;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.news-section .news-grid .news-item .news-content .news-link[data-v-627b5238]:hover {
  color: #DC143C;
}
.contact-section[data-v-627b5238] {
  padding: 100px 0;
  background-color: #f0f2f5;
}
.contact-section .contact-content[data-v-627b5238] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.contact-section .contact-content .contact-info[data-v-627b5238] {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.contact-section .contact-content .contact-info h3[data-v-627b5238] {
  font-size: 22px;
  color: #1a5490;
  margin-bottom: 30px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 2px solid #1a5490;
}
.contact-section .contact-content .contact-info p[data-v-627b5238] {
  margin-bottom: 20px;
  color: #333333;
  font-size: 16px;
  line-height: 1.6;
}
.contact-section .contact-content .contact-form[data-v-627b5238] {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.contact-section .contact-content .contact-form h3[data-v-627b5238] {
  font-size: 22px;
  color: #1a5490;
  margin-bottom: 30px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 2px solid #1a5490;
}
.contact-section .contact-content .contact-form .form-group[data-v-627b5238] {
  margin-bottom: 20px;
}
.contact-section .contact-content .contact-form .form-group label[data-v-627b5238] {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333333;
}
.contact-section .contact-content .contact-form .form-group input[data-v-627b5238],
.contact-section .contact-content .contact-form .form-group textarea[data-v-627b5238] {
  width: 100%;
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
.contact-section .contact-content .contact-form .form-group input[data-v-627b5238]:focus,
.contact-section .contact-content .contact-form .form-group textarea[data-v-627b5238]:focus {
  outline: none;
  border-color: #1a5490;
  box-shadow: 0 0 0 2px rgba(26, 84, 144, 0.2);
}
.contact-section .contact-content .contact-form .form-group textarea[data-v-627b5238] {
  resize: vertical;
  min-height: 120px;
}
.contact-section .contact-content .contact-form .submit-btn[data-v-627b5238] {
  background-color: #1a5490;
  color: #ffffff;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.contact-section .contact-content .contact-form .submit-btn[data-v-627b5238]:hover {
  background-color: rgb(18.2, 58.8, 100.8);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.footer[data-v-627b5238] {
  background-color: #1a5490;
  color: #ffffff;
  padding: 80px 0 40px;
}
.footer .footer-content[data-v-627b5238] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 50px;
  margin-bottom: 50px;
}
.footer .footer-content .footer-info h3[data-v-627b5238] {
  font-size: 24px;
  margin-bottom: 30px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
}
.footer .footer-content .footer-info p[data-v-627b5238] {
  margin-bottom: 15px;
  line-height: 1.8;
  opacity: 0.9;
}
.footer .footer-content .footer-info .footer-contact[data-v-627b5238] {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .footer-content .footer-info .footer-contact p[data-v-627b5238] {
  margin-bottom: 10px;
  font-size: 14px;
}
.footer .footer-content .footer-links h4[data-v-627b5238] {
  font-size: 18px;
  margin-bottom: 25px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
}
.footer .footer-content .footer-links h4[data-v-627b5238]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #ffd700;
}
.footer .footer-content .footer-links ul[data-v-627b5238] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer .footer-content .footer-links ul li[data-v-627b5238] {
  margin-bottom: 12px;
}
.footer .footer-content .footer-links ul li a[data-v-627b5238] {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s ease;
  font-size: 14px;
}
.footer .footer-content .footer-links ul li a[data-v-627b5238]:hover {
  color: #ffffff;
}
.footer .footer-content .footer-qrcode h4[data-v-627b5238] {
  font-size: 18px;
  margin-bottom: 25px;
  font-family: "SimHei", sans-serif;
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
}
.footer .footer-content .footer-qrcode h4[data-v-627b5238]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #ffd700;
}
.footer .footer-content .footer-qrcode img[data-v-627b5238] {
  width: 120px;
  height: 120px;
  margin-bottom: 15px;
}
.footer .footer-content .footer-qrcode p[data-v-627b5238] {
  font-size: 14px;
  opacity: 0.9;
}
.footer .footer-bottom[data-v-627b5238] {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .footer-bottom .footer-copyright p[data-v-627b5238] {
  font-size: 14px;
  opacity: 0.8;
  margin: 0;
  line-height: 1.5;
}
.footer .footer-bottom .footer-links-bottom[data-v-627b5238] {
  display: flex;
  gap: 20px;
}
.footer .footer-bottom .footer-links-bottom a[data-v-627b5238] {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}
.footer .footer-bottom .footer-links-bottom a[data-v-627b5238]:hover {
  color: #ffffff;
}
@media (max-width: 1200px) {
.container[data-v-627b5238] {
    max-width: 960px;
}
.about-content[data-v-627b5238] {
    gap: 40px;
}
.products-grid[data-v-627b5238],
  .honors-grid[data-v-627b5238] {
    grid-template-columns: repeat(2, 1fr);
}
.services-grid[data-v-627b5238] {
    grid-template-columns: repeat(2, 1fr);
}
.news-grid[data-v-627b5238] {
    grid-template-columns: repeat(2, 1fr);
}
.contact-content[data-v-627b5238] {
    grid-template-columns: 1fr 1fr;
}
.footer-content[data-v-627b5238] {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
}
@media (max-width: 992px) {
.container[data-v-627b5238] {
    max-width: 720px;
}
.logo-text h1[data-v-627b5238] {
    font-size: 20px;
}
.main-nav li[data-v-627b5238] {
    margin-left: 25px;
}
.main-nav a[data-v-627b5238] {
    font-size: 15px;
}
.banner-content h1[data-v-627b5238] {
    font-size: 48px;
}
.about-content[data-v-627b5238] {
    flex-direction: column;
    text-align: center;
}
.about-left[data-v-627b5238],
  .about-right[data-v-627b5238] {
    flex: 100%;
}
.company-stats[data-v-627b5238] {
    justify-content: center;
}
.contact-content[data-v-627b5238] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.container[data-v-627b5238] {
    max-width: 540px;
}
.info-content[data-v-627b5238] {
    flex-direction: column;
    gap: 10px;
    text-align: center;
}
.info-left[data-v-627b5238] {
    flex-wrap: wrap;
    justify-content: center;
}
.nav-content[data-v-627b5238] {
    flex-direction: column;
    gap: 20px;
}
.logo[data-v-627b5238] {
    flex-direction: column;
    text-align: center;
}
.logo img[data-v-627b5238] {
    margin-right: 0;
    margin-bottom: 15px;
}
.main-nav ul[data-v-627b5238] {
    flex-wrap: wrap;
    justify-content: center;
}
.main-nav li[data-v-627b5238] {
    margin: 0 15px 10px;
}
.banner-content h1[data-v-627b5238] {
    font-size: 36px;
}
.banner-content p[data-v-627b5238] {
    font-size: 18px;
}
.banner-buttons[data-v-627b5238] {
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.btn-primary[data-v-627b5238],
  .btn-secondary[data-v-627b5238] {
    width: 200px;
    text-align: center;
}
.section-header h2[data-v-627b5238] {
    font-size: 32px;
}
.products-grid[data-v-627b5238],
  .services-grid[data-v-627b5238],
  .honors-grid[data-v-627b5238],
  .news-grid[data-v-627b5238] {
    grid-template-columns: 1fr;
}
.footer-content[data-v-627b5238] {
    grid-template-columns: 1fr;
    gap: 40px;
}
.footer-bottom[data-v-627b5238] {
    flex-direction: column;
    gap: 20px;
    text-align: center;
}
.footer-links-bottom[data-v-627b5238] {
    justify-content: center;
}
}
@media (max-width: 576px) {
.container[data-v-627b5238] {
    padding: 0 15px;
}
.banner-content h1[data-v-627b5238] {
    font-size: 28px;
}
.section-header h2[data-v-627b5238] {
    font-size: 28px;
}
.about-section[data-v-627b5238],
  .products-section[data-v-627b5238],
  .services-section[data-v-627b5238],
  .honors-section[data-v-627b5238],
  .news-section[data-v-627b5238],
  .contact-section[data-v-627b5238] {
    padding: 60px 0;
}
.hero-banner[data-v-627b5238] {
    padding: 100px 0;
}
.company-stats[data-v-627b5238] {
    flex-direction: column;
    gap: 20px;
}
.stat-item[data-v-627b5238] {
    margin-bottom: 20px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/udi.vue?vue&type=style&index=0&id=3556d490&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.index[data-v-3556d490] {
  height: 67vh;
  padding-top: 44px;
}
.news[data-v-3556d490] {
  padding: 20px;
}
.title[data-v-3556d490] {
  margin-bottom: 20px;
}
.cont[data-v-3556d490] {
  display: flex;
  flex-wrap: wrap;
}
.newsimg[data-v-3556d490] {
  position: relative;
}
.newsimg .img[data-v-3556d490] {
  width: 100%;
  height: auto;
}
.newsimg .txt[data-v-3556d490] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
}
.textlist[data-v-3556d490] {
  margin-top: 20px;
}
.time[data-v-3556d490] {
  margin-right: 10px;
}
.time b[data-v-3556d490] {
  font-size: 18px;
  font-weight: bold;
}
.time span[data-v-3556d490] {
  font-size: 14px;
}
.list .item[data-v-3556d490] {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.newsimg .txt[data-v-3556d490] {
    position: static;
    background-color: transparent;
    color: black;
    padding: 0;
}
.index .title p[data-v-3556d490] {
    text-align: left;
}
.index .news .textlist[data-v-3556d490] {
    height: 303px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.newsimg .txt[data-v-3556d490] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
}
.index .news .textlist[data-v-3556d490] {
    height: 303px;
}
}
@media screen and (min-width: 1025px) {
.newsimg .txt[data-v-3556d490] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
}
.index .news .textlist[data-v-3556d490] {
    height: 303px;
    margin-left: -12%;
}
.index .title p[data-v-3556d490] {
    text-align: center;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ecode.vue?vue&type=style&index=0&id=27476128&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.index[data-v-27476128] {
  height: 67vh;
  padding-top: 44px;
}
.news[data-v-27476128] {
  padding: 20px;
}
.title[data-v-27476128] {
  margin-bottom: 20px;
}
.cont[data-v-27476128] {
  display: flex;
  flex-wrap: wrap;
}
.newsimg[data-v-27476128] {
  position: relative;
}
.newsimg .img[data-v-27476128] {
  width: 100%;
  height: auto;
}
.newsimg .txt[data-v-27476128] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
}
.textlist[data-v-27476128] {
  margin-top: 20px;
}
.time[data-v-27476128] {
  margin-right: 10px;
}
.time b[data-v-27476128] {
  font-size: 18px;
  font-weight: bold;
}
.time span[data-v-27476128] {
  font-size: 14px;
}
.list .item[data-v-27476128] {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  /* 移动设备 */
.newsimg .txt[data-v-27476128] {
    position: static;
    background-color: transparent;
    color: black;
    padding: 0;
}
.index .news .textlist[data-v-27476128]{
      height: 303px;
      margin-left: 5%;
}
.title[data-v-27476128]{
      /* margin-left: 10px; */
      margin-top: 20%;
      text-align: center;
}
.ecodeaos[data-v-27476128]{
      display: none;
}
.index .title p[data-v-27476128]{
    text-align: left;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* 平板设备 */
.newsimg .txt[data-v-27476128] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
}
.index .news .textlist[data-v-27476128]{
      height: 303px;
      margin-left: 5%;
}
}
@media screen and (min-width: 1025px) {
  /* 桌面设备 */
.newsimg .txt[data-v-27476128] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
}
.index .news .textlist[data-v-27476128]{
      height: 303px;
      width: 75%;
      margin-left: -2%;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/casejm.vue?vue&type=style&index=0&id=de597ce6&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-de597ce6] {
  box-sizing: border-box;
}
.carousel-controls[data-v-de597ce6] {
  position: absolute;
  bottom: -60px;
  right: 0;
  display: flex;
  gap: 1rem;
  z-index: 10;
}
.carousel-controls .control-btn[data-v-de597ce6] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #2d3748;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.carousel-controls .control-btn[data-v-de597ce6]:hover:not(:disabled) {
  background: #3182ce;
  color: white;
}
.carousel-controls .control-btn[data-v-de597ce6]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.product-slide[data-v-de597ce6] {
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  display: none;
}
.product-slide.active[data-v-de597ce6] {
  display: block;
  animation: fadeIn-de597ce6 0.5s ease-out;
}
.product-categories-section[data-v-de597ce6] {
  padding: 4rem 0;
  background: #f7fafc;
}
.product-categories-section .section-container[data-v-de597ce6] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}
.product-categories-section .section-header[data-v-de597ce6] {
  text-align: center;
  margin-bottom: 3rem;
}
.product-categories-section .section-header .section-title[data-v-de597ce6] {
  font-size: 2rem;
  color: #2d3748;
  margin-bottom: 0.8rem;
  font-weight: 600;
  position: relative;
}
.product-categories-section .section-header .section-title[data-v-de597ce6]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 2px;
  background: #3182ce;
}
.product-categories-section .section-header .section-subtitle[data-v-de597ce6] {
  font-size: 1rem;
  color: #4a5568;
  margin: 0;
  max-width: 600px;
  margin: 0 auto;
}
.categories-grid[data-v-de597ce6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}
@media (max-width: 768px) {
.categories-grid[data-v-de597ce6] {
    grid-template-columns: 1fr;
}
}
.category-card[data-v-de597ce6] {
  cursor: pointer;
}
.category-card .card-inner[data-v-de597ce6] {
  background: #ffffff;
  border-radius: 8px;
  padding: 2rem 1.5rem;
  text-align: center;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.category-card .card-inner[data-v-de597ce6]:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  border-color: #3182ce;
}
.category-card .card-icon[data-v-de597ce6] {
  position: relative;
  margin-bottom: 1.5rem;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-card .card-icon .icon-background[data-v-de597ce6] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(49, 130, 206, 0.05);
}
.category-card .card-icon .category-icon[data-v-de597ce6] {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 2;
}
.category-card .card-content .category-title[data-v-de597ce6] {
  font-size: 1.1rem;
  color: #2d3748;
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}
.category-card .card-content .category-desc[data-v-de597ce6] {
  color: #718096;
  font-size: 0.9rem;
  margin: 0;
}
.category-card .card-content .card-arrow[data-v-de597ce6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #3182ce;
  color: white;
  font-size: 0.9rem;
  margin-top: 0.8rem;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
}
.category-card:hover .card-arrow[data-v-de597ce6] {
  opacity: 1;
  transform: translateX(0);
}
.category-card:hover .category-title[data-v-de597ce6] {
  color: #3182ce;
}
.category-card.category-0 .card-inner[data-v-de597ce6], .category-card.category-1 .card-inner[data-v-de597ce6], .category-card.category-2 .card-inner[data-v-de597ce6], .category-card.category-3 .card-inner[data-v-de597ce6] {
  border-left: 3px solid #3182ce;
}
.main-product-section[data-v-de597ce6] {
  padding: 4rem 0;
  background: white;
}
.main-product-section .section-container[data-v-de597ce6] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}
.main-product-section .section-header[data-v-de597ce6] {
  text-align: center;
  margin-bottom: 3rem;
}
.main-product-section .section-header .section-title[data-v-de597ce6] {
  font-size: 2rem;
  color: #2d3748;
  margin-bottom: 0.8rem;
  font-weight: 600;
}
.main-product-section .section-header .section-subtitle[data-v-de597ce6] {
  font-size: 1rem;
  color: #4a5568;
  margin: 0;
}
.product-carousel-container[data-v-de597ce6] {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.product-slide-inner[data-v-de597ce6] {
  display: flex;
  align-items: center;
  min-height: 450px;
  padding: 2rem;
}
@media (max-width: 992px) {
.product-slide-inner[data-v-de597ce6] {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
    min-height: auto;
}
}
.product-image-section[data-v-de597ce6] {
  flex: 1;
  padding-right: 2rem;
}
@media (max-width: 992px) {
.product-image-section[data-v-de597ce6] {
    padding-right: 0;
    margin-bottom: 1.5rem;
}
}
.product-image-section .image-wrapper[data-v-de597ce6] {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background: #f7fafc;
  padding: 1.5rem;
}
.product-image-section .image-wrapper .product-image[data-v-de597ce6] {
  width: 100%;
  height: 350px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  transition: all 0.3s ease;
}
.product-image-section:hover .image-wrapper .product-image[data-v-de597ce6] {
  transform: scale(1.03);
}
.product-info-section[data-v-de597ce6] {
  flex: 1;
}
.product-info-section .product-name[data-v-de597ce6] {
  font-size: 1.8rem;
  color: #2d3748;
  margin: 0 0 1rem 0;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 768px) {
.product-info-section .product-name[data-v-de597ce6] {
    font-size: 1.5rem;
}
}
.product-info-section .product-description p[data-v-de597ce6] {
  font-size: 1rem;
  color: #4a5568;
  line-height: 1.6;
  margin: 0 0 1.5rem 0;
}
.product-info-section .product-action-btn[data-v-de597ce6] {
  background: #3182ce;
  color: white;
  border: none;
  padding: 0.8rem 2rem;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.product-info-section .product-action-btn[data-v-de597ce6]:hover {
  background: rgb(39.2, 104, 164.8);
}
.product-info-section .product-action-btn .action-arrow[data-v-de597ce6] {
  transition: all 0.3s ease;
}
.product-info-section .product-action-btn:hover .action-arrow[data-v-de597ce6] {
  transform: translateX(3px);
}
.product-list-section[data-v-de597ce6] {
  padding: 4rem 0;
  background: #f7fafc;
}
.product-list-section .section-container[data-v-de597ce6] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}
.product-list-section .section-header[data-v-de597ce6] {
  text-align: center;
  margin-bottom: 2.5rem;
}
.product-list-section .section-header .section-title[data-v-de597ce6] {
  font-size: 2rem;
  color: #2d3748;
  margin: 0;
  font-weight: 600;
}
.tabs-container[data-v-de597ce6] {
  margin-bottom: 2rem;
}
.tabs-container .custom-tabs[data-v-de597ce6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.tabs-container .custom-tabs .tab-item[data-v-de597ce6] {
  padding: 0.8rem 1.5rem;
  border-radius: 4px;
  background: #ffffff;
  color: #4a5568;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #e2e8f0;
}
.tabs-container .custom-tabs .tab-item[data-v-de597ce6]:hover {
  color: #3182ce;
  border-color: #3182ce;
}
.tabs-container .custom-tabs .tab-item.active[data-v-de597ce6] {
  background: #3182ce;
  color: white;
  border-color: #3182ce;
}
.products-grid[data-v-de597ce6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.products-grid[data-v-de597ce6] {
    grid-template-columns: 1fr;
}
}
.product-card .product-card-inner[data-v-de597ce6] {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  height: 100%;
}
.product-card .product-card-inner[data-v-de597ce6]:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  border-color: #3182ce;
}
.product-card .product-image-wrapper[data-v-de597ce6] {
  position: relative;
  height: 220px;
  overflow: hidden;
  background: #f7fafc;
}
.product-card .product-image-wrapper .product-image[data-v-de597ce6] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s ease;
  padding: 1.5rem;
}
.product-card:hover .product-image-wrapper .product-image[data-v-de597ce6] {
  transform: scale(1.05);
}
.product-card .product-content[data-v-de597ce6] {
  padding: 1.5rem;
}
.product-card .product-content .product-title[data-v-de597ce6] {
  font-size: 1.1rem;
  color: #2d3748;
  margin: 0 0 0.8rem 0;
  font-weight: 600;
}
.product-card .product-content .product-desc[data-v-de597ce6] {
  color: #4a5568;
  line-height: 1.5;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-card .product-content .product-more-btn[data-v-de597ce6] {
  background: #3182ce;
  color: white;
  border: none;
  padding: 0.6rem 1.5rem;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}
.product-card .product-content .product-more-btn[data-v-de597ce6]:hover {
  background: rgb(39.2, 104, 164.8);
}
.pagination-controls[data-v-de597ce6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}
.pagination-controls .page-btn[data-v-de597ce6] {
  padding: 0.8rem 1.8rem;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #2d3748;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 100px;
}
.pagination-controls .page-btn[data-v-de597ce6]:hover:not(:disabled) {
  background: #3182ce;
  color: white;
  border-color: #3182ce;
}
.pagination-controls .page-btn[data-v-de597ce6]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@keyframes fadeIn-de597ce6 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.company-header[data-v-de597ce6] {
  height: 400px !important;
  margin-top: 6% !important;
  background: #f7fafc;
  border-radius: 8px;
  position: relative;
}
.company-header .header-container[data-v-de597ce6] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
}
.company-header .header-content[data-v-de597ce6] {
  display: flex;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  gap: 2rem;
}
.company-header .header-text[data-v-de597ce6] {
  flex: 1;
  max-width: 600px;
}
.company-header .header-text .company-title[data-v-de597ce6] {
  font-size: 2rem;
  color: #2d3748;
  margin-bottom: 1rem;
  font-weight: 600;
  position: relative;
}
.company-header .header-text .company-title[data-v-de597ce6]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 50px;
  height: 2px;
  background: #3182ce;
}
.company-header .header-text .company-description[data-v-de597ce6] {
  font-size: 1rem;
  line-height: 1.6;
  color: #4a5568;
  margin-bottom: 1.5rem;
  text-align: justify;
}
.company-header .header-actions[data-v-de597ce6] {
  display: flex;
  gap: 1rem;
}
.company-header .header-actions .el-button[data-v-de597ce6] {
  border-radius: 4px;
  padding: 0.8rem 1.5rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
.company-header .header-actions .el-button.el-button--primary[data-v-de597ce6] {
  background: #3182ce;
  border: 1px solid #3182ce;
}
.company-header .header-actions .el-button.el-button--primary[data-v-de597ce6]:hover {
  background: rgb(39.2, 104, 164.8);
  border-color: rgb(39.2, 104, 164.8);
}
.company-header .header-actions .el-button[data-v-de597ce6]:not(.el-button--primary) {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #2d3748;
}
.company-header .header-actions .el-button[data-v-de597ce6]:not(.el-button--primary):hover {
  border-color: #3182ce;
  color: #3182ce;
}
@media (max-width: 992px) {
.company-header[data-v-de597ce6] {
    height: auto !important;
    min-height: 350px;
    padding: 2rem 0;
    margin-top: 8% !important;
}
.company-header .header-content[data-v-de597ce6] {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
}
.company-header .header-text[data-v-de597ce6] {
    max-width: 100%;
}
.company-header .header-text .company-title[data-v-de597ce6] {
    font-size: 1.8rem;
}
.company-header .header-text .company-title[data-v-de597ce6]::after {
    left: 50%;
    transform: translateX(-50%);
}
.company-header .header-text .company-description[data-v-de597ce6] {
    text-align: center;
}
.company-header .header-actions[data-v-de597ce6] {
    justify-content: center;
}
.product-categories-section[data-v-de597ce6],
  .main-product-section[data-v-de597ce6],
  .product-list-section[data-v-de597ce6] {
    padding: 2.5rem 0;
}
.section-header .section-title[data-v-de597ce6] {
    font-size: 1.8rem !important;
}
}
@media (max-width: 768px) {
.company-header[data-v-de597ce6] {
    margin-top: 10% !important;
    padding: 1.5rem 0;
}
.company-header .header-actions[data-v-de597ce6] {
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.company-header .header-actions .el-button[data-v-de597ce6] {
    width: 100%;
    max-width: 250px;
}
.carousel-controls[data-v-de597ce6] {
    position: static;
    justify-content: center;
    margin-top: 1.5rem;
}
.pagination-controls[data-v-de597ce6] {
    flex-direction: column;
    align-items: center;
}
.pagination-controls .page-btn[data-v-de597ce6] {
    width: 100%;
    max-width: 200px;
}
.product-slide-inner[data-v-de597ce6] {
    padding: 1rem;
}
.product-image-section .image-wrapper .product-image[data-v-de597ce6] {
    height: 280px;
}
}
@media (max-width: 480px) {
.company-header[data-v-de597ce6] {
    min-height: 300px;
    padding: 1rem 0;
}
.company-header .header-text .company-title[data-v-de597ce6] {
    font-size: 1.5rem;
}
.product-categories-section[data-v-de597ce6],
  .main-product-section[data-v-de597ce6],
  .product-list-section[data-v-de597ce6] {
    padding: 2rem 1rem;
}
.section-container[data-v-de597ce6] {
    padding: 0 1rem !important;
}
.category-card .card-inner[data-v-de597ce6] {
    padding: 1.5rem 1rem;
}
.product-card .product-content[data-v-de597ce6] {
    padding: 1rem;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/aboutjm.vue?vue&type=style&index=0&id=df662f34&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.contop[data-v-df662f34] {
    height: 50px;
    padding-top: 6%;
    /* background-color: rgb(205, 221, 240); */
    /* background-image: url('../assets/skin/img/concatus.png'); */
    background-size: contain;
    /* 使背景图自适应分辨率 */
    background-position: center;
    /* 使背景图居中 */
    background-repeat: no-repeat;
    /* 防止背景图重复 */
}
#allmap[data-v-df662f34] {
    width: 96%;
    margin-top: 3%;
    height: 400px;
    overflow: hidden;
    margin: 20px auto;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.contact-container[data-v-df662f34] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /* padding-top: 2%; */
    /* background-image: url('../assets/skin/bannerimg/1.png'); */
}
.contact-item[data-v-df662f34] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 3.4% 1.9%;
    border-radius: 20px;
    text-align: center;
}
.contact-item img[data-v-df662f34] {
    width: 51px;
    display: block;
    margin: 0 auto;
    transition: all .5s;
}
.contact-title[data-v-df662f34] {
    font-size: 18px;
    color: #333333;
    margin-top: 6%;
    font-family: cursive
}
.contact-info[data-v-df662f34] {
    font-size: 14px;
    font-family: cursive;
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #000000;
    margin-top: 5px;
}

/* 响应式设计 */
@media (max-width: 768px) {
.contact-item[data-v-df662f34] {
        width: 100%;
}
.contop[data-v-df662f34] {
        margin-top: 22%;
        height: 200px;
}
.contact-container[data-v-2c6603ae][data-v-df662f34] {
        margin-top: -42%;
}
#allmap[data-v-df662f34] {
        height: 300px;
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.contop[data-v-df662f34] {
        margin-top: 14%;
}
}
span[data-v-df662f34] {
    color: rgb(102, 102, 102);
    font-size: 15px;
    text-align: justify;
    font-family: cursive;
}
@media (max-width: 768px) {
.w1200[data-v-df662f34] {
        width: 100%;
}
.subleft[data-v-df662f34] {
        display: none;
}
.submian .Aboutpage[data-v-df662f34] {
        margin-left: 10%;
        margin-right: 10%;
        width: 85%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.el-col-xs-24[data-v-df662f34] {
        padding-right: 17%;
}
.submian .Aboutpage[data-v-df662f34] {
        margin-left: 10%;
        margin-right: 10%;
}
.subleft[data-v-df662f34] {
        display: none;
}
}
@media (min-width: 992px) {
.w1200[data-v-df662f34] {
        width: 90%;
}
}
@media (min-width: 1025px) {
.w1200[data-v-df662f34] {
        width: 1200px;
}
.submian .Aboutpage[data-v-df662f34] {
        margin: 0 auto;
        width: 1000px;
        width: 1000px;
}
}
.modal-overlay[data-v-df662f34] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-content[data-v-df662f34] {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.modal-fade-enter-active[data-v-df662f34],
.modal-fade-leave-active[data-v-df662f34] {
    transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-df662f34],
.modal-fade-leave-to[data-v-df662f34] {
    opacity: 0;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/concat.vue?vue&type=style&index=0&id=2c6603ae&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.contop[data-v-2c6603ae] {
  height: 50px;
  padding-top: 6%;
  /* background-color: rgb(205, 221, 240); */
  /* background-image: url('../assets/skin/img/concatus.png'); */
  background-size: contain; /* 使背景图自适应分辨率 */
  background-position: center; /* 使背景图居中 */
  background-repeat: no-repeat; /* 防止背景图重复 */
}
#allmap[data-v-2c6603ae] {
  width: 96%;
  margin-top: 3%;
  height: 400px;
  overflow: hidden;
  margin: 20px auto;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.contact-container[data-v-2c6603ae] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-top: 2%;
  /* background-image: url('../assets/skin/bannerimg/1.png'); */
}
.contact-item[data-v-2c6603ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 3.4% 1.9%;
  border-radius: 20px;
  text-align: center;
}
.contact-item img[data-v-2c6603ae] {
  width: 51px;
  display: block;
  margin: 0 auto;
  transition: all .5s;
}
.contact-title[data-v-2c6603ae] {
  font-size: 18px;
  color: #333333;
  margin-top: 6%;
  font-family: cursive
}
.contact-info[data-v-2c6603ae] {
  font-size: 14px;
  font-family: cursive;
  font-family: "HarmonyOS_Sans_SC_Bold";
  color: #000000;
  margin-top: 5px;
}

/* 响应式设计 */
@media (max-width: 768px) {
.contact-item[data-v-2c6603ae] {
    width: 100%;
}
.contop[data-v-2c6603ae]{
  margin-top: 22%;
    height: 200px;
}
.contact-container[data-v-2c6603ae][data-v-2c6603ae] {
    margin-top: -42%;
}
#allmap[data-v-2c6603ae] {
    height: 300px;
}
}
@media (min-width: 769px)  and (max-width: 1200px){
.contop[data-v-2c6603ae]{
    margin-top: 14%;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/caseal.vue?vue&type=style&index=0&id=fd2ce716&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-overlay[data-v-fd2ce716] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-content[data-v-fd2ce716] {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.modal-fade-enter-active[data-v-fd2ce716],
.modal-fade-leave-active[data-v-fd2ce716] {
    transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-fd2ce716],
.modal-fade-leave-to[data-v-fd2ce716] {
    opacity: 0;
}
.submian[data-v-fd2ce716] {
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 0 20px; */
}
.nav-buttons[data-v-fd2ce716] {
    margin-bottom: 20px;
    text-align: center;
}
.search-bar[data-v-fd2ce716] {
    margin-bottom: 20px;
}
.Newslist[data-v-fd2ce716] {
    margin-top: 20px;
}
.item[data-v-fd2ce716] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.item .txt[data-v-fd2ce716] {
    flex: 1;
    margin-right: 20px;
}
.item .img[data-v-fd2ce716] {
    max-width: 150px;
    height: auto;
}
.pagination[data-v-fd2ce716] {
    margin-top: 20px;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.submian[data-v-fd2ce716] {
        padding: 0 10px;
}
.item .img[data-v-fd2ce716] {
        max-width: 100px;
}
}
@media screen and (max-width: 768px) {
.item[data-v-fd2ce716] {
        flex-direction: column;
        align-items: flex-start;
}
.item .img[data-v-fd2ce716] {
        max-width: 100%;
        margin-top: 10px;
}
.pagination[data-v-fd2ce716] {
        width: 100%;
}
}
.el-col-lg-24[data-v-fd2ce716] {
    margin: 0 auto;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/codePage2.vue?vue&type=style&index=0&id=393c4c28&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 字体变量 */
.barcode-verifier-page[data-v-393c4c28] {
  background: #f8fafc;
  min-height: 100vh;
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
.container[data-v-393c4c28] {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 英雄区 */
.hero-section[data-v-393c4c28] {
  color: #ffffff;
  padding: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 60px;
  background: url(/img/codepagebg2.e8dca454.png) no-repeat center center;
  background-size: cover;
  min-height: 500px;
}
.hero-section[data-v-393c4c28]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.hero-section .hero-container[data-v-393c4c28] {
  position: relative;
  z-index: 2;
  padding: 100px 0;
  height: 100%;
}
.hero-section .hero-content[data-v-393c4c28] {
  max-width: 1360px;
  margin: 0 auto;
  padding: 10px 20px;
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-section .hero-content .hero-text-box[data-v-393c4c28] {
  max-width: 800px;
  text-align: center;
}
.hero-section .hero-content .hero-text-box .hero-badge[data-v-393c4c28] {
  display: inline-block;
  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-title[data-v-393c4c28] {
  font-size: 48px;
  font-weight: 800;
  margin: 0 0 16px 0;
  line-height: 1.1;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -1px;
}
.hero-section .hero-content .hero-text-box .hero-subtitle[data-v-393c4c28] {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 24px 0;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-actions[data-v-393c4c28] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
  justify-content: center;
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-primary[data-v-393c4c28] {
  display: inline-block;
  padding: 14px 28px;
  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.3);
  cursor: pointer;
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-primary[data-v-393c4c28]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(229, 57, 53, 0.4);
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-secondary[data-v-393c4c28] {
  display: inline-block;
  padding: 14px 28px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-secondary[data-v-393c4c28]:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 筛选区域 */
.filter-section[data-v-393c4c28] {
  background: #ffffff;
  padding: 24px 0;
  border-bottom: 1px solid #e2e8f0;
}
.filter-section .filter-content[data-v-393c4c28] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
.filter-section .filter-content .filter-left[data-v-393c4c28] {
  flex: 1;
}
.filter-section .filter-content .filter-left h3[data-v-393c4c28] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: #1e293b;
}
.filter-section .filter-content .filter-left .category-list[data-v-393c4c28] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.filter-section .filter-content .filter-left .category-list .category-btn[data-v-393c4c28] {
  padding: 8px 16px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.3s ease;
}
.filter-section .filter-content .filter-left .category-list .category-btn[data-v-393c4c28]:hover {
  border-color: #1a51ad;
  color: #3b63c9;
}
.filter-section .filter-content .filter-left .category-list .category-btn.active[data-v-393c4c28] {
  background: #3b63c9;
  border-color: #3b63c9;
  color: #ffffff;
}
.filter-section .filter-content .filter-right[data-v-393c4c28] {
  display: flex;
  gap: 24px;
  align-items: center;
}
.filter-section .filter-content .filter-right .search-box[data-v-393c4c28] {
  display: flex;
}
.filter-section .filter-content .filter-right .search-box input[data-v-393c4c28] {
  padding: 8px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px 0 0 6px;
  font-size: 14px;
  outline: none;
}
.filter-section .filter-content .filter-right .search-box input[data-v-393c4c28]:focus {
  border-color: #3b63c9;
}
.filter-section .filter-content .filter-right .search-box .search-btn[data-v-393c4c28] {
  padding: 8px 16px;
  background: #3b63c9;
  color: #ffffff;
  border: none;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.filter-section .filter-content .filter-right .search-box .search-btn[data-v-393c4c28]:hover {
  background: #2d4da0;
}
.filter-section .filter-content .filter-right .sort-options[data-v-393c4c28] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-section .filter-content .filter-right .sort-options span[data-v-393c4c28] {
  font-size: 14px;
  color: #64748b;
}
.filter-section .filter-content .filter-right .sort-options select[data-v-393c4c28] {
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  background: #ffffff;
}
.filter-section .filter-content .filter-right .sort-options select[data-v-393c4c28]:focus {
  border-color: #3b63c9;
}

/* 产品展示区域 */
.products-section[data-v-393c4c28] {
  background: #f8fafc;
  padding: 40px 0;
}
.products-section .products-header[data-v-393c4c28] {
  text-align: center;
  margin-bottom: 40px;
}
.products-section .products-header h2[data-v-393c4c28] {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.products-section .products-header p[data-v-393c4c28] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
}
.products-section .products-grid[data-v-393c4c28] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
.products-section .products-grid[data-v-393c4c28] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.products-section .products-grid[data-v-393c4c28] {
    grid-template-columns: 1fr;
}
}
.products-section .product-card[data-v-393c4c28] {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  border: 1px solid #f0f0f0;
  position: relative;
  overflow: hidden;
}
.products-section .product-card[data-v-393c4c28]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s;
}
.products-section .product-card[data-v-393c4c28]:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
  transform: translateY(-8px) scale(1.02);
  border-color: #3b63c9;
}
.products-section .product-card[data-v-393c4c28]:hover:before {
  left: 100%;
}
.products-section .product-image[data-v-393c4c28] {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.products-section .product-image .product-badge-container[data-v-393c4c28] {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.products-section .product-image .product-badge[data-v-393c4c28] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: #ffffff;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
  transform: translateY(0);
  transition: all 0.3s ease;
}
.product-card:hover .products-section .product-image .product-badge[data-v-393c4c28] {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.4);
}
.products-section .product-image .product-badge.hot[data-v-393c4c28] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}
.products-section .product-image .product-category-tag[data-v-393c4c28] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  color: white;
  transform: translateY(0);
  transition: all 0.3s ease;
}
.product-card:hover .products-section .product-image .product-category-tag[data-v-393c4c28] {
  transform: translateY(-2px);
}
.products-section .product-image .product-category-tag.linear[data-v-393c4c28] {
  background: linear-gradient(135deg, #3b63c9 0%, #2d4da0 100%);
}
.products-section .product-image .product-category-tag._2d[data-v-393c4c28] {
  background: linear-gradient(135deg, #10b981 0%, #0284c7 100%);
}
.products-section .product-image .product-category-tag.online[data-v-393c4c28] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.products-section .product-image img[data-v-393c4c28] {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 20px;
}
.product-card:hover .products-section .product-image img[data-v-393c4c28] {
  transform: scale(1.1);
}
.products-section .product-info[data-v-393c4c28] {
  padding: 16px;
  background: #ffffff;
}
.products-section .product-info .product-name[data-v-393c4c28] {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0px 0;
  line-height: 1.3;
  height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.3s ease;
}
.product-card:hover .products-section .product-info .product-name[data-v-393c4c28] {
  color: #3b63c9;
}
.products-section .product-info .product-desc[data-v-393c4c28] {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 0px 0;
  line-height: 1.4;
  height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.products-section .product-info .product-price[data-v-393c4c28] {
  margin: 0;
  display: flex;
  align-items: baseline;
}
.products-section .product-info .product-price .price[data-v-393c4c28] {
  font-size: 18px;
  font-weight: 700;
  color: #ef4444;
  margin-right: 8px;
  transition: all 0.3s ease;
}
.product-card:hover .products-section .product-info .product-price .price[data-v-393c4c28] {
  transform: scale(1.05);
}
.products-section .product-info .product-price .original-price[data-v-393c4c28] {
  font-size: 12px;
  color: #64748b;
  text-decoration: line-through;
}
.products-section .load-more[data-v-393c4c28] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 20px;
}
.products-section .load-more .load-more-btn[data-v-393c4c28] {
  padding: 14px 40px;
  background: linear-gradient(135deg, #3b63c9 0%, #2d4da0 100%);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 12px rgba(59, 99, 201, 0.3);
  position: relative;
  overflow: hidden;
}
.products-section .load-more .load-more-btn[data-v-393c4c28]:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s;
}
.products-section .load-more .load-more-btn[data-v-393c4c28]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(59, 99, 201, 0.4);
}
.products-section .load-more .load-more-btn[data-v-393c4c28]:hover:before {
  left: 100%;
}
.products-section .load-more .load-more-btn[data-v-393c4c28]:disabled {
  background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 推荐区域 */
.recommended-section[data-v-393c4c28] {
  background: #f8fafc;
  padding: 40px 0;
  border-top: 1px solid #e2e8f0;
}
.recommended-section h2[data-v-393c4c28] {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 32px 0;
  position: relative;
}
.recommended-section h2[data-v-393c4c28]:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #3b63c9;
  border-radius: 2px;
}
.recommended-section .recommended-grid[data-v-393c4c28] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1200px) {
.recommended-section .recommended-grid[data-v-393c4c28] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.recommended-section .recommended-grid[data-v-393c4c28] {
    grid-template-columns: 1fr;
}
}
.recommended-section .recommended-card[data-v-393c4c28] {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.recommended-section .recommended-card[data-v-393c4c28]:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: #1a51ad;
}
.recommended-section .recommended-card img[data-v-393c4c28] {
  width: 100%;
  height: 140px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 0 16px 0;
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px;
  transition: all 0.3s ease;
}
.recommended-card:hover .recommended-section .recommended-card img[data-v-393c4c28] {
  transform: scale(1.05);
}
.recommended-section .recommended-card h4[data-v-393c4c28] {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 12px 0;
  line-height: 1.3;
}
.recommended-section .recommended-card p[data-v-393c4c28] {
  font-size: 16px;
  font-weight: 700;
  color: #ef4444;
  margin: 0 0 16px 0;
}
.recommended-section .recommended-card .price-placeholder[data-v-393c4c28] {
  height: 24px;
  margin: 0 0 16px 0;
  background: #f1f5f9;
  border-radius: 4px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}
.recommended-section .recommended-card .view-btn[data-v-393c4c28] {
  padding: 8px 16px;
  background: #3b63c9;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.recommended-section .recommended-card .view-btn[data-v-393c4c28]:hover {
  background: #2d4da0;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* 联系表单 */
.contact-section[data-v-393c4c28] {
  background: #f8fafc;
  padding: 40px 0;
  border-top: 1px solid #e2e8f0;
}
.contact-section h2[data-v-393c4c28] {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px 0;
}
.contact-section p[data-v-393c4c28] {
  text-align: center;
  font-size: 14px;
  color: #64748b;
  margin: 0 0 32px 0;
}
.contact-section .contact-form[data-v-393c4c28] {
  max-width: 600px;
  margin: 0 auto;
  background: #ffffff;
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.contact-section .contact-form .form-group[data-v-393c4c28] {
  margin-bottom: 16px;
}
.contact-section .contact-form .form-group label[data-v-393c4c28] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #1e293b;
  margin-bottom: 8px;
}
.contact-section .contact-form .form-group input[data-v-393c4c28],
.contact-section .contact-form .form-group textarea[data-v-393c4c28] {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 14px;
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  outline: none;
  transition: all 0.3s ease;
}
.contact-section .contact-form .form-group input[data-v-393c4c28]:focus,
.contact-section .contact-form .form-group textarea[data-v-393c4c28]:focus {
  border-color: #3b63c9;
}
.contact-section .contact-form .form-group textarea[data-v-393c4c28] {
  resize: vertical;
  min-height: 120px;
}
.contact-section .contact-form .submit-btn[data-v-393c4c28] {
  width: 100%;
  background: #3b63c9;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-section .contact-form .submit-btn[data-v-393c4c28]:hover {
  background: #2d4da0;
  transform: translateY(-2px);
}
@media (max-width: 1200px) {
.filter-section .filter-content[data-v-393c4c28] {
    flex-direction: column;
    align-items: flex-start;
}
.filter-section .filter-right[data-v-393c4c28] {
    width: 100%;
    justify-content: space-between;
}
}
@media (max-width: 768px) {
.hero-section[data-v-393c4c28] {
    padding: 60px 20px;
}
.hero-section .hero-content .hero-title[data-v-393c4c28] {
    font-size: 24px;
}
.hero-section .hero-content .hero-subtitle[data-v-393c4c28] {
    font-size: 14px;
}
.hero-section .hero-content .hero-cta[data-v-393c4c28] {
    flex-direction: column;
    align-items: center;
}
.filter-section[data-v-393c4c28] {
    padding: 16px 0;
}
.filter-section .filter-right[data-v-393c4c28] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.filter-section .filter-right .search-box[data-v-393c4c28] {
    width: 100%;
}
.filter-section .filter-right .search-box input[data-v-393c4c28] {
    flex: 1;
}
.products-section[data-v-393c4c28] {
    padding: 30px 0;
}
.products-section .products-header[data-v-393c4c28] {
    margin-bottom: 30px;
}
.products-section .products-header h2[data-v-393c4c28] {
    font-size: 18px;
}
.recommended-section[data-v-393c4c28] {
    padding: 30px 0;
}
.recommended-section h2[data-v-393c4c28] {
    font-size: 18px;
    margin-bottom: 24px;
}
.contact-section[data-v-393c4c28] {
    padding: 30px 0;
}
.contact-section h2[data-v-393c4c28] {
    font-size: 18px;
}
.contact-section .contact-form[data-v-393c4c28] {
    padding: 24px;
}
}
@media (max-width: 480px) {
.hero-section[data-v-393c4c28] {
    padding: 40px 20px;
}
.products-section[data-v-393c4c28] {
    padding: 20px 0;
}
.recommended-section[data-v-393c4c28] {
    padding: 20px 0;
}
.contact-section[data-v-393c4c28] {
    padding: 20px 0;
}
.contact-section .contact-form[data-v-393c4c28] {
    padding: 16px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ProductDetail.vue?vue&type=style&index=0&id=0d3e5a56&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.product-detail-page[data-v-0d3e5a56] {
  background: #f8fafc;
  min-height: 100vh;
}
.breadcrumb-section[data-v-0d3e5a56] {
  background: #ffffff;
  padding: 20px 0;
  border-bottom: 1px solid #e2e8f0;
}
.breadcrumb-section .container[data-v-0d3e5a56] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.breadcrumb-section .breadcrumb[data-v-0d3e5a56] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.breadcrumb-section .breadcrumb .breadcrumb-item[data-v-0d3e5a56] {
  color: #64748b;
  text-decoration: none;
}
.breadcrumb-section .breadcrumb .breadcrumb-item[data-v-0d3e5a56]:hover {
  color: #3b82f6;
}
.breadcrumb-section .breadcrumb .breadcrumb-item.active[data-v-0d3e5a56] {
  color: #3b82f6;
  font-weight: 600;
}
.breadcrumb-section .breadcrumb .breadcrumb-separator[data-v-0d3e5a56] {
  color: #64748b;
}
.product-header[data-v-0d3e5a56] {
  background: #ffffff;
  padding: 80px 0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.product-header .container[data-v-0d3e5a56] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-header .header-content[data-v-0d3e5a56] {
  display: flex;
  gap: 80px;
  align-items: center;
}
@media (max-width: 768px) {
.product-header .header-content[data-v-0d3e5a56] {
    flex-direction: column;
    gap: 40px;
}
}
.product-header .header-content .product-basic-info[data-v-0d3e5a56] {
  flex: 1;
}
.product-header .header-content .product-basic-info .product-badge[data-v-0d3e5a56] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3);
  margin-bottom: 24px;
}
.product-header .header-content .product-basic-info .product-badge.hot[data-v-0d3e5a56] {
  background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.3);
}
.product-header .header-content .product-basic-info .product-badge i[data-v-0d3e5a56] {
  font-size: 14px;
}
.product-header .header-content .product-basic-info .product-title[data-v-0d3e5a56] {
  font-size: 48px;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 16px 0;
  line-height: 1.2;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.product-header .header-content .product-basic-info .product-brand[data-v-0d3e5a56] {
  font-size: 18px;
  color: #3b82f6;
  font-weight: 600;
  margin-bottom: 16px;
}
.product-header .header-content .product-basic-info .product-category[data-v-0d3e5a56] {
  margin-bottom: 24px;
}
.product-header .header-content .product-basic-info .product-category .category-tag[data-v-0d3e5a56] {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.product-header .header-content .product-basic-info .product-category .category-tag.linear[data-v-0d3e5a56] {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
}
.product-header .header-content .product-basic-info .product-category .category-tag._2d[data-v-0d3e5a56] {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
}
.product-header .header-content .product-basic-info .product-category .category-tag.online[data-v-0d3e5a56] {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}
.product-header .header-content .product-basic-info .product-description[data-v-0d3e5a56] {
  font-size: 18px;
  color: #64748b;
  line-height: 1.7;
  margin: 0 0 32px 0;
}
.product-header .header-content .product-basic-info .product-highlights[data-v-0d3e5a56] {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.product-header .header-content .product-basic-info .product-highlights .highlight-item[data-v-0d3e5a56] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 24px;
  background: #f8fafc;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
.product-header .header-content .product-basic-info .product-highlights .highlight-item[data-v-0d3e5a56]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.product-header .header-content .product-basic-info .product-highlights .highlight-item i[data-v-0d3e5a56] {
  color: #3b82f6;
  font-size: 18px;
}
.product-header .header-content .product-image-container[data-v-0d3e5a56] {
  flex: 1;
  max-width: 500px;
}
.product-header .header-content .product-image-container .product-image[data-v-0d3e5a56] {
  width: 100%;
  height: 400px;
  border-radius: 24px;
  overflow: hidden;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  position: relative;
  transition: all 0.3s ease;
}
.product-header .header-content .product-image-container .product-image[data-v-0d3e5a56]:hover {
  transform: scale(1.02);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}
.product-header .header-content .product-image-container .product-image img[data-v-0d3e5a56] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.product-header .header-content .product-image-container .product-image .image-overlay[data-v-0d3e5a56] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.product-image:hover .product-header .header-content .product-image-container .product-image .image-overlay[data-v-0d3e5a56] {
  opacity: 1;
}
.product-header .header-content .product-image-container .product-image .image-overlay .zoom-btn[data-v-0d3e5a56] {
  width: 70px;
  height: 70px;
  background: #ffffff;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.product-header .header-content .product-image-container .product-image .image-overlay .zoom-btn[data-v-0d3e5a56]:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}
.product-header .header-content .product-image-container .product-image .image-overlay .zoom-btn i[data-v-0d3e5a56] {
  font-size: 28px;
  color: #3b82f6;
}
.product-content[data-v-0d3e5a56] {
  padding: 80px 0;
}
.product-content .container[data-v-0d3e5a56] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-content .content-tabs[data-v-0d3e5a56] {
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.product-content .content-tabs .tabs-nav[data-v-0d3e5a56] {
  display: flex;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}
.product-content .content-tabs .tabs-nav .tab-btn[data-v-0d3e5a56] {
  flex: 1;
  padding: 24px;
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.product-content .content-tabs .tabs-nav .tab-btn[data-v-0d3e5a56]:hover {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.05);
}
.product-content .content-tabs .tabs-nav .tab-btn.active[data-v-0d3e5a56] {
  color: #3b82f6;
  background: #ffffff;
}
.product-content .content-tabs .tabs-nav .tab-btn.active[data-v-0d3e5a56]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}
.product-content .content-tabs .tabs-content[data-v-0d3e5a56] {
  padding: 50px;
}
.product-content .content-tabs .tabs-content .tab-panel .panel-title[data-v-0d3e5a56] {
  font-size: 28px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 40px 0;
  position: relative;
}
.product-content .content-tabs .tabs-content .tab-panel .panel-title[data-v-0d3e5a56]::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  border-radius: 2px;
}
.specs-container[data-v-0d3e5a56] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}
@media (max-width: 768px) {
.specs-container[data-v-0d3e5a56] {
    grid-template-columns: 1fr;
}
}
.specs-container .specs-table-container[data-v-0d3e5a56] {
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}
.specs-container .specs-table-container .specs-table[data-v-0d3e5a56] {
  width: 100%;
  border-collapse: collapse;
}
.specs-container .specs-table-container .specs-table thead[data-v-0d3e5a56] {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  color: #ffffff;
}
.specs-container .specs-table-container .specs-table thead th[data-v-0d3e5a56] {
  padding: 20px 24px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
.specs-container .specs-table-container .specs-table tbody tr[data-v-0d3e5a56] {
  border-bottom: 1px solid #f1f5f9;
}
.specs-container .specs-table-container .specs-table tbody tr[data-v-0d3e5a56]:last-child {
  border-bottom: none;
}
.specs-container .specs-table-container .specs-table tbody tr[data-v-0d3e5a56]:hover {
  background: rgba(59, 130, 246, 0.05);
}
.specs-container .specs-table-container .specs-table tbody tr td[data-v-0d3e5a56] {
  padding: 18px 24px;
  font-size: 15px;
}
.specs-container .specs-table-container .specs-table tbody tr td[data-v-0d3e5a56]:first-child {
  font-weight: 600;
  color: #0f172a;
  width: 30%;
}
.specs-container .specs-table-container .specs-table tbody tr td[data-v-0d3e5a56]:last-child {
  color: #64748b;
}
.specs-container .specs-chart[data-v-0d3e5a56] {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}
.specs-container .specs-chart h4[data-v-0d3e5a56] {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 28px 0;
}
.specs-container .specs-chart .chart-container[data-v-0d3e5a56] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.specs-container .specs-chart .chart-container .chart-item[data-v-0d3e5a56] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.specs-container .specs-chart .chart-container .chart-item .chart-label[data-v-0d3e5a56] {
  width: 80px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  flex-shrink: 0;
}
.specs-container .specs-chart .chart-container .chart-item .chart-bar[data-v-0d3e5a56] {
  flex: 1;
  height: 16px;
  background: #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
}
.specs-container .specs-chart .chart-container .chart-item .chart-bar .chart-fill[data-v-0d3e5a56] {
  height: 100%;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  border-radius: 8px;
  transition: width 1s ease;
}
.specs-container .specs-chart .chart-container .chart-item .chart-value[data-v-0d3e5a56] {
  width: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #3b82f6;
  text-align: right;
  flex-shrink: 0;
}
.features-container[data-v-0d3e5a56] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}
@media (max-width: 768px) {
.features-container[data-v-0d3e5a56] {
    grid-template-columns: 1fr;
}
}
.features-container .features-list[data-v-0d3e5a56] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.features-container .features-list .feature-item[data-v-0d3e5a56] {
  display: flex;
  gap: 24px;
  padding: 30px;
  background: #ffffff;
  border-radius: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid #e2e8f0;
}
.features-container .features-list .feature-item[data-v-0d3e5a56]:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.features-container .features-list .feature-item .feature-icon[data-v-0d3e5a56] {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3);
}
.features-container .features-list .feature-item .feature-icon i[data-v-0d3e5a56] {
  font-size: 32px;
  color: #ffffff;
}
.features-container .features-list .feature-item .feature-content[data-v-0d3e5a56] {
  flex: 1;
}
.features-container .features-list .feature-item .feature-content h4[data-v-0d3e5a56] {
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 16px 0;
}
.features-container .features-list .feature-item .feature-content p[data-v-0d3e5a56] {
  font-size: 16px;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}
.features-container .features-highlight .highlight-card[data-v-0d3e5a56] {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  color: #ffffff;
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.4);
}
.features-container .features-highlight .highlight-card .highlight-icon[data-v-0d3e5a56] {
  width: 90px;
  height: 90px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
}
.features-container .features-highlight .highlight-card .highlight-icon i[data-v-0d3e5a56] {
  font-size: 36px;
  color: #ffffff;
}
.features-container .features-highlight .highlight-card h4[data-v-0d3e5a56] {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 24px 0;
}
.features-container .features-highlight .highlight-card .highlight-list[data-v-0d3e5a56] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.features-container .features-highlight .highlight-card .highlight-list li[data-v-0d3e5a56] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  font-size: 15px;
}
.features-container .features-highlight .highlight-card .highlight-list li[data-v-0d3e5a56]:before {
  content: "✓";
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.applications-container[data-v-0d3e5a56] {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.applications-container .applications-grid[data-v-0d3e5a56] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 28px;
}
.applications-container .applications-grid .application-item[data-v-0d3e5a56] {
  padding: 36px;
  background: #ffffff;
  border-radius: 20px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.applications-container .applications-grid .application-item[data-v-0d3e5a56]:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-color: #3b82f6;
}
.applications-container .applications-grid .application-item .application-icon[data-v-0d3e5a56] {
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}
.applications-container .applications-grid .application-item .application-icon i[data-v-0d3e5a56] {
  font-size: 40px;
  color: #ffffff;
}
.applications-container .applications-grid .application-item h4[data-v-0d3e5a56] {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 16px 0;
}
.applications-container .applications-grid .application-item p[data-v-0d3e5a56] {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin: 0 0 24px 0;
}
.applications-container .applications-grid .application-item .application-examples[data-v-0d3e5a56] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.applications-container .applications-grid .application-item .application-examples .example-tag[data-v-0d3e5a56] {
  padding: 8px 16px;
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}
.applications-container .case-studies[data-v-0d3e5a56] {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}
.applications-container .case-studies h4[data-v-0d3e5a56] {
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 28px 0;
  position: relative;
}
.applications-container .case-studies h4[data-v-0d3e5a56]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  border-radius: 2px;
}
.applications-container .case-studies .case-grid[data-v-0d3e5a56] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}
.applications-container .case-studies .case-grid .case-item[data-v-0d3e5a56] {
  display: flex;
  gap: 24px;
  padding: 24px;
  background: #f8fafc;
  border-radius: 16px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
.applications-container .case-studies .case-grid .case-item[data-v-0d3e5a56]:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.applications-container .case-studies .case-grid .case-item .case-image[data-v-0d3e5a56] {
  width: 120px;
  height: 120px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.applications-container .case-studies .case-grid .case-item .case-image img[data-v-0d3e5a56] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.applications-container .case-studies .case-grid .case-item .case-content[data-v-0d3e5a56] {
  flex: 1;
}
.applications-container .case-studies .case-grid .case-item .case-content h5[data-v-0d3e5a56] {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 12px 0;
}
.applications-container .case-studies .case-grid .case-item .case-content p[data-v-0d3e5a56] {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}
.related-products[data-v-0d3e5a56] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
}
.related-products .related-product-card[data-v-0d3e5a56] {
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.related-products .related-product-card[data-v-0d3e5a56]:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-color: #3b82f6;
}
.related-products .related-product-card .related-product-image[data-v-0d3e5a56] {
  width: 100%;
  height: 220px;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.related-products .related-product-card .related-product-image img[data-v-0d3e5a56] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.related-products .related-product-card .related-product-image .related-product-badge[data-v-0d3e5a56] {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 8px 16px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.related-products .related-product-card .related-product-image .related-product-badge.hot[data-v-0d3e5a56] {
  background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
.related-products .related-product-card .related-product-info[data-v-0d3e5a56] {
  padding: 28px;
}
.related-products .related-product-card .related-product-info .related-product-brand[data-v-0d3e5a56] {
  font-size: 12px;
  color: #3b82f6;
  font-weight: 600;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.related-products .related-product-card .related-product-info .related-product-name[data-v-0d3e5a56] {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 16px 0;
}
.related-products .related-product-card .related-product-info .related-product-desc[data-v-0d3e5a56] {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin: 0 0 20px 0;
}
.related-products .related-product-card .related-product-info .related-product-specs[data-v-0d3e5a56] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.related-products .related-product-card .related-product-info .related-product-specs .spec-tag[data-v-0d3e5a56] {
  padding: 6px 14px;
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
}
.view-all-products[data-v-0d3e5a56] {
  text-align: center;
  margin-top: 40px;
}
.view-all-products .btn-view-all[data-v-0d3e5a56] {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 36px;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  color: #ffffff;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.view-all-products .btn-view-all[data-v-0d3e5a56]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);
}
.faq-list[data-v-0d3e5a56] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faq-list .faq-item[data-v-0d3e5a56] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid #e2e8f0;
}
.faq-list .faq-item .faq-question[data-v-0d3e5a56] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.faq-list .faq-item .faq-question[data-v-0d3e5a56]:hover {
  background: #f8fafc;
}
.faq-list .faq-item .faq-question span[data-v-0d3e5a56] {
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
}
.faq-list .faq-item .faq-question i[data-v-0d3e5a56] {
  font-size: 20px;
  color: #3b82f6;
  transition: transform 0.3s ease;
}
.faq-list .faq-item .faq-answer[data-v-0d3e5a56] {
  padding: 0 24px 24px;
}
.faq-list .faq-item .faq-answer p[data-v-0d3e5a56] {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}
.contact-section[data-v-0d3e5a56] {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  color: #ffffff;
  padding: 100px 0;
}
.contact-section .container[data-v-0d3e5a56] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.contact-section .contact-content[data-v-0d3e5a56] {
  text-align: center;
}
.contact-section .contact-content .contact-title[data-v-0d3e5a56] {
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.contact-section .contact-content .contact-description[data-v-0d3e5a56] {
  font-size: 18px;
  margin: 0 0 48px 0;
  opacity: 0.9;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.contact-section .contact-content .contact-actions[data-v-0d3e5a56] {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 56px;
}
.contact-section .contact-content .contact-actions .btn-contact[data-v-0d3e5a56],
.contact-section .contact-content .contact-actions .btn-download[data-v-0d3e5a56],
.contact-section .contact-content .contact-actions .btn-quote[data-v-0d3e5a56] {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 18px 36px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.contact-section .contact-content .contact-actions .btn-contact[data-v-0d3e5a56]:hover,
.contact-section .contact-content .contact-actions .btn-download[data-v-0d3e5a56]:hover,
.contact-section .contact-content .contact-actions .btn-quote[data-v-0d3e5a56]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.contact-section .contact-content .contact-actions .btn-contact[data-v-0d3e5a56] {
  background: #ffffff;
  color: #2563eb;
}
.contact-section .contact-content .contact-actions .btn-download[data-v-0d3e5a56] {
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.contact-section .contact-content .contact-actions .btn-quote[data-v-0d3e5a56] {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
}
.contact-section .contact-content .contact-info[data-v-0d3e5a56] {
  display: flex;
  gap: 48px;
  justify-content: center;
  flex-wrap: wrap;
}
.contact-section .contact-content .contact-info .info-item[data-v-0d3e5a56] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}
.contact-section .contact-content .contact-info .info-item i[data-v-0d3e5a56] {
  font-size: 24px;
}
@media (max-width: 768px) {
.product-header[data-v-0d3e5a56] {
    padding: 40px 0;
}
.product-header .header-content .product-basic-info .product-title[data-v-0d3e5a56] {
    font-size: 32px;
}
.product-header .header-content .product-image-container[data-v-0d3e5a56] {
    max-width: 100%;
}
.product-header .header-content .product-image-container .product-image[data-v-0d3e5a56] {
    height: 250px;
}
.product-content[data-v-0d3e5a56] {
    padding: 40px 0;
}
.product-content .content-tabs .tabs-nav[data-v-0d3e5a56] {
    flex-direction: column;
}
.product-content .content-tabs .tabs-nav .tab-btn[data-v-0d3e5a56] {
    text-align: left;
}
.product-content .content-tabs .tabs-nav .tab-btn.active[data-v-0d3e5a56]::after {
    left: 0;
    right: auto;
    width: 4px;
    height: 100%;
}
.product-content .content-tabs .tabs-content[data-v-0d3e5a56] {
    padding: 20px;
}
.contact-section[data-v-0d3e5a56] {
    padding: 40px 0;
}
.contact-section .contact-actions[data-v-0d3e5a56] {
    flex-direction: column;
    align-items: center;
}
.contact-section .contact-actions .btn-contact[data-v-0d3e5a56],
  .contact-section .contact-actions .btn-download[data-v-0d3e5a56] {
    width: 100%;
    max-width: 300px;
    justify-content: center;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Breadcrumb.vue?vue&type=style&index=0&id=6f46de9a&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.breadcrumb-section[data-v-6f46de9a] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 100%);
  padding: 20px 0;
  position: relative;
  overflow: hidden;
}
.breadcrumb-section[data-v-6f46de9a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4xIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIiAvPjwvc3ZnPg==);
  opacity: 0.3;
}
.breadcrumb-section .container[data-v-6f46de9a] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.breadcrumb-section .el-breadcrumb[data-v-6f46de9a] {
  font-size: 14px;
  position: relative;
  z-index: 1;
}
.breadcrumb-section .el-breadcrumb[data-v-6f46de9a] .el-breadcrumb__inner {
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s ease;
}
.breadcrumb-section .el-breadcrumb[data-v-6f46de9a] .el-breadcrumb__inner:hover {
  color: #ffffff;
}
.breadcrumb-section .el-breadcrumb[data-v-6f46de9a] .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #ffffff;
  font-weight: 600;
}
.breadcrumb-section .el-breadcrumb[data-v-6f46de9a] .el-breadcrumb__separator {
  color: rgba(255, 255, 255, 0.5);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ttl.vue?vue&type=style&index=0&id=1be869c2&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-1be869c2] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-1be869c2] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-1be869c2] {
  padding: 20px 0 30px;
}
.product-main[data-v-1be869c2] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-1be869c2] {
    flex-direction: column;
}
}
.product-gallery[data-v-1be869c2] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-1be869c2] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-1be869c2] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-info[data-v-1be869c2] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-1be869c2] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-1be869c2] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-1be869c2] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-1be869c2] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-1be869c2] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-1be869c2] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-1be869c2]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-1be869c2] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-1be869c2] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-1be869c2] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-1be869c2] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-1be869c2] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-1be869c2] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-1be869c2] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-1be869c2] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-1be869c2]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-1be869c2] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-1be869c2] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-1be869c2] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-1be869c2] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-1be869c2]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-1be869c2] {
  padding: 0;
}
.product-specs .specs-content .specs-table[data-v-1be869c2] {
  width: 100%;
}
.product-specs .specs-content .specs-table .spec-row[data-v-1be869c2] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-table .spec-row[data-v-1be869c2]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-table .spec-row[data-v-1be869c2]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-1be869c2] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-1be869c2] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-1be869c2] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #1a1a1a;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-1be869c2] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-1be869c2] {
    padding: 15px 0 25px;
}
.product-main[data-v-1be869c2] {
    margin-bottom: 15px;
}
.product-gallery[data-v-1be869c2] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-1be869c2] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-1be869c2] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-1be869c2] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-1be869c2] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-1be869c2] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-1be869c2] {
    flex: 0 0 120px;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/bqz.vue?vue&type=style&index=0&id=5f5efe61&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-5f5efe61] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-5f5efe61] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-5f5efe61] {
  padding: 20px 0 30px;
}
.product-main[data-v-5f5efe61] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-5f5efe61] {
    flex-direction: column;
}
}
.product-gallery[data-v-5f5efe61] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-5f5efe61] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-5f5efe61] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-info[data-v-5f5efe61] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-5f5efe61] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-5f5efe61] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-5f5efe61] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-5f5efe61] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-5f5efe61] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-5f5efe61] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-5f5efe61]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-5f5efe61] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-5f5efe61] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-5f5efe61] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-5f5efe61] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-5f5efe61] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-5f5efe61] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-5f5efe61] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-5f5efe61] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-5f5efe61]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-5f5efe61] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-5f5efe61] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-5f5efe61] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-5f5efe61] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-5f5efe61]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-5f5efe61] {
  padding: 0;
}
.product-specs .specs-content .specs-table[data-v-5f5efe61] {
  width: 100%;
}
.product-specs .specs-content .specs-table .spec-row[data-v-5f5efe61] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-table .spec-row[data-v-5f5efe61]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-table .spec-row[data-v-5f5efe61]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-5f5efe61] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-5f5efe61] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-5f5efe61] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #1a1a1a;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-5f5efe61] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-5f5efe61] {
    padding: 15px 0 25px;
}
.product-main[data-v-5f5efe61] {
    margin-bottom: 15px;
}
.product-gallery[data-v-5f5efe61] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-5f5efe61] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-5f5efe61] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-5f5efe61] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-5f5efe61] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-5f5efe61] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-5f5efe61] {
    flex: 0 0 120px;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/td.vue?vue&type=style&index=0&id=002c43ec&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-002c43ec] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-002c43ec] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-002c43ec] {
  padding: 20px 0 30px;
}
.product-main[data-v-002c43ec] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-002c43ec] {
    flex-direction: column;
}
}
.product-gallery[data-v-002c43ec] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-002c43ec] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-002c43ec] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-info[data-v-002c43ec] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-002c43ec] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-002c43ec] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-002c43ec] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-002c43ec] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-002c43ec] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-002c43ec] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-002c43ec]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-002c43ec] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-002c43ec] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-002c43ec] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-002c43ec] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-002c43ec] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-002c43ec] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-002c43ec] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-002c43ec] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-002c43ec]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-002c43ec] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-002c43ec] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-002c43ec] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-002c43ec] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-002c43ec]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-002c43ec] {
  padding: 0;
}
.product-specs .specs-content .specs-table[data-v-002c43ec] {
  width: 100%;
}
.product-specs .specs-content .specs-table .spec-row[data-v-002c43ec] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-table .spec-row[data-v-002c43ec]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-table .spec-row[data-v-002c43ec]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-002c43ec] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-002c43ec] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-002c43ec] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-002c43ec] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-002c43ec] {
    padding: 15px 0 25px;
}
.product-main[data-v-002c43ec] {
    margin-bottom: 15px;
}
.product-gallery[data-v-002c43ec] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-002c43ec] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-002c43ec] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-002c43ec] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-002c43ec] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-002c43ec] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-002c43ec] {
    flex: 0 0 120px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/label-design/index.vue?vue&type=style&index=0&id=d3611bd8&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.label-design-container[data-v-d3611bd8] { height: 100vh;
}
.design-area[data-v-d3611bd8] { 
  border: 1px solid #ddd; 
  min-height: 500px;
  background: #fff;
  margin: 20px;
}
.drag_item_box[data-v-d3611bd8] {
  text-align: center;
  padding: 10px;
}
.ep-draggable-item[data-v-d3611bd8] {
  display: block;
  padding: 10px;
  border: 1px solid #eee;
  cursor: move;
  transition: all 0.3s;
}
.ep-draggable-item[data-v-d3611bd8]:hover {
  border-color: #409EFF;
  background-color: #f0f9ff;
}
.glyphicon[data-v-d3611bd8] {
  font-size: 20px;
  margin-bottom: 5px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/enterprise-label/index.vue?vue&type=style&index=0&id=a95652b6&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.enterprise-label-container[data-v-a95652b6] {
  background: #f8fafc;
  min-height: 100vh;
}
.hero-section[data-v-a95652b6] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 50%, #1750ab 100%);
  color: #ffffff;
  padding: 120px 20px;
  position: relative;
  overflow: hidden;
}
.hero-section[data-v-a95652b6]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4xIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIiAvPjwvc3ZnPg==);
  opacity: 0.3;
  z-index: 1;
}
.hero-section .hero-bg-shapes[data-v-a95652b6] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.hero-section .hero-bg-shapes .shape[data-v-a95652b6] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  animation: float-a95652b6 8s ease-in-out infinite;
}
.hero-section .hero-bg-shapes .shape.shape-1[data-v-a95652b6] {
  width: 400px;
  height: 400px;
  top: -150px;
  right: -150px;
  animation-delay: 0s;
}
.hero-section .hero-bg-shapes .shape.shape-2[data-v-a95652b6] {
  width: 300px;
  height: 300px;
  bottom: -100px;
  left: -100px;
  animation-delay: 3s;
}
.hero-section .hero-bg-shapes .shape.shape-3[data-v-a95652b6] {
  width: 200px;
  height: 200px;
  top: 40%;
  right: 15%;
  animation-delay: 6s;
}
.hero-section .hero-container[data-v-a95652b6] {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}
.hero-section .hero-content[data-v-a95652b6] {
  max-width: 800px;
}
.hero-section .hero-content .hero-badge[data-v-a95652b6] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 10px 24px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
.hero-section .hero-content .hero-title[data-v-a95652b6] {
  font-size: 64px;
  font-weight: 900;
  margin: 0 0 20px 0;
  line-height: 1.1;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  letter-spacing: -2px;
}
.hero-section .hero-content .hero-subtitle[data-v-a95652b6] {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 28px 0;
  opacity: 0.95;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.hero-section .hero-content .hero-features[data-v-a95652b6] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 40px;
}
.hero-section .hero-content .hero-features .hero-feature[data-v-a95652b6] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.hero-section .hero-content .hero-features .hero-feature[data-v-a95652b6]:hover {
  transform: translateX(8px);
}
.hero-section .hero-content .hero-features .hero-feature .feature-icon[data-v-a95652b6] {
  color: #f59e0b;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.15);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.hero-section .hero-content .hero-features .hero-feature .feature-icon i[data-v-a95652b6] {
  font-size: 20px;
}
.hero-section .hero-content .hero-features .hero-feature span[data-v-a95652b6] {
  flex: 1;
}
.enterprise-details-section[data-v-a95652b6] {
  padding: 100px 20px;
  background: #ffffff;
}
.enterprise-details-section .container[data-v-a95652b6] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.enterprise-details-section .container .section-title[data-v-a95652b6] {
  font-size: 40px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 24px 0;
  position: relative;
  display: inline-block;
}
.enterprise-details-section .container .section-title[data-v-a95652b6]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #1750ab 100%);
  border-radius: 2px;
}
.enterprise-details-section .container .section-description[data-v-a95652b6] {
  font-size: 18px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 0 60px 0;
  max-width: 1000px;
}
.enterprise-details-section .container .sdk-details[data-v-a95652b6] {
  margin-bottom: 80px;
}
.enterprise-details-section .container .sdk-details .sdk-title[data-v-a95652b6] {
  font-size: 32px;
  font-weight: 700;
  color: #4b73ca;
  margin: 0 0 24px 0;
}
.enterprise-details-section .container .sdk-details .sdk-content[data-v-a95652b6] {
  background: #f8fafc;
  padding: 40px;
  border-radius: 16px;
  border: 1px solid rgba(75, 115, 204, 0.1);
}
.enterprise-details-section .container .sdk-details .sdk-content .sdk-description[data-v-a95652b6] {
  font-size: 16px;
  color: #1e293b;
  line-height: 1.6;
  margin: 0 0 32px 0;
}
.enterprise-details-section .container .sdk-details .sdk-content .sdk-features .features-list[data-v-a95652b6] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.enterprise-details-section .container .sdk-details .sdk-content .sdk-features .features-list li[data-v-a95652b6] {
  position: relative;
  padding-left: 28px;
  margin-bottom: 16px;
  line-height: 1.5;
  color: #64748b;
  font-size: 15px;
}
.enterprise-details-section .container .sdk-details .sdk-content .sdk-features .features-list li[data-v-a95652b6]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #10b981;
  font-weight: bold;
  font-size: 16px;
}
.enterprise-details-section .container .enterprise-products .products-title[data-v-a95652b6] {
  font-size: 32px;
  font-weight: 700;
  color: #4b73ca;
  margin: 0 0 40px 0;
}
.enterprise-details-section .container .enterprise-products .products-grid[data-v-a95652b6] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 32px;
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card[data-v-a95652b6] {
  background: #f8fafc;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid rgba(75, 115, 204, 0.1);
  transition: all 0.3s ease;
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card[data-v-a95652b6]:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  border-color: rgba(75, 115, 204, 0.2);
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card .product-name[data-v-a95652b6] {
  font-size: 20px;
  font-weight: 700;
  color: #4b73ca;
  margin: 0 0 16px 0;
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card .product-description[data-v-a95652b6] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 0 24px 0;
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card .product-features[data-v-a95652b6] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card .product-features li[data-v-a95652b6] {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  line-height: 1.4;
  color: #1e293b;
  font-size: 13px;
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card .product-features li[data-v-a95652b6]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #4b73ca;
  font-size: 16px;
}
@keyframes float-a95652b6 {
0%, 100% {
    transform: translateY(0) rotate(0deg);
}
50% {
    transform: translateY(-20px) rotate(180deg);
}
}
@media (max-width: 768px) {
.hero-section[data-v-a95652b6] {
    padding: 80px 20px;
}
.hero-section .hero-content .hero-title[data-v-a95652b6] {
    font-size: 36px;
}
.hero-section .hero-content .hero-subtitle[data-v-a95652b6] {
    font-size: 20px;
}
.enterprise-details-section[data-v-a95652b6] {
    padding: 60px 20px;
}
.enterprise-details-section .container[data-v-a95652b6] {
    padding: 0 20px;
}
.enterprise-details-section .container .section-title[data-v-a95652b6] {
    font-size: 32px;
}
.enterprise-details-section .container .sdk-details .sdk-content[data-v-a95652b6] {
    padding: 24px;
}
.enterprise-details-section .container .enterprise-products .products-grid[data-v-a95652b6] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.enterprise-details-section .container .enterprise-products .products-grid .product-card[data-v-a95652b6] {
    padding: 24px;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/udihref.vue?vue&type=style&index=0&id=3006eb8a&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 全局页面样式 */
.udi-page[data-v-3006eb8a] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f8f9fa;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: #212529;
}

/* 面包屑导航 */
.breadcrumb-wrapper[data-v-3006eb8a] {
  background-color: #ffffff;
  border-bottom: 1px solid #e9ecef;
  padding: 12px 0;
}
.breadcrumb-container[data-v-3006eb8a] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 主要内容区域 */
.udi-main[data-v-3006eb8a] {
  flex: 1;
  width: 100%;
}

/* 容器样式 - 控制页面宽度和居中 */
.container[data-v-3006eb8a] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 标题区域 */
.udi-hero[data-v-3006eb8a] {
  background: linear-gradient(135deg, #0066cc 0%, #004a99 100%);
  color: white;
  padding: 80px 0;
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.hero-content[data-v-3006eb8a] {
  position: relative;
  z-index: 2;
}
.udi-title[data-v-3006eb8a] {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}
.udi-subtitle[data-v-3006eb8a] {
  font-size: 18px;
  opacity: 0.9;
  font-weight: 400;
  margin-bottom: 24px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.hero-btn[data-v-3006eb8a] {
  font-size: 16px;
  padding: 12px 30px;
}

/* 内容区域 */
.udi-content[data-v-3006eb8a] {
  margin-bottom: 60px;
}

/* 内容卡片 */
.content-card[data-v-3006eb8a] {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 40px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}
.content-card.fade-in[data-v-3006eb8a] {
  opacity: 1;
  transform: translateY(0);
}

/* 区块间距 */
.section-block[data-v-3006eb8a] {
  margin-bottom: 30px;
}

/* 介绍文本 */
.udi-intro[data-v-3006eb8a] {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  text-align: justify;
}

/* 链接样式 */
.link-primary[data-v-3006eb8a] {
  color: #0066cc;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.link-primary[data-v-3006eb8a]:hover {
  color: #004a99;
  text-decoration: underline;
}

/* 图片容器 */
.udi-image-wrapper[data-v-3006eb8a] {
  text-align: center;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 0;
}
.udi-image-wrapper[data-v-3006eb8a]:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* 图片标题 */
.image-caption[data-v-3006eb8a] {
  margin-top: 12px;
  font-size: 14px;
  color: #6c757d;
  font-style: italic;
}

/* 图片样式 */
.udi-image[data-v-3006eb8a] {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.udi-image[data-v-3006eb8a]:hover {
  transform: scale(1.02);
}

/* 章节样式 */
.udi-section[data-v-3006eb8a] {
  padding-bottom: 10px;
}
.udi-section-title[data-v-3006eb8a] {
  font-size: 24px;
  font-weight: 600;
  color: #0066cc;
  margin-bottom: 16px;
  padding-top: 20px;
  padding-bottom: 8px;
  border-bottom: 2px solid #0066cc;
  display: inline-block;
}
.section-content[data-v-3006eb8a] {
  font-size: 16px;
  line-height: 1.8;
  color: #495057;
  text-align: justify;
}

/* 流程列表 */
.process-list[data-v-3006eb8a] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.process-item[data-v-3006eb8a] {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  line-height: 1.7;
}
.process-item[data-v-3006eb8a]:before {
  content: "•";
  position: absolute;
  left: 8px;
  color: #0066cc;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}

/* 优势列表 */
.advantage-list[data-v-3006eb8a] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.advantage-item[data-v-3006eb8a] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.8;
  color: #495057;
}
.advantage-icon[data-v-3006eb8a] {
  color: #0066cc;
  font-weight: 700;
  margin-right: 12px;
  margin-top: 4px;
  flex-shrink: 0;
}
.advantage-text[data-v-3006eb8a] {
  flex: 1;
}

/* 按钮样式 */
.btn-primary[data-v-3006eb8a] {
  display: inline-block;
  background-color: #0066cc;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 30px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
.btn-primary[data-v-3006eb8a]:hover {
  background-color: #004a99;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

/* 行动召唤区域 */
.cta-section[data-v-3006eb8a] {
  text-align: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9ecef;
}

/* 响应式设计 */
@media (max-width: 768px) {
.container[data-v-3006eb8a] {
    padding: 0 15px;
}
.udi-title[data-v-3006eb8a] {
    font-size: 28px;
}
.udi-subtitle[data-v-3006eb8a] {
    font-size: 16px;
}
.udi-hero[data-v-3006eb8a] {
    padding: 50px 0;
}
.content-card[data-v-3006eb8a] {
    padding: 20px;
}
.udi-intro[data-v-3006eb8a], .section-content[data-v-3006eb8a] {
    font-size: 15px;
    line-height: 1.7;
}
.udi-section-title[data-v-3006eb8a] {
    font-size: 20px;
}
.udi-image-wrapper[data-v-3006eb8a] {
    padding: 15px;
}
.btn-primary[data-v-3006eb8a] {
    padding: 10px 24px;
    font-size: 15px;
}
}
@media (max-width: 480px) {
.udi-title[data-v-3006eb8a] {
    font-size: 24px;
}
.udi-hero[data-v-3006eb8a] {
    padding: 40px 0;
}
.content-card[data-v-3006eb8a] {
    padding: 15px;
}
.section-block[data-v-3006eb8a] {
    margin-bottom: 20px;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ecodehref.vue?vue&type=style&index=0&id=1f250ad3&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 全局页面样式 */
.ecode-page[data-v-1f250ad3] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f8f9fa;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: #212529;
}

/* 面包屑导航 */
.breadcrumb-wrapper[data-v-1f250ad3] {
  background-color: #ffffff;
  border-bottom: 1px solid #e9ecef;
  padding: 12px 0;
}
.breadcrumb-container[data-v-1f250ad3] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 主要内容区域 */
.ecode-main[data-v-1f250ad3] {
  flex: 1;
  width: 100%;
}

/* 容器样式 - 控制页面宽度和居中 */
.container[data-v-1f250ad3] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 标题区域 */
.ecode-hero[data-v-1f250ad3] {
  background: linear-gradient(135deg, #0369a1 0%, #075985 100%);
  color: white;
  padding: 80px 0;
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.hero-content[data-v-1f250ad3] {
  position: relative;
  z-index: 2;
}
.ecode-title[data-v-1f250ad3] {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}
.ecode-subtitle[data-v-1f250ad3] {
  font-size: 18px;
  opacity: 0.9;
  font-weight: 400;
  margin-bottom: 24px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.hero-btn[data-v-1f250ad3] {
  font-size: 16px;
  padding: 12px 30px;
}

/* 内容区域 */
.ecode-content[data-v-1f250ad3] {
  margin-bottom: 60px;
}

/* 内容卡片 */
.content-card[data-v-1f250ad3] {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 40px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}
.content-card.fade-in[data-v-1f250ad3] {
  opacity: 1;
  transform: translateY(0);
}

/* 区块间距 */
.section-block[data-v-1f250ad3] {
  margin-bottom: 30px;
}

/* 介绍文本 */
.ecode-intro[data-v-1f250ad3] {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  text-align: justify;
}

/* 链接样式 */
.link-primary[data-v-1f250ad3] {
  color: #0369a1;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.link-primary[data-v-1f250ad3]:hover {
  color: #075985;
  text-decoration: underline;
}

/* 图片容器 */
.ecode-image-wrapper[data-v-1f250ad3] {
  text-align: center;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 0;
}
.ecode-image-wrapper[data-v-1f250ad3]:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* 图片标题 */
.image-caption[data-v-1f250ad3] {
  margin-top: 12px;
  font-size: 14px;
  color: #6c757d;
  font-style: italic;
}

/* 图片样式 */
.ecode-image[data-v-1f250ad3] {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.ecode-image[data-v-1f250ad3]:hover {
  transform: scale(1.02);
}

/* 章节样式 */
.ecode-section[data-v-1f250ad3] {
  padding-bottom: 10px;
}
.ecode-section-title[data-v-1f250ad3] {
  font-size: 24px;
  font-weight: 600;
  color: #0369a1;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #0369a1;
  display: inline-block;
}
.section-content[data-v-1f250ad3] {
  font-size: 16px;
  line-height: 1.8;
  color: #495057;
  text-align: justify;
}

/* 按钮样式 */
.btn-primary[data-v-1f250ad3] {
  display: inline-block;
  background-color: #0369a1;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 30px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
.btn-primary[data-v-1f250ad3]:hover {
  background-color: #075985;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(3, 105, 161, 0.3);
}

/* 行动召唤区域 */
.cta-section[data-v-1f250ad3] {
  text-align: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9ecef;
}

/* 响应式设计 */
@media (max-width: 768px) {
.container[data-v-1f250ad3] {
    padding: 0 15px;
}
.ecode-title[data-v-1f250ad3] {
    font-size: 28px;
}
.ecode-subtitle[data-v-1f250ad3] {
    font-size: 16px;
}
.ecode-hero[data-v-1f250ad3] {
    padding: 50px 0;
}
.content-card[data-v-1f250ad3] {
    padding: 20px;
}
.ecode-intro[data-v-1f250ad3], .section-content[data-v-1f250ad3] {
    font-size: 15px;
    line-height: 1.7;
}
.ecode-section-title[data-v-1f250ad3] {
    font-size: 20px;
}
.ecode-image-wrapper[data-v-1f250ad3] {
    padding: 15px;
}
.btn-primary[data-v-1f250ad3] {
    padding: 10px 24px;
    font-size: 15px;
}
}
@media (max-width: 480px) {
.ecode-title[data-v-1f250ad3] {
    font-size: 24px;
}
.ecode-hero[data-v-1f250ad3] {
    padding: 40px 0;
}
.content-card[data-v-1f250ad3] {
    padding: 15px;
}
.section-block[data-v-1f250ad3] {
    margin-bottom: 20px;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/tcode.vue?vue&type=style&index=0&id=516c3b92&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 全局布局 */
.page-container[data-v-516c3b92] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f8f9fa;
}

/* 面包屑导航 */
.breadcrumb-wrapper[data-v-516c3b92] {
  background-color: #ffffff;
  border-bottom: 1px solid #e9ecef;
  padding: 12px 0;
}
.breadcrumb-container[data-v-516c3b92] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 页面横幅 */
.banner-section[data-v-516c3b92] {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
  padding: 90px 0;
  text-align: center;
}
.banner-content[data-v-516c3b92] {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}
.banner-content h1[data-v-516c3b92] {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
}
.banner-content p[data-v-516c3b92] {
  font-size: 18px;
  line-height: 1.6;
  opacity: 0.9;
}

/* 主要内容区 */
.main-section[data-v-516c3b92] {
  flex: 1;
  padding: 40px 0;
}
.content-container[data-v-516c3b92] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 内容卡片 */
.content-card[data-v-516c3b92] {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 40px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}
.content-card.fade-in[data-v-516c3b92] {
  opacity: 1;
  transform: translateY(0);
}

/* 介绍文本 */
.intro-section[data-v-516c3b92] {
  margin-bottom: 30px;
}
.intro-text[data-v-516c3b92] {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  text-align: justify;
  margin: 0;
}
.link-primary[data-v-516c3b92] {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.link-primary[data-v-516c3b92]:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* 图片区域 */
.image-section[data-v-516c3b92] {
  margin: 30px 0;
  text-align: center;
}
.product-image[data-v-516c3b92] {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.product-image[data-v-516c3b92]:hover {
  transform: scale(1.02);
}

/* 优势区域 */
.advantages-section[data-v-516c3b92] {
  margin: 30px 0;
}
.section-title[data-v-516c3b92] {
  font-size: 24px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #007bff;
  display: inline-block;
}
.advantages-list[data-v-516c3b92] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.advantage-item[data-v-516c3b92] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.8;
  color: #495057;
}
.advantage-icon[data-v-516c3b92] {
  color: #007bff;
  font-weight: 700;
  margin-right: 12px;
  margin-top: 4px;
  flex-shrink: 0;
}
.advantage-text[data-v-516c3b92] {
  flex: 1;
}

/* 行动召唤按钮 */
.cta-section[data-v-516c3b92] {
  text-align: center;
  margin-top: 40px;
}
.btn-primary[data-v-516c3b92] {
  display: inline-block;
  background-color: #007bff;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 30px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
.btn-primary[data-v-516c3b92]:hover {
  background-color: #0056b3;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 91, 187, 0.3);
}

/* 响应式设计 */
@media (max-width: 768px) {
.banner-content h1[data-v-516c3b92] {
    font-size: 28px;
}
.banner-content p[data-v-516c3b92] {
    font-size: 16px;
}
.content-card[data-v-516c3b92] {
    padding: 20px;
}
.section-title[data-v-516c3b92] {
    font-size: 20px;
}
.advantage-item[data-v-516c3b92] {
    font-size: 15px;
}
.btn-primary[data-v-516c3b92] {
    padding: 10px 24px;
    font-size: 15px;
}
}
@media (max-width: 576px) {
.banner-section[data-v-516c3b92] {
    padding: 40px 0;
}
.banner-content h1[data-v-516c3b92] {
    font-size: 24px;
}
.content-card[data-v-516c3b92] {
    padding: 15px;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/smsb.vue?vue&type=style&index=0&id=d4b3fe7a&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bt[data-v-d4b3fe7a] {
    width: 100%;
    text-align: center;
}
.bt .p1[data-v-d4b3fe7a] {
    font-size: 30px;
    color: #000000;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.bt .p3[data-v-d4b3fe7a] {
    font-size: 24px;
    color: #333333;
    padding-top: 10px;
}
.pro_con2 .rq[data-v-d4b3fe7a] {
    width: 100%;
    padding-top: 2.8%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_con2 .rq .div[data-v-d4b3fe7a] {
    width: 18.8%;
    margin-right: 1.5%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 3.4% 1.25%;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}
.pro_con2[data-v-d4b3fe7a]{
    padding-top: 7%;
}
.pro_con2 .rq .div[data-v-d4b3fe7a]:last-child {
    margin-right: 0;
}
.container[data-v-d4b3fe7a] {
    width: 1600px;
    margin: 0 auto;
}

/* 响应式布局 */
@media (min-width: 1200px) {
.container1[data-v-d4b3fe7a] {
        width: 1200px;
        margin-left: 7%;
}
.pro_con2 .rq .div[data-v-d4b3fe7a] {
        width: 18.8%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container[data-v-d4b3fe7a] {
        width: 960px;
}
.pro_con2 .rq .div[data-v-d4b3fe7a] {
        width: 44%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.container[data-v-d4b3fe7a] {
        width: 720px;
}
.pro_con2[data-v-d4b3fe7a]{
    padding-top: 30%;
}
.pro_con2 .rq .div[data-v-d4b3fe7a] {
        width: 44%;
}
}
@media (max-width: 767px) {
.container[data-v-d4b3fe7a] {
        width: 100%;
        padding: 0 20px;
}
.pro_con2 .rq .div[data-v-d4b3fe7a] {
        width: 45%;
}
.pro_con2[data-v-d4b3fe7a]{
    padding-top: 30%;
}
}
@media (max-width: 480px) {
.pro_con2 .rq .div[data-v-d4b3fe7a] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/gs1knowage.vue?vue&type=style&index=0&id=f9016f6e&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-container[data-v-f9016f6e] {
    padding-top: 10%;
    /* width: 80%; */
    height: 100%;
    /* margin-left: 10%;  */
    background-color: white;
}
.ecright[data-v-f9016f6e]{
    padding-top: 1%;
}
.el-aside[data-v-f9016f6e] {
    background-color: rgb(238, 241, 246);
}
.content li[data-v-f9016f6e] {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #414345;
    text-indent: 28px;
 line-height: 33px;
}
.main-content[data-v-f9016f6e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    /* 移除默认内边距 */
    border: none;
    /* 移除默认边框 */
    height: 100%;
    /* 占满整个高度 */
}
.container[data-v-f9016f6e] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: #f0f5fa;
}
.content[data-v-f9016f6e] {
    margin: 0 auto;
    max-width: 1145px;
    /* 最大宽度 */
    width: 100%;
    /* 自适应宽度 */
    padding: 3px;
    /* 内边距 */
    text-align: justify;
    /* 文本两端对齐 */
    background-color: #fff;
    /* 背景颜色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* 阴影效果 */
    border-radius: 8px;
    /* 圆角 */
}
p[data-v-f9016f6e],
li[data-v-f9016f6e] {
    font-size: 16px;
    /* 字体大小 */
    line-height: 1.5;
    /* 行高 */
    margin-bottom: 10px;
    /* 边距 */
}
ul ul[data-v-f9016f6e] {
    margin-left: 20px;
    /* 子列表的左偏移 */
}
@media (max-width: 768px) {
.el-aside[data-v-f9016f6e] {
        display: none;
}
.el-container[data-v-f9016f6e] {
        width: 100%;
        margin-left: 0;
        padding-top: 10%;
        height: auto;
        overflow: hidden;
        flex-direction: column;
}
.container[data-v-f9016f6e] {
        padding: 0 20px;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/bmtx.vue?vue&type=style&index=0&id=9ac638ae&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-container[data-v-9ac638ae] {
    padding-top: 10%;
    /* width: 80%; */
    height: 100%;
    /* margin-left: 10%; */
    background-color: white;
}
.ecright[data-v-9ac638ae] {
    padding-top: 1%;
}
.el-aside[data-v-9ac638ae] {
    background-color: rgb(238, 241, 246);
}
.content li[data-v-9ac638ae] {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #414345;
    text-indent: 28px;
  line-height: 33px;
}
.main-content[data-v-9ac638ae] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    /* 移除默认内边距 */
    border: none;
    /* 移除默认边框 */
    height: 100%;
    /* 占满整个高度 */
}
.container[data-v-9ac638ae] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: #f0f5fa;
}
.content[data-v-9ac638ae] {
    margin:0 auto;
    max-width: 1145px;
    /* 最大宽度 */
    width: 100%;
    /* 自适应宽度 */
    padding: 3px;
    /* 内边距 */
    text-align: justify;
    /* 文本两端对齐 */
    background-color: #fff;
    /* 背景颜色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* 阴影效果 */
    border-radius: 8px;
    /* 圆角 */
}
p[data-v-9ac638ae],
li[data-v-9ac638ae] {
    font-size: 16px;
    /* 字体大小 */
    line-height: 1.5;
    /* 行高 */
    margin-bottom: 10px;
    /* 边距 */
}
ul ul[data-v-9ac638ae] {
    margin-left: 20px;
    /* 子列表的左偏移 */
}
@media (max-width: 768px) {
.el-aside[data-v-9ac638ae] {
        display: none;
}
.el-container[data-v-9ac638ae] {
        width: 100%;
        margin-left: 0;
        padding-top: 10%;
        height: auto;
        overflow: hidden;
        flex-direction: column;
}
.container[data-v-9ac638ae] {
        padding: 0 20px;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ecodeknowage.vue?vue&type=style&index=0&id=651bb29c&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-container[data-v-651bb29c] {
    padding-top: 5%;
    /* width: 80%; */

    height: 100%;
    /* margin-left: 10%;  */
    background-color: white;
}
.ecright[data-v-651bb29c]{
    padding-top: 1%;
    background-color: white;
}
.el-aside[data-v-651bb29c] {
    background-color: rgb(238, 241, 246);
}
.content li[data-v-651bb29c] {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #414345;
    text-indent: 28px;

    line-height: 33px;
}
.main-content[data-v-651bb29c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    /* 移除默认内边距 */
    border: none;
    /* 移除默认边框 */
    height: 100%;
    /* 占满整个高度 */
}
.container[data-v-651bb29c] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: #8daecf;
}
.content[data-v-651bb29c] {
 
    max-width: 1170px;
    background: #fff;
    color: #6b7386;

    /* 最大宽度 */
    width: 100%;
    margin: 20px auto;
    /* 自适应宽度 */
    padding: 3px;
    /* 内边距 */
    text-align: justify;
    /* 文本两端对齐 */
    background-color: #fff;
    /* 背景颜色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* 阴影效果 */
    border-radius: 8px;
    /* 圆角 */
}
p[data-v-651bb29c],
li[data-v-651bb29c] {
    line-height: 33px;
    font-size: 16px;
    /* 字体大小 */
    line-height: 1.5;
    /* 行高 */
    margin-bottom: 10px;
    /* 边距 */
}
ul ul[data-v-651bb29c] {
    margin-left: 20px;
    /* 子列表的左偏移 */
}
@media (max-width: 768px) {
.el-aside[data-v-651bb29c] {
        display: none;
}
.el-container[data-v-651bb29c] {
        width: 100%;
        margin-left: 0;
        padding-top: 1%;
        height: auto;
        overflow: hidden;
        flex-direction: column;
}
.container[data-v-651bb29c] {
        padding: 0 20px;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/udiknowage.vue?vue&type=style&index=0&id=da61cb98&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-container[data-v-da61cb98] {
    padding-top: 10%;
    /* width: 80%; */
    height: 100%;
    /* margin-left: 10%; */
    background-color: white;
}
.ecright[data-v-da61cb98] {
    padding-top: 1%;
}
.el-aside[data-v-da61cb98] {
    background-color: rgb(238, 241, 246);
}
.content li[data-v-da61cb98] {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #414345;
    text-indent: 28px;
    line-height: 33px;
}
.main-content[data-v-da61cb98] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    /* 移除默认内边距 */
    border: none;
    /* 移除默认边框 */
    height: 100%;
    /* 占满整个高度 */
}
.container[data-v-da61cb98] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: #f0f5fa;
}
.content[data-v-da61cb98] {
    margin: 0 auto;
    max-width: 1145px;
    /* 最大宽度 */
    width: 100%;
    /* 自适应宽度 */
    padding: 3px;
    /* 内边距 */
    text-align: justify;
    /* 文本两端对齐 */
    background-color: #fff;
    /* 背景颜色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* 阴影效果 */
    border-radius: 8px;
    /* 圆角 */
}
p[data-v-da61cb98],
li[data-v-da61cb98] {
    font-size: 16px;
    /* 字体大小 */
    line-height: 1.5;
    /* 行高 */
    margin-bottom: 10px;
    /* 边距 */
}
ul ul[data-v-da61cb98] {
    margin-left: 20px;
    /* 子列表的左偏移 */
}
@media (max-width: 768px) {
.el-aside[data-v-da61cb98] {
        display: none;
}
.el-container[data-v-da61cb98] {
        width: 100%;
        margin-left: 0;
        padding-top: 10%;
        height: auto;
        overflow: hidden;
        flex-direction: column;
}
.container[data-v-da61cb98] {
        padding: 0 20px;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/bzwx.vue?vue&type=style&index=0&id=676c6fd3&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-collapse-item__header[data-v-676c6fd3] {
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    background-color: #FFFFFF;
    color: #11306c;
    cursor: pointer;
    border-bottom: 1px solid #e6ebf5;
    font-size: 16px;
    font-family: cursive;
    font-weight: 500;
    transition: border-bottom-color .3s;
    outline: none;
}
.el-container[data-v-676c6fd3] {
    padding-top: 10%;
    /* width: 80%; */
    height: 100%;
    /* margin-left: 10%; */
    background-color: white;
}
.ecright[data-v-676c6fd3] {
    padding-top: 1%;
}
.el-aside[data-v-676c6fd3] {
    background-color: rgb(238, 241, 246);
}
.content li[data-v-676c6fd3] {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #414345;
    text-indent: 28px;
    line-height: 33px;
}
.main-content[data-v-676c6fd3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    /* 移除默认内边距 */
    border: none;
    /* 移除默认边框 */
    height: 100%;
    /* 占满整个高度 */
}
.container[data-v-676c6fd3] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: #f0f5fa;
}
.content[data-v-676c6fd3] {
    margin:0 auto;
    max-width: 1145px;
    /* 最大宽度 */
    width: 100%;
    /* 自适应宽度 */
    padding: 3px;
    /* 内边距 */
    text-align: justify;
    /* 文本两端对齐 */
    background-color: #fff;
    /* 背景颜色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* 阴影效果 */
    border-radius: 8px;
    /* 圆角 */
}
p[data-v-676c6fd3],
li[data-v-676c6fd3] {
    font-size: 16px;
    /* 字体大小 */
    line-height: 1.5;
    /* 行高 */
    margin-bottom: 10px;
    /* 边距 */
}
ul ul[data-v-676c6fd3] {
    margin-left: 20px;
    /* 子列表的左偏移 */
}
@media (max-width: 768px) {
.el-aside[data-v-676c6fd3] {
        display: none;
}
.el-container[data-v-676c6fd3] {
        width: 100%;
        margin-left: 0;
        padding-top: 10%;
        height: auto;
        overflow: hidden;
        flex-direction: column;
}
.container[data-v-676c6fd3] {
        padding: 0 20px;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/wlal.vue?vue&type=style&index=0&id=3bcbae4c&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media (max-width: 769px) {
.composite[data-v-3bcbae4c]{
        padding-top: 10%;
}
}
@media (min-width: 1400px){
.container[data-v-3bcbae4c]{
    max-width: 1320px;
}
}
.xczx .xczx-right[data-v-3bcbae4c] {
    padding: 37px 20px 0 0!important;
    width: 100%;
}
.xczx .xczx-right .xczx-right-title[data-v-3bcbae4c] {
    position: relative;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    margin-bottom: 5%;
}
@media (min-width: 992px){
.col-lg-9[data-v-3bcbae4c] {
    flex: 0 0 100%;
}
}
@media (min-width: 992px){
.col-lg-3[data-v-3bcbae4c] {
    flex: 0 0 25%;
    max-width: 25%;
}
}
span[data-v-3bcbae4c]{
    margin-left: 3%;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    padding-bottom: 34px;
}
.xczx .xczx-right .xczx-right-title span[data-v-3bcbae4c] {
    position: absolute;
    bottom: -14px;
    left: 0;
    display: inline-block;
    width: 96px;
    height: 3px;
    background: #f26335;
}
.container[data-v-3bcbae4c]{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.composite[data-v-3bcbae4c] {
    margin-bottom: 30px;
    padding-top: 9%;
}
.xczx-p[data-v-3bcbae4c]{
    text-indent: 2em;  

    padding-left: 3%;
    line-height: 40px;
}
img[data-v-3bcbae4c] {
    width: 100%;
    margin-bottom: 20px;
}
img[data-v-3bcbae4c] {
    vertical-align: middle;
    border-style: none;
}
.composite>p[data-v-3bcbae4c] {

    font-size: 14px;
    color: #414345;
    line-height: 40px;
    text-indent: 2em;
    /* padding-right: 3%; */
}
p[data-v-3bcbae4c] {
    text-indent: 2em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.xczx .xczx-left img[data-v-3bcbae4c] {
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
    border-style: none;
}
.xczx .xczx-left[data-v-3bcbae4c] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row[data-v-3bcbae4c] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.xczx[data-v-3bcbae4c] {
    margin-bottom: 40px;
    width: 100%;
}


/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/lsal.vue?vue&type=style&index=0&id=448e4be8&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media (min-width: 1400px) {
.container[data-v-448e4be8] {
        max-width: 1320px;
}
}
.xczx .xczx-right[data-v-448e4be8] {
    padding: 37px 20px 0 0 !important;
    width: 100%;
}
.xczx .xczx-right .xczx-right-title[data-v-448e4be8] {
    position: relative;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    margin-bottom: 5%;
}
@media (min-width: 992px) {
.col-lg-9[data-v-448e4be8] {
        flex: 0 0 100%;
}
}
@media (min-width: 992px) {
.col-lg-3[data-v-448e4be8] {
        flex: 0 0 25%;
        max-width: 25%;
}
}
span[data-v-448e4be8] {
    margin-left: 3%;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    padding-bottom: 34px;
}
.xczx .xczx-right .xczx-right-title span[data-v-448e4be8] {
    position: absolute;
    bottom: -14px;
    left: 0;
    display: inline-block;
    width: 96px;
    height: 3px;
    background: #f26335;
}
.container[data-v-448e4be8] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.composite[data-v-448e4be8] {
    margin-bottom: 30px;
    padding-top: 9%;
    /* background: #f5f5f5; */
    /* margin-top: 5%; */
}
.xczx-p[data-v-448e4be8] {
    text-indent: 2em;
    /* padding-right: 3%; */
    padding-left: 3%;
    line-height: 40px;
}
img[data-v-448e4be8] {
    width: 100%;
    margin-bottom: 20px;
}
img[data-v-448e4be8] {
    vertical-align: middle;
    border-style: none;
}
.composite>p[data-v-448e4be8] {

    font-size: 14px;
    color: #414345;
    line-height: 40px;
    text-indent: 2em;
    /* padding-right: 3%; */
}
p[data-v-448e4be8] {
    text-indent: 2em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.xczx .xczx-left img[data-v-448e4be8] {
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
    border-style: none;
}
.xczx .xczx-left[data-v-448e4be8] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row[data-v-448e4be8] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.xczx[data-v-448e4be8] {
    margin-bottom: 40px;
    width: 100%;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/wlal2.vue?vue&type=style&index=0&id=61429bc8&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media (min-width: 1400px){
.container[data-v-61429bc8]{
    max-width: 1320px;
}
}
.xczx .xczx-right[data-v-61429bc8] {
    padding: 37px 65px 0 0!important;
    width: 100%;
}
.xczx .xczx-right .xczx-right-title[data-v-61429bc8] {
    position: relative;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    margin-bottom: 5%;
}
@media (min-width: 992px){
.col-lg-9[data-v-61429bc8] {
    flex: 0 0 100%;
}
}
@media (min-width: 992px){
.col-lg-3[data-v-61429bc8] {
    flex: 0 0 25%;
    max-width: 25%;
}
}
span[data-v-61429bc8]{
    margin-left: 1%;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    padding-bottom: 34px;
}
.xczx .xczx-right .xczx-right-title span[data-v-61429bc8] {
    position: absolute;
    bottom: -14px;
    left: 0;
    display: inline-block;
    width: 96px;
    height: 3px;
    background: #f26335;
}
.container[data-v-61429bc8]{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.composite[data-v-61429bc8] {
    margin-bottom: 30px;
    padding-top: 7%;
    /* background: #f5f5f5; */
    /* margin-top: 5%; */
}
.xczx-p[data-v-61429bc8]{
    text-indent: 2em;  
    padding-right: 1%;
    padding-left: 1%; 
    line-height: 40px;
}
img[data-v-61429bc8] {
    width: 100%;
    margin-bottom: 20px;
}
img[data-v-61429bc8] {
    vertical-align: middle;
    border-style: none;
}
.composite>p[data-v-61429bc8] {

    font-size: 14px;
    color: #414345;
    line-height: 40px;
    text-indent: 2em;
}
p[data-v-61429bc8] {
    text-indent: 2em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.xczx .xczx-left img[data-v-61429bc8] {
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
    border-style: none;
}
.xczx .xczx-left[data-v-61429bc8] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row[data-v-61429bc8] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.xczx[data-v-61429bc8] {
    margin-bottom: 40px;
    width: 100%;
}


/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ecodeal.vue?vue&type=style&index=0&id=6d64085a&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media (min-width: 1400px) {
.container[data-v-6d64085a] {
        max-width: 1320px;
}
}
.xczx .xczx-right[data-v-6d64085a] {
    padding: 37px 65px 0 0 !important;
    width: 100%;
}
.xczx .xczx-right .xczx-right-title[data-v-6d64085a] {
    position: relative;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    margin-bottom: 5%;
}
@media (min-width: 992px) {
.col-lg-9[data-v-6d64085a] {
        flex: 0 0 100%;
}
}
@media (min-width: 992px) {
.col-lg-3[data-v-6d64085a] {
        flex: 0 0 25%;
        max-width: 25%;
}
}
span[data-v-6d64085a] {
    margin-left: 3%;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    padding-bottom: 34px;
}
.xczx .xczx-right .xczx-right-title span[data-v-6d64085a] {
    position: absolute;
    bottom: -14px;
    left: 0;
    display: inline-block;
    width: 96px;
    height: 3px;
    background: #f26335;
}
.container[data-v-6d64085a] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.composite[data-v-6d64085a] {
    margin-bottom: 30px;
    padding-top: 9%;
}
.xczx-p[data-v-6d64085a] {
    text-indent: 2em;
    padding-right: 3%;
    padding-left: 3%;
    line-height: 40px;
}
img[data-v-6d64085a] {
    width: 100%;
    max-width: 80%;
    max-height: 50%;
    margin-bottom: 20px;
    -o-object-fit: cover;
       object-fit: cover;
}
img[data-v-6d64085a] {
    vertical-align: middle;
    border-style: none;
}
.composite > p[data-v-6d64085a] {
    font-size: 14px;
    color: #414345;
    line-height: 40px;
    text-indent: 2em;
    padding-right: 3%;
}
p[data-v-6d64085a] {
    text-indent: 2em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.xczx .xczx-left img[data-v-6d64085a] {
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
    border-style: none;
}
.xczx .xczx-left[data-v-6d64085a] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row[data-v-6d64085a] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.xczx[data-v-6d64085a] {
    margin-bottom: 40px;
    width: 100%;
}
.responsive-img[data-v-6d64085a] {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/dzsw.vue?vue&type=style&index=0&id=304d4f94&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media (min-width: 1400px){
.container[data-v-304d4f94]{
    max-width: 1320px;
}
}
.xczx .xczx-right[data-v-304d4f94] {
    padding: 37px 65px 0 0!important;
    width: 100%;
}
.xczx .xczx-right .xczx-right-title[data-v-304d4f94] {
    position: relative;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    margin-bottom: 5%;
}
@media (min-width: 992px){
.col-lg-9[data-v-304d4f94] {
    flex: 0 0 100%;
}
}
@media (min-width: 992px){
.col-lg-3[data-v-304d4f94] {
    flex: 0 0 25%;
    max-width: 25%;
}
}
span[data-v-304d4f94]{
    margin-left: 3%;
    font-size: 24px;
    font-family: MicrosoftYaHeiSemibold;
    color: #002c6c;
    line-height: 36px;
    padding-bottom: 34px;
}
.xczx .xczx-right .xczx-right-title span[data-v-304d4f94] {
    position: absolute;
    bottom: -14px;
    left: 0;
    display: inline-block;
    width: 96px;
    height: 3px;
    background: #f26335;
}
.container[data-v-304d4f94]{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.composite[data-v-304d4f94] {
    margin-bottom: 30px;
    padding-top: 7%;
    /* background: #f5f5f5; */
    /* margin-top: 5%; */
}
.xczx-p[data-v-304d4f94]{
    text-indent: 2em;  
    padding-right: 3%;
    padding-left: 3%; 
    line-height: 40px;
}
img[data-v-304d4f94] {
    width: 100%;
    margin-bottom: 20px;
}
img[data-v-304d4f94] {
    vertical-align: middle;
    border-style: none;
}
.composite>p[data-v-304d4f94] {

    font-size: 14px;
    color: #414345;
    line-height: 40px;
    text-indent: 2em;
    margin-right: 3%;
}
p[data-v-304d4f94] {
    text-indent: 2em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.xczx .xczx-left img[data-v-304d4f94] {
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
    border-style: none;
}
.xczx .xczx-left[data-v-304d4f94] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row[data-v-304d4f94] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.xczx[data-v-304d4f94] {
    margin-bottom: 40px;
    width: 100%;
}


/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/yjsb.vue?vue&type=style&index=0&id=663a5c3a&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.product-detail[data-v-663a5c3a] {
    font-family: 'Arial', sans-serif;
    color: #333;
    background: linear-gradient(183deg, #e3dfcf, #fbfbfb);
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.header[data-v-663a5c3a] {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 7%;
}
.navbar[data-v-663a5c3a] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.navbar ul[data-v-663a5c3a] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.navbar li[data-v-663a5c3a] {
    margin: 0 15px;
}
.navbar a[data-v-663a5c3a] {
    text-decoration: none;
    color: #2c3e50;
    font-weight: 600;
}
.navbar a[data-v-663a5c3a]:hover {
    color: #34495e;
}
.header h1[data-v-663a5c3a] {
    font-size: 36px;
    color: #2c3e50;
    margin: 0;
    padding-top: 12%;
}
.hero[data-v-663a5c3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
}
.hero-content[data-v-663a5c3a] {
    max-width: 500px;
}
.hero-content h2[data-v-663a5c3a] {
    font-size: 36px;
    color: #2c3e50;
    margin: 0;
}
.hero-content p[data-v-663a5c3a] {
    font-size: 18px;
    color: #555;
    margin: 20px 0;
    text-indent: 2em;
}
.hero-content .action-button[data-v-663a5c3a] {
    background-color: #2c3e50;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.hero-content .action-button[data-v-663a5c3a]:hover {
    background-color: #34495e;
}
.hero-image img[data-v-663a5c3a] {
    max-width: 500px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.features[data-v-663a5c3a] {
    margin: 40px 0;
}
.features h2[data-v-663a5c3a] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.feature-list[data-v-663a5c3a] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.feature[data-v-663a5c3a] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: calc(25% - 20px);
    text-align: center;
}
.feature img[data-v-663a5c3a] {
    max-width: 100px;
    height: auto;
    margin-bottom: 10px;
}
.feature h3[data-v-663a5c3a] {
    font-size: 20px;
    color: #2c3e50;
    margin: 10px 0;
}
.feature p[data-v-663a5c3a] {
    font-size: 16px;
    color: #555;
    margin: 0;
}
.specifications[data-v-663a5c3a] {
    margin: 40px 0;
}
.specifications h2[data-v-663a5c3a] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.specifications table[data-v-663a5c3a] {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}
.specifications th[data-v-663a5c3a],
.specifications td[data-v-663a5c3a] {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.specifications th[data-v-663a5c3a] {
    text-align: left;
    font-weight: bold;
    color: #2c3e50;
}
.specifications td[data-v-663a5c3a] {
    text-align: left;
    color: #555;
}
.usage[data-v-663a5c3a] {
    margin: 40px 0;
}
.usage h2[data-v-663a5c3a] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.usage-images[data-v-663a5c3a] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.usage-images img[data-v-663a5c3a] {
    max-width: 300px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.testimonials[data-v-663a5c3a] {
    margin: 40px 0;
}
.testimonials h2[data-v-663a5c3a] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.testimonial-list[data-v-663a5c3a] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.testimonial[data-v-663a5c3a] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: calc(50% - 20px);
    text-align: center;
}
.testimonial p[data-v-663a5c3a] {
    font-size: 16px;
    color: #555;
    margin: 0;
}
.testimonial span[data-v-663a5c3a] {
    font-weight: 600;
    color: #2c3e50;
    margin-top: 10px;
    display: block;
}
.footer[data-v-663a5c3a] {
    text-align: center;
    padding: 20px;
    background-color: #2c3e50;
    color: #fff;
    margin-top: 40px;
}
.footer .social-media[data-v-663a5c3a] {
    margin-top: 10px;
}
.footer .social-media a[data-v-663a5c3a] {
    text-decoration: none;
    color: #fff;
    margin: 0 10px;
    font-size: 24px;
}

/* 响应式样式 */
@media screen and (max-width: 768px) {
.navbar ul[data-v-663a5c3a] {
        flex-direction: column;
}
.navbar li[data-v-663a5c3a] {
        margin: 10px 0;
}
.hero[data-v-663a5c3a] {
        flex-direction: column;
        align-items: center;
}
.hero-content[data-v-663a5c3a] {
        max-width: 100%;
}
.hero-image img[data-v-663a5c3a] {
        max-width: 100%;
}
.feature[data-v-663a5c3a] {
        width: 100%;
}
.testimonial[data-v-663a5c3a] {
        width: 100%;
}
.usage-images img[data-v-663a5c3a] {
        max-width: 100%;
}
.footer .social-media a[data-v-663a5c3a] {
        font-size: 18px;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/ProductHero.vue?vue&type=style&index=0&id=53c959ee&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-53c959ee] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-hero[data-v-53c959ee] {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.product-hero.hero-loaded[data-v-53c959ee] {
  opacity: 1;
  transform: translateY(0);
}
.product-hero[data-v-53c959ee]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiM0YjczY2EiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4xIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIiAvPjwvc3ZnPg==);
  opacity: 0.3;
}
.product-hero .product-main[data-v-53c959ee] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
.product-hero .product-main[data-v-53c959ee] {
    grid-template-columns: 1fr;
    gap: 60px;
}
}
@media (max-width: 768px) {
.product-hero .product-main[data-v-53c959ee] {
    gap: 40px;
}
}
.product-hero .product-image-section[data-v-53c959ee] {
  position: relative;
}
.product-hero .product-image-section .image-container[data-v-53c959ee] {
  background: #ffffff;
  border-radius: 24px;
  padding: 50px;
  box-shadow: 0 25px 80px rgba(75, 115, 202, 0.15);
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: all 0.5s ease;
}
.product-hero .product-image-section .image-container[data-v-53c959ee]:hover {
  box-shadow: 0 30px 100px rgba(75, 115, 202, 0.25);
}
@media (max-width: 768px) {
.product-hero .product-image-section .image-container[data-v-53c959ee] {
    padding: 30px;
    border-radius: 16px;
}
}
.product-hero .product-image-section .image-container .product-image[data-v-53c959ee] {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.product-hero .product-image-section .image-container .product-image[data-v-53c959ee]:hover {
  transform: scale(1.08);
}
.product-hero .product-image-section .image-container .image-overlay[data-v-53c959ee] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(75, 115, 202, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.4s ease;
  border-radius: 24px;
}
@media (max-width: 768px) {
.product-hero .product-image-section .image-container .image-overlay[data-v-53c959ee] {
    border-radius: 16px;
}
}
.product-hero .product-image-section .image-container .image-overlay[data-v-53c959ee]:hover {
  opacity: 1;
}
.product-hero .product-image-section .image-container .image-overlay .overlay-content[data-v-53c959ee] {
  text-align: center;
  color: #ffffff;
  transform: translateY(20px);
  transition: transform 0.4s ease;
}
.product-hero .product-image-section .image-container .image-overlay .overlay-content[data-v-53c959ee]:hover {
  transform: translateY(0);
}
.product-hero .product-image-section .image-container .image-overlay .overlay-content i[data-v-53c959ee] {
  font-size: 36px;
  margin-bottom: 12px;
  display: block;
}
@media (max-width: 768px) {
.product-hero .product-image-section .image-container .image-overlay .overlay-content i[data-v-53c959ee] {
    font-size: 28px;
}
}
.product-hero .product-image-section .image-container .image-overlay .overlay-content span[data-v-53c959ee] {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 768px) {
.product-hero .product-image-section .image-container .image-overlay .overlay-content span[data-v-53c959ee] {
    font-size: 14px;
}
}
.product-hero .product-image-section .image-decoration[data-v-53c959ee] {
  position: absolute;
  top: -30px;
  right: -30px;
  bottom: -30px;
  left: -30px;
  z-index: 1;
}
.product-hero .product-image-section .image-decoration .decoration-circle[data-v-53c959ee] {
  position: absolute;
  width: 220px;
  height: 220px;
  border: 3px solid rgba(75, 115, 202, 0.2);
  border-radius: 50%;
  top: -40px;
  right: -40px;
  animation: rotate-53c959ee 25s linear infinite;
}
.product-hero .product-image-section .image-decoration .decoration-dots[data-v-53c959ee] {
  position: absolute;
  width: 120px;
  height: 120px;
  background-image: radial-gradient(#4b73ca 2px, transparent 2px);
  background-size: 15px 15px;
  bottom: 30px;
  left: -30px;
  opacity: 0.3;
}
.product-hero .product-image-section .image-decoration .decoration-lines[data-v-53c959ee] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  transform: translate(-50%, -50%);
  background: linear-gradient(45deg, transparent 48%, rgba(75, 115, 202, 0.1) 49%, rgba(75, 115, 202, 0.1) 51%, transparent 52%), linear-gradient(-45deg, transparent 48%, rgba(75, 115, 202, 0.1) 49%, rgba(75, 115, 202, 0.1) 51%, transparent 52%);
  background-size: 20px 20px;
  border-radius: 50%;
}
.product-hero .product-info-section .product-badge[data-v-53c959ee] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 10px 24px;
  border-radius: 32px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(245, 158, 11, 0.3);
}
.product-hero .product-info-section .product-badge .badge-shine[data-v-53c959ee] {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transform: rotate(45deg);
  animation: shine-53c959ee 3s infinite;
}
.product-hero .product-info-section .product-title[data-v-53c959ee] {
  font-size: 48px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 24px 0;
  line-height: 1.1;
  background: linear-gradient(135deg, #1e293b 0%, #64748b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.product-hero .product-info-section .product-description[data-v-53c959ee] {
  font-size: 18px;
  color: #64748b;
  line-height: 1.8;
  margin-bottom: 36px;
  font-weight: 400;
}
.product-hero .product-info-section .product-features[data-v-53c959ee] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
.product-hero .product-info-section .product-features[data-v-53c959ee] {
    grid-template-columns: 1fr;
}
}
.product-hero .product-info-section .product-features .feature-item[data-v-53c959ee] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(75, 115, 202, 0.05);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.product-hero .product-info-section .product-features .feature-item[data-v-53c959ee]:hover {
  background: rgba(75, 115, 202, 0.1);
  transform: translateX(8px);
}
.product-hero .product-info-section .product-features .feature-item .feature-icon[data-v-53c959ee] {
  width: 36px;
  height: 36px;
  background: #10b981;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.product-hero .product-info-section .product-features .feature-item .feature-icon i[data-v-53c959ee] {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
.product-hero .product-info-section .product-features .feature-item .feature-text[data-v-53c959ee] {
  color: #1e293b;
  font-size: 15px;
  font-weight: 500;
}
.product-hero .product-info-section .product-actions[data-v-53c959ee] {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
.product-hero .product-info-section .product-actions[data-v-53c959ee] {
    flex-direction: column;
}
.product-hero .product-info-section .product-actions .el-button[data-v-53c959ee] {
    width: 100%;
}
}
.product-hero .product-info-section .product-actions .btn-consult[data-v-53c959ee] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  border: none;
  padding: 18px 48px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 32px;
  box-shadow: 0 12px 35px rgba(75, 115, 202, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}
.product-hero .product-info-section .product-actions .btn-consult[data-v-53c959ee]:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 18px 45px rgba(75, 115, 202, 0.4);
}
.product-hero .product-info-section .product-actions .btn-consult[data-v-53c959ee]:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: slide-53c959ee 1s ease;
}
.product-hero .product-info-section .product-actions .btn-consult[data-v-53c959ee]:active {
  transform: translateY(0) scale(0.98);
}
.product-hero .product-info-section .product-actions .btn-consult i[data-v-53c959ee] {
  margin-right: 10px;
  transition: transform 0.3s ease;
}
.product-hero .product-info-section .product-actions .btn-consult:hover i[data-v-53c959ee] {
  transform: scale(1.1) rotate(5deg);
}
.product-hero .product-info-section .product-actions .btn-back[data-v-53c959ee] {
  padding: 18px 48px;
  font-size: 16px;
  border-radius: 32px;
  border: 2px solid #e5e7eb;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
.product-hero .product-info-section .product-actions .btn-back[data-v-53c959ee]:hover {
  border-color: #4b73ca;
  color: #4b73ca;
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 25px rgba(75, 115, 202, 0.15);
}
.product-hero .product-info-section .product-actions .btn-back[data-v-53c959ee]:active {
  transform: translateY(0) scale(0.98);
}
.product-hero .product-info-section .product-actions .btn-back i[data-v-53c959ee] {
  margin-right: 10px;
  transition: transform 0.3s ease;
}
.product-hero .product-info-section .product-actions .btn-back:hover i[data-v-53c959ee] {
  transform: translateX(-3px);
}
.product-hero .product-info-section .product-stats[data-v-53c959ee] {
  display: flex;
  gap: 30px;
}
@media (max-width: 768px) {
.product-hero .product-info-section .product-stats[data-v-53c959ee] {
    flex-wrap: wrap;
    gap: 20px;
}
}
.product-hero .product-info-section .product-stats .stat-item[data-v-53c959ee] {
  text-align: center;
  padding: 20px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  flex: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.product-hero .product-info-section .product-stats .stat-item[data-v-53c959ee]:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  background: linear-gradient(135deg, #ffffff 0%, rgba(75, 115, 202, 0.05) 100%);
}
.product-hero .product-info-section .product-stats .stat-item[data-v-53c959ee]:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(75, 115, 202, 0.1), transparent);
  animation: slide-53c959ee 1s ease;
}
.product-hero .product-info-section .product-stats .stat-item .stat-value[data-v-53c959ee] {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #4b73ca;
  margin-bottom: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-hero .product-info-section .product-stats .stat-item .stat-value[data-v-53c959ee]:hover {
  transform: scale(1.15) rotate(2deg);
}
.product-hero .product-info-section .product-stats .stat-item .stat-label[data-v-53c959ee] {
  font-size: 14px;
  color: #64748b;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-hero .product-info-section .product-stats .stat-item .stat-label[data-v-53c959ee]:hover {
  color: #4b73ca;
  transform: translateY(-2px);
}
@keyframes rotate-53c959ee {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes shine-53c959ee {
0% {
    transform: translateX(-100%) rotate(45deg);
}
100% {
    transform: translateX(100%) rotate(45deg);
}
}
@keyframes slide-53c959ee {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}
@media (max-width: 768px) {
.product-hero[data-v-53c959ee] {
    padding: 60px 0;
}
.product-hero .product-info-section .product-title[data-v-53c959ee] {
    font-size: 32px;
}
.product-hero .product-info-section .product-description[data-v-53c959ee] {
    font-size: 16px;
}
.product-hero .product-info-section .product-features[data-v-53c959ee] {
    grid-template-columns: 1fr;
}
.product-hero .product-info-section .product-actions[data-v-53c959ee] {
    flex-direction: column;
}
.product-hero .product-info-section .product-actions .el-button[data-v-53c959ee] {
    width: 100%;
}
.product-hero .product-info-section .product-stats[data-v-53c959ee] {
    flex-wrap: wrap;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/ProductDetails.vue?vue&type=style&index=0&id=1c354f03&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-1c354f03] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-details[data-v-1c354f03] {
  padding: 80px 0;
  position: relative;
}
.product-details .tabs-container[data-v-1c354f03] {
  background: #ffffff;
  border-radius: 24px;
  padding: 50px;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}
.product-details .tabs-container[data-v-1c354f03]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca, #10b981, #f59e0b);
}
@media (max-width: 768px) {
.product-details .tabs-container[data-v-1c354f03] {
    padding: 30px 20px;
    border-radius: 16px;
}
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__header {
  margin-bottom: 48px;
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__nav-wrap::after {
  height: 2px;
  background: #e5e7eb;
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__active-bar {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  height: 4px;
  border-radius: 2px;
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__item {
  font-size: 18px;
  font-weight: 600;
  color: #64748b;
  padding: 0 40px;
  margin-right: 20px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__item:hover {
  color: #4b73ca;
  transform: translateY(-2px);
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__item.is-active {
  color: #4b73ca;
  font-weight: 700;
  transform: translateY(-2px);
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__item.is-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #4b73ca 0%, #1750ab 100%);
  border-radius: 3px 3px 0 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__item.is-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(75, 115, 202, 0.1), transparent);
  animation: slide 0.8s ease;
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__content {
  transition: all 0.3s ease;
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__content.tab-content-animate {
  animation: tabSlide-1c354f03 0.3s ease;
}
.product-details .features-content .features-grid[data-v-1c354f03] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 768px) {
.product-details .features-content .features-grid[data-v-1c354f03] {
    grid-template-columns: 1fr;
}
}
.product-details .features-content .features-grid .feature-card[data-v-1c354f03] {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 30px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}
.product-details .features-content .features-grid .feature-card[data-v-1c354f03]:hover {
  border-color: #4b73ca;
  transform: translateY(-8px) rotateY(3deg) scale(1.02);
  box-shadow: 0 20px 50px rgba(75, 115, 202, 0.2);
  background: linear-gradient(135deg, #ffffff 0%, rgba(75, 115, 202, 0.05) 100%);
}
.product-details .features-content .features-grid .feature-card[data-v-1c354f03]:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(75, 115, 202, 0.1), transparent);
  animation: slide 1s ease;
}
.product-details .features-content .features-grid .feature-card[data-v-1c354f03]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #4b73ca 0%, #1750ab 100%);
  border-radius: 4px 0 0 4px;
  transition: all 0.4s ease;
}
.product-details .features-content .features-grid .feature-card .feature-number[data-v-1c354f03] {
  font-size: 36px;
  font-weight: 800;
  color: #4b73ca;
  opacity: 0.2;
  line-height: 1;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-details .features-content .features-grid .feature-card .feature-number[data-v-1c354f03]:hover {
  opacity: 0.4;
  transform: scale(1.1) rotate(5deg);
}
.product-details .features-content .features-grid .feature-card .feature-content[data-v-1c354f03] {
  flex: 1;
}
.product-details .features-content .features-grid .feature-card .feature-content p[data-v-1c354f03] {
  margin: 0;
  color: #1e293b;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-details .features-content .features-grid .feature-card .feature-content p[data-v-1c354f03]:hover {
  color: #4b73ca;
  transform: translateX(5px);
}
.product-details .features-content .features-grid .feature-card .feature-icon[data-v-1c354f03] {
  flex-shrink: 0;
  margin-top: 4px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-details .features-content .features-grid .feature-card .feature-icon[data-v-1c354f03]:hover {
  transform: scale(1.2) rotate(10deg);
}
.product-details .features-content .features-grid .feature-card .feature-icon i[data-v-1c354f03] {
  font-size: 20px;
  color: #f59e0b;
  opacity: 0.6;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-details .features-content .features-grid .feature-card .feature-icon i[data-v-1c354f03]:hover {
  color: #4b73ca;
  opacity: 1;
  transform: scale(1.1);
}
.product-details .specs-content .specs-table-wrapper[data-v-1c354f03] {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.product-details .specs-content .specs-table-wrapper .specs-table[data-v-1c354f03] {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}
.product-details .specs-content .specs-table-wrapper .specs-table tr[data-v-1c354f03] {
  border-bottom: 1px solid #f1f5f9;
  transition: all 0.3s ease;
}
.product-details .specs-content .specs-table-wrapper .specs-table tr[data-v-1c354f03]:hover {
  background: #f8fafc;
}
.product-details .specs-content .specs-table-wrapper .specs-table tr[data-v-1c354f03]:last-child {
  border-bottom: none;
}
.product-details .specs-content .specs-table-wrapper .specs-table td[data-v-1c354f03] {
  padding: 24px 30px;
  font-size: 16px;
}
.product-details .specs-content .specs-table-wrapper .specs-table .spec-label[data-v-1c354f03] {
  width: 35%;
  color: #64748b;
  font-weight: 600;
  border-right: 1px solid #f1f5f9;
}
.product-details .specs-content .specs-table-wrapper .specs-table .spec-value[data-v-1c354f03] {
  color: #1e293b;
  font-weight: 500;
  padding-left: 30px;
}
.product-details .applications-content .applications-grid[data-v-1c354f03] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.product-details .applications-content .applications-grid[data-v-1c354f03] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-details .applications-content .applications-grid[data-v-1c354f03] {
    grid-template-columns: 1fr;
}
}
.product-details .applications-content .applications-grid .application-card[data-v-1c354f03] {
  text-align: center;
  padding: 40px 30px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.product-details .applications-content .applications-grid .application-card[data-v-1c354f03]:hover {
  border-color: #4b73ca;
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(75, 115, 202, 0.15);
}
.product-details .applications-content .applications-grid .application-card:hover .app-icon[data-v-1c354f03] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  transform: scale(1.1);
}
.product-details .applications-content .applications-grid .application-card:hover .app-icon i[data-v-1c354f03] {
  color: #ffffff;
  transform: rotate(360deg);
}
.product-details .applications-content .applications-grid .application-card:hover .app-hover-effect[data-v-1c354f03] {
  opacity: 1;
  transform: scale(1);
}
.product-details .applications-content .applications-grid .application-card .app-icon[data-v-1c354f03] {
  width: 80px;
  height: 80px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  transition: all 0.4s ease;
}
.product-details .applications-content .applications-grid .application-card .app-icon i[data-v-1c354f03] {
  font-size: 32px;
  color: #4b73ca;
  transition: all 0.4s ease;
}
.product-details .applications-content .applications-grid .application-card .app-title[data-v-1c354f03] {
  font-size: 20px;
  color: #1e293b;
  margin: 0 0 16px 0;
  font-weight: 600;
}
.product-details .applications-content .applications-grid .application-card .app-description[data-v-1c354f03] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.product-details .applications-content .applications-grid .application-card .app-hover-effect[data-v-1c354f03] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(75, 115, 202, 0.05);
  border-radius: 20px;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.4s ease;
}
@keyframes tabSlide-1c354f03 {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 768px) {
.product-details[data-v-1c354f03] {
    padding: 60px 0;
}
.product-details .tabs-container[data-v-1c354f03] {
    padding: 30px 20px;
}
.product-details .detail-tabs[data-v-1c354f03] .el-tabs__item {
    font-size: 16px;
    padding: 0 20px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/ProductAdvantages.vue?vue&type=style&index=0&id=42b0f712&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-42b0f712] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-advantages[data-v-42b0f712] {
  padding: 80px 0;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
@media (max-width: 768px) {
.product-advantages[data-v-42b0f712] {
    padding: 60px 0;
}
}
.product-advantages .section-header[data-v-42b0f712] {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
.product-advantages .section-header[data-v-42b0f712] {
    margin-bottom: 40px;
}
}
.product-advantages .section-header .section-title[data-v-42b0f712] {
  font-size: 36px;
  color: #1e293b;
  margin: 0 0 16px 0;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
@media (max-width: 768px) {
.product-advantages .section-header .section-title[data-v-42b0f712] {
    font-size: 28px;
}
}
.product-advantages .section-header .section-title[data-v-42b0f712]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #1750ab 100%);
  border-radius: 2px;
}
@media (max-width: 768px) {
.product-advantages .section-header .section-title[data-v-42b0f712]::after {
    width: 60px;
    bottom: -8px;
}
}
.product-advantages .section-header .section-subtitle[data-v-42b0f712] {
  color: #64748b;
  font-size: 18px;
  margin: 0;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
.product-advantages .section-header .section-subtitle[data-v-42b0f712] {
    font-size: 16px;
    padding: 0 20px;
}
}
.product-advantages .advantages-grid[data-v-42b0f712] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.product-advantages .advantages-grid[data-v-42b0f712] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-advantages .advantages-grid[data-v-42b0f712] {
    grid-template-columns: 1fr;
}
}
.product-advantages .advantages-grid .advantage-card[data-v-42b0f712] {
  text-align: center;
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
.product-advantages .advantages-grid .advantage-card[data-v-42b0f712] {
    padding: 30px 20px;
    border-radius: 16px;
}
}
.product-advantages .advantages-grid .advantage-card[data-v-42b0f712]:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
.product-advantages .advantages-grid .advantage-card:hover .advantage-icon[data-v-42b0f712] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
}
.product-advantages .advantages-grid .advantage-card:hover .advantage-icon i[data-v-42b0f712] {
  color: #ffffff;
  transform: scale(1.1) rotate(5deg);
}
.product-advantages .advantages-grid .advantage-card .advantage-icon[data-v-42b0f712] {
  width: 100px;
  height: 100px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  transition: all 0.4s ease;
}
@media (max-width: 768px) {
.product-advantages .advantages-grid .advantage-card .advantage-icon[data-v-42b0f712] {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}
}
.product-advantages .advantages-grid .advantage-card .advantage-icon i[data-v-42b0f712] {
  font-size: 40px;
  color: #4b73ca;
  transition: all 0.4s ease;
}
@media (max-width: 768px) {
.product-advantages .advantages-grid .advantage-card .advantage-icon i[data-v-42b0f712] {
    font-size: 32px;
}
}
.product-advantages .advantages-grid .advantage-card .advantage-title[data-v-42b0f712] {
  font-size: 20px;
  color: #1e293b;
  margin: 0 0 16px 0;
  font-weight: 600;
}
@media (max-width: 768px) {
.product-advantages .advantages-grid .advantage-card .advantage-title[data-v-42b0f712] {
    font-size: 18px;
    margin-bottom: 12px;
}
}
.product-advantages .advantages-grid .advantage-card .advantage-description[data-v-42b0f712] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
.product-advantages .advantages-grid .advantage-card .advantage-description[data-v-42b0f712] {
    font-size: 13px;
}
}
@media (max-width: 768px) {
.product-advantages[data-v-42b0f712] {
    padding: 60px 0;
}
.product-advantages .section-header .section-title[data-v-42b0f712] {
    font-size: 28px;
}
.product-advantages .advantages-grid[data-v-42b0f712] {
    grid-template-columns: 1fr;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/RelatedProducts.vue?vue&type=style&index=0&id=3efa5da2&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-3efa5da2] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.related-products[data-v-3efa5da2] {
  padding: 80px 0 100px;
  background: #ffffff;
}
@media (max-width: 768px) {
.related-products[data-v-3efa5da2] {
    padding: 60px 0 80px;
}
}
.related-products .section-header[data-v-3efa5da2] {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
.related-products .section-header[data-v-3efa5da2] {
    margin-bottom: 40px;
}
}
.related-products .section-header .section-title[data-v-3efa5da2] {
  font-size: 36px;
  color: #1e293b;
  margin: 0 0 16px 0;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
@media (max-width: 768px) {
.related-products .section-header .section-title[data-v-3efa5da2] {
    font-size: 28px;
}
}
.related-products .section-header .section-title[data-v-3efa5da2]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #4b73ca 0%, #1750ab 100%);
  border-radius: 2px;
}
@media (max-width: 768px) {
.related-products .section-header .section-title[data-v-3efa5da2]::after {
    width: 60px;
    bottom: -8px;
}
}
.related-products .section-header .section-subtitle[data-v-3efa5da2] {
  color: #64748b;
  font-size: 18px;
  margin: 0;
}
@media (max-width: 768px) {
.related-products .section-header .section-subtitle[data-v-3efa5da2] {
    font-size: 16px;
    padding: 0 20px;
}
}
.related-products .related-grid[data-v-3efa5da2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}
@media (max-width: 992px) {
.related-products .related-grid[data-v-3efa5da2] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.related-products .related-grid[data-v-3efa5da2] {
    grid-template-columns: 1fr;
}
}
.related-products .related-grid .related-card[data-v-3efa5da2] {
  background: #f8fafc;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s ease;
  border: 1px solid #e5e7eb;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card[data-v-3efa5da2] {
    border-radius: 16px;
}
}
.related-products .related-grid .related-card[data-v-3efa5da2]:hover {
  transform: translateY(-12px);
  box-shadow: 0 25px 60px rgba(75, 115, 202, 0.15);
}
.related-products .related-grid .related-card .related-image[data-v-3efa5da2] {
  height: 220px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card .related-image[data-v-3efa5da2] {
    height: 180px;
    padding: 20px;
}
}
.related-products .related-grid .related-card .related-image img[data-v-3efa5da2] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.5s ease;
}
.related-products .related-grid .related-card .related-image img[data-v-3efa5da2]:hover {
  transform: scale(1.15);
}
.related-products .related-grid .related-card .related-image .image-overlay[data-v-3efa5da2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(75, 115, 202, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.4s ease;
}
.related-products .related-grid .related-card .related-image .image-overlay[data-v-3efa5da2]:hover {
  opacity: 1;
}
.related-products .related-grid .related-card .related-image .image-overlay .overlay-text[data-v-3efa5da2] {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  transform: translateY(20px);
  transition: transform 0.4s ease;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card .related-image .image-overlay .overlay-text[data-v-3efa5da2] {
    font-size: 16px;
}
}
.related-products .related-grid .related-card .related-image .image-overlay .overlay-text[data-v-3efa5da2]:hover {
  transform: translateY(0);
}
.related-products .related-grid .related-card .related-info[data-v-3efa5da2] {
  padding: 30px;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card .related-info[data-v-3efa5da2] {
    padding: 20px;
}
}
.related-products .related-grid .related-card .related-info .related-name[data-v-3efa5da2] {
  font-size: 20px;
  color: #1e293b;
  margin: 0 0 12px 0;
  font-weight: 600;
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card .related-info .related-name[data-v-3efa5da2] {
    font-size: 18px;
    margin-bottom: 10px;
}
}
.related-products .related-grid .related-card .related-info .related-name[data-v-3efa5da2]:hover {
  color: #4b73ca;
}
.related-products .related-grid .related-card .related-info .related-description[data-v-3efa5da2] {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card .related-info .related-description[data-v-3efa5da2] {
    font-size: 13px;
    margin-bottom: 16px;
}
}
.related-products .related-grid .related-card .related-info .related-action[data-v-3efa5da2] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b73ca;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card .related-info .related-action[data-v-3efa5da2] {
    font-size: 13px;
}
}
.related-products .related-grid .related-card .related-info .related-action[data-v-3efa5da2]:hover {
  transform: translateX(8px);
}
.related-products .related-grid .related-card .related-info .related-action i[data-v-3efa5da2] {
  font-size: 16px;
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
.related-products .related-grid .related-card .related-info .related-action i[data-v-3efa5da2] {
    font-size: 14px;
}
}
.related-products .related-grid .related-card .related-info .related-action i[data-v-3efa5da2]:hover {
  transform: translateX(4px);
}
@media (max-width: 768px) {
.related-products[data-v-3efa5da2] {
    padding: 60px 0 80px;
}
.related-products .section-header .section-title[data-v-3efa5da2] {
    font-size: 28px;
}
.related-products .related-grid[data-v-3efa5da2] {
    grid-template-columns: 1fr;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/tl344.vue?vue&type=style&index=0&id=78b9155e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-78b9155e] {
  background-color: #f5f7fa;
  min-height: 100vh;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/g50.vue?vue&type=style&index=0&id=052ed3d0&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-052ed3d0] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-052ed3d0] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-052ed3d0] {
  padding: 20px 0 30px;
}
.product-main[data-v-052ed3d0] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-052ed3d0] {
    flex-direction: column;
}
}
.product-gallery[data-v-052ed3d0] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-052ed3d0] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-052ed3d0] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-info[data-v-052ed3d0] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-052ed3d0] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-052ed3d0] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-052ed3d0] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-052ed3d0] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-052ed3d0] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-052ed3d0] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-052ed3d0]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-052ed3d0] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-052ed3d0] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-052ed3d0] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-052ed3d0] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-052ed3d0] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-052ed3d0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-052ed3d0] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-052ed3d0] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-052ed3d0]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-052ed3d0] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-052ed3d0] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-052ed3d0] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-052ed3d0] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-052ed3d0]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-052ed3d0] {
  padding: 0;
}
.product-specs .specs-content .specs-group[data-v-052ed3d0] {
  margin-bottom: 20px;
}
.product-specs .specs-content .specs-group[data-v-052ed3d0]:last-child {
  margin-bottom: 0;
}
.product-specs .specs-content .specs-group .group-title[data-v-052ed3d0] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 12px 0;
  padding: 16px 20px 0;
}
.product-specs .specs-content .specs-group .specs-table[data-v-052ed3d0] {
  width: 100%;
}
.product-specs .specs-content .specs-group .specs-table .spec-row[data-v-052ed3d0] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-group .specs-table .spec-row[data-v-052ed3d0]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-group .specs-table .spec-row[data-v-052ed3d0]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-group .specs-table .spec-row .spec-label[data-v-052ed3d0] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-group .specs-table .spec-row .spec-label[data-v-052ed3d0] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-group .specs-table .spec-row .spec-value[data-v-052ed3d0] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #1a1a1a;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-group .specs-table .spec-row .spec-value[data-v-052ed3d0] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-052ed3d0] {
    padding: 15px 0 25px;
}
.product-main[data-v-052ed3d0] {
    margin-bottom: 15px;
}
.product-gallery[data-v-052ed3d0] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-052ed3d0] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-052ed3d0] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-052ed3d0] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-052ed3d0] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-052ed3d0] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-052ed3d0] {
    flex: 0 0 120px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/jsmi4p.vue?vue&type=style&index=0&id=9808c78a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-9808c78a] {
  background-color: #f5f7fa;
  min-height: 100vh;
}
.container[data-v-9808c78a] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.breadcrumb-section[data-v-9808c78a] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 100%);
  padding: 20px 0;
}
.breadcrumb-section .el-breadcrumb[data-v-9808c78a] {
  font-size: 14px;
}
.breadcrumb-section .el-breadcrumb[data-v-9808c78a] .el-breadcrumb__inner {
  color: rgba(255, 255, 255, 0.8);
}
.breadcrumb-section .el-breadcrumb[data-v-9808c78a] .el-breadcrumb__inner:hover {
  color: #ffffff;
}
.breadcrumb-section .el-breadcrumb[data-v-9808c78a] .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #ffffff;
  font-weight: 600;
}
.breadcrumb-section .el-breadcrumb[data-v-9808c78a] .el-breadcrumb__separator {
  color: rgba(255, 255, 255, 0.5);
}
.product-hero[data-v-9808c78a] {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  padding: 60px 0;
}
.product-hero .product-main[data-v-9808c78a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 992px) {
.product-hero .product-main[data-v-9808c78a] {
    grid-template-columns: 1fr;
    gap: 40px;
}
}
.product-hero .product-image-wrapper[data-v-9808c78a] {
  position: relative;
}
.product-hero .product-image-wrapper .image-container[data-v-9808c78a] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(75, 115, 202, 0.15);
  position: relative;
  z-index: 2;
}
.product-hero .product-image-wrapper .image-container img[data-v-9808c78a] {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.5s ease;
}
.product-hero .product-image-wrapper .image-container img[data-v-9808c78a]:hover {
  transform: scale(1.05);
}
.product-hero .product-image-wrapper .image-decoration[data-v-9808c78a] {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  z-index: 1;
}
.product-hero .product-image-wrapper .image-decoration .decoration-circle[data-v-9808c78a] {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 3px solid rgba(75, 115, 202, 0.2);
  border-radius: 50%;
  top: -30px;
  right: -30px;
  animation: rotate-9808c78a 20s linear infinite;
}
.product-hero .product-image-wrapper .image-decoration .decoration-dots[data-v-9808c78a] {
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: radial-gradient(#4b73ca 2px, transparent 2px);
  background-size: 15px 15px;
  bottom: 20px;
  left: -20px;
  opacity: 0.3;
}
.product-hero .product-info .product-badge[data-v-9808c78a] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.product-hero .product-info .product-title[data-v-9808c78a] {
  font-size: 42px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 20px 0;
  line-height: 1.2;
}
.product-hero .product-info .product-desc[data-v-9808c78a] {
  font-size: 16px;
  color: #64748b;
  line-height: 1.8;
  margin-bottom: 30px;
}
.product-hero .product-info .product-features[data-v-9808c78a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 40px;
}
.product-hero .product-info .product-features .feature-item[data-v-9808c78a] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-hero .product-info .product-features .feature-item i[data-v-9808c78a] {
  color: #10b981;
  font-size: 18px;
  font-weight: bold;
}
.product-hero .product-info .product-features .feature-item span[data-v-9808c78a] {
  color: #1e293b;
  font-size: 15px;
}
.product-hero .product-info .product-actions[data-v-9808c78a] {
  display: flex;
  gap: 15px;
}
.product-hero .product-info .product-actions .btn-consult[data-v-9808c78a] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  border: none;
  padding: 15px 40px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  box-shadow: 0 10px 30px rgba(75, 115, 202, 0.3);
  transition: all 0.3s ease;
}
.product-hero .product-info .product-actions .btn-consult[data-v-9808c78a]:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(75, 115, 202, 0.4);
}
.product-hero .product-info .product-actions .btn-consult i[data-v-9808c78a] {
  margin-right: 8px;
}
.product-hero .product-info .product-actions .btn-back[data-v-9808c78a] {
  padding: 15px 40px;
  font-size: 16px;
  border-radius: 30px;
  border: 2px solid #e5e7eb;
  transition: all 0.3s ease;
}
.product-hero .product-info .product-actions .btn-back[data-v-9808c78a]:hover {
  border-color: #4b73ca;
  color: #4b73ca;
}
.product-details[data-v-9808c78a] {
  padding: 60px 0;
}
.product-details .detail-tabs[data-v-9808c78a] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}
.product-details .detail-tabs[data-v-9808c78a] .el-tabs__header {
  margin-bottom: 40px;
}
.product-details .detail-tabs[data-v-9808c78a] .el-tabs__nav-wrap::after {
  height: 2px;
  background: #e5e7eb;
}
.product-details .detail-tabs[data-v-9808c78a] .el-tabs__active-bar {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  height: 3px;
}
.product-details .detail-tabs[data-v-9808c78a] .el-tabs__item {
  font-size: 16px;
  font-weight: 600;
  color: #64748b;
  padding: 0 30px;
}
.product-details .detail-tabs[data-v-9808c78a] .el-tabs__item.is-active {
  color: #4b73ca;
}
.product-details .detail-tabs[data-v-9808c78a] .el-tabs__item:hover {
  color: #4b73ca;
}
.product-details .features-grid[data-v-9808c78a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
.product-details .features-grid[data-v-9808c78a] {
    grid-template-columns: 1fr;
}
}
.product-details .features-grid .feature-card[data-v-9808c78a] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 25px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 15px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.product-details .features-grid .feature-card[data-v-9808c78a]:hover {
  border-color: #4b73ca;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(75, 115, 202, 0.1);
}
.product-details .features-grid .feature-card .feature-number[data-v-9808c78a] {
  font-size: 32px;
  font-weight: 800;
  color: #4b73ca;
  opacity: 0.3;
  line-height: 1;
}
.product-details .features-grid .feature-card .feature-content[data-v-9808c78a] {
  flex: 1;
}
.product-details .features-grid .feature-card .feature-content p[data-v-9808c78a] {
  margin: 0;
  color: #1e293b;
  font-size: 15px;
  line-height: 1.6;
}
.product-details .specs-table-wrapper .specs-table[data-v-9808c78a] {
  width: 100%;
  border-collapse: collapse;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-9808c78a] {
  border-bottom: 1px solid #e5e7eb;
  transition: background 0.3s ease;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-9808c78a]:hover {
  background: #f8fafc;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-9808c78a]:last-child {
  border-bottom: none;
}
.product-details .specs-table-wrapper .specs-table td[data-v-9808c78a] {
  padding: 20px;
  font-size: 15px;
}
.product-details .specs-table-wrapper .specs-table .spec-label[data-v-9808c78a] {
  width: 30%;
  color: #64748b;
  font-weight: 500;
}
.product-details .specs-table-wrapper .specs-table .spec-value[data-v-9808c78a] {
  color: #1e293b;
  font-weight: 600;
}
.product-details .applications-grid[data-v-9808c78a] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
@media (max-width: 992px) {
.product-details .applications-grid[data-v-9808c78a] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-details .applications-grid[data-v-9808c78a] {
    grid-template-columns: 1fr;
}
}
.product-details .applications-grid .application-card[data-v-9808c78a] {
  text-align: center;
  padding: 35px 25px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 15px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card[data-v-9808c78a]:hover {
  border-color: #4b73ca;
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(75, 115, 202, 0.15);
}
.product-details .applications-grid .application-card:hover .app-icon[data-v-9808c78a] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
}
.product-details .applications-grid .application-card:hover .app-icon i[data-v-9808c78a] {
  color: #ffffff;
}
.product-details .applications-grid .application-card .app-icon[data-v-9808c78a] {
  width: 70px;
  height: 70px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card .app-icon i[data-v-9808c78a] {
  font-size: 28px;
  color: #4b73ca;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card h4[data-v-9808c78a] {
  font-size: 18px;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.product-details .applications-grid .application-card p[data-v-9808c78a] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}
.related-products[data-v-9808c78a] {
  padding: 60px 0 80px;
  background: #ffffff;
}
.related-products .section-header[data-v-9808c78a] {
  text-align: center;
  margin-bottom: 50px;
}
.related-products .section-header h2[data-v-9808c78a] {
  font-size: 32px;
  color: #1e293b;
  margin: 0 0 12px 0;
  font-weight: 700;
}
.related-products .section-header p[data-v-9808c78a] {
  color: #64748b;
  font-size: 16px;
  margin: 0;
}
.related-products .related-grid[data-v-9808c78a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.related-products .related-grid[data-v-9808c78a] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.related-products .related-grid[data-v-9808c78a] {
    grid-template-columns: 1fr;
}
}
.related-products .related-grid .related-card[data-v-9808c78a] {
  background: #f8fafc;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}
.related-products .related-grid .related-card[data-v-9808c78a]:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(75, 115, 202, 0.15);
}
.related-products .related-grid .related-card:hover .related-image img[data-v-9808c78a] {
  transform: scale(1.1);
}
.related-products .related-grid .related-card .related-image[data-v-9808c78a] {
  height: 200px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
}
.related-products .related-grid .related-card .related-image img[data-v-9808c78a] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.5s ease;
}
.related-products .related-grid .related-card h4[data-v-9808c78a] {
  font-size: 18px;
  color: #1e293b;
  margin: 20px 20px 10px;
  font-weight: 600;
}
.related-products .related-grid .related-card p[data-v-9808c78a] {
  font-size: 14px;
  color: #64748b;
  margin: 0 20px 20px;
  line-height: 1.5;
}
@keyframes rotate-9808c78a {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/jsm431.vue?vue&type=style&index=0&id=89b69330&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-89b69330] {
  background-color: #f5f7fa;
  min-height: 100vh;
}
.container[data-v-89b69330] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.breadcrumb-section[data-v-89b69330] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 100%);
  padding: 20px 0;
}
.breadcrumb-section .el-breadcrumb[data-v-89b69330] {
  font-size: 14px;
}
.breadcrumb-section .el-breadcrumb[data-v-89b69330] .el-breadcrumb__inner {
  color: rgba(255, 255, 255, 0.8);
}
.breadcrumb-section .el-breadcrumb[data-v-89b69330] .el-breadcrumb__inner:hover {
  color: #ffffff;
}
.breadcrumb-section .el-breadcrumb[data-v-89b69330] .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #ffffff;
  font-weight: 600;
}
.breadcrumb-section .el-breadcrumb[data-v-89b69330] .el-breadcrumb__separator {
  color: rgba(255, 255, 255, 0.5);
}
.product-hero[data-v-89b69330] {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  padding: 60px 0;
}
.product-hero .product-main[data-v-89b69330] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 992px) {
.product-hero .product-main[data-v-89b69330] {
    grid-template-columns: 1fr;
    gap: 40px;
}
}
.product-hero .product-image-wrapper[data-v-89b69330] {
  position: relative;
}
.product-hero .product-image-wrapper .image-container[data-v-89b69330] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(75, 115, 202, 0.15);
  position: relative;
  z-index: 2;
}
.product-hero .product-image-wrapper .image-container img[data-v-89b69330] {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.5s ease;
}
.product-hero .product-image-wrapper .image-container img[data-v-89b69330]:hover {
  transform: scale(1.05);
}
.product-hero .product-image-wrapper .image-decoration[data-v-89b69330] {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  z-index: 1;
}
.product-hero .product-image-wrapper .image-decoration .decoration-circle[data-v-89b69330] {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 3px solid rgba(75, 115, 202, 0.2);
  border-radius: 50%;
  top: -30px;
  right: -30px;
  animation: rotate-89b69330 20s linear infinite;
}
.product-hero .product-image-wrapper .image-decoration .decoration-dots[data-v-89b69330] {
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: radial-gradient(#4b73ca 2px, transparent 2px);
  background-size: 15px 15px;
  bottom: 20px;
  left: -20px;
  opacity: 0.3;
}
.product-hero .product-info .product-badge[data-v-89b69330] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.product-hero .product-info .product-title[data-v-89b69330] {
  font-size: 42px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 20px 0;
  line-height: 1.2;
}
.product-hero .product-info .product-desc[data-v-89b69330] {
  font-size: 16px;
  color: #64748b;
  line-height: 1.8;
  margin-bottom: 30px;
}
.product-hero .product-info .product-features[data-v-89b69330] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 40px;
}
.product-hero .product-info .product-features .feature-item[data-v-89b69330] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-hero .product-info .product-features .feature-item i[data-v-89b69330] {
  color: #10b981;
  font-size: 18px;
  font-weight: bold;
}
.product-hero .product-info .product-features .feature-item span[data-v-89b69330] {
  color: #1e293b;
  font-size: 15px;
}
.product-hero .product-info .product-actions[data-v-89b69330] {
  display: flex;
  gap: 15px;
}
.product-hero .product-info .product-actions .btn-consult[data-v-89b69330] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%) !important;
  border: none !important;
  padding: 15px 40px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 30px !important;
  box-shadow: 0 10px 30px rgba(75, 115, 202, 0.3) !important;
  transition: all 0.3s ease !important;
}
.product-hero .product-info .product-actions .btn-consult[data-v-89b69330]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 40px rgba(75, 115, 202, 0.4) !important;
}
.product-hero .product-info .product-actions .btn-consult i[data-v-89b69330] {
  margin-right: 8px;
}
.product-hero .product-info .product-actions .btn-back[data-v-89b69330] {
  padding: 15px 40px !important;
  font-size: 16px !important;
  border-radius: 30px !important;
  border: 2px solid #e5e7eb !important;
  transition: all 0.3s ease !important;
}
.product-hero .product-info .product-actions .btn-back[data-v-89b69330]:hover {
  border-color: #4b73ca !important;
  color: #4b73ca !important;
}
.product-details[data-v-89b69330] {
  padding: 60px 0;
}
.product-details .detail-tabs[data-v-89b69330] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}
.product-details .detail-tabs[data-v-89b69330] .el-tabs__header {
  margin-bottom: 40px;
}
.product-details .detail-tabs[data-v-89b69330] .el-tabs__nav-wrap::after {
  height: 2px;
  background: #e5e7eb;
}
.product-details .detail-tabs[data-v-89b69330] .el-tabs__active-bar {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  height: 3px;
}
.product-details .detail-tabs[data-v-89b69330] .el-tabs__item {
  font-size: 16px;
  font-weight: 600;
  color: #64748b;
  padding: 0 30px;
}
.product-details .detail-tabs[data-v-89b69330] .el-tabs__item.is-active {
  color: #4b73ca;
}
.product-details .detail-tabs[data-v-89b69330] .el-tabs__item:hover {
  color: #4b73ca;
}
.product-details .features-grid[data-v-89b69330] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
.product-details .features-grid[data-v-89b69330] {
    grid-template-columns: 1fr;
}
}
.product-details .features-grid .feature-card[data-v-89b69330] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 25px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 15px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.product-details .features-grid .feature-card[data-v-89b69330]:hover {
  border-color: #4b73ca;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(75, 115, 202, 0.1);
}
.product-details .features-grid .feature-card .feature-number[data-v-89b69330] {
  font-size: 32px;
  font-weight: 800;
  color: #4b73ca;
  opacity: 0.3;
  line-height: 1;
}
.product-details .features-grid .feature-card .feature-content[data-v-89b69330] {
  flex: 1;
}
.product-details .features-grid .feature-card .feature-content p[data-v-89b69330] {
  margin: 0;
  color: #1e293b;
  font-size: 15px;
  line-height: 1.6;
}
.product-details .specs-table-wrapper .specs-table[data-v-89b69330] {
  width: 100%;
  border-collapse: collapse;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-89b69330] {
  border-bottom: 1px solid #e5e7eb;
  transition: background 0.3s ease;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-89b69330]:hover {
  background: #f8fafc;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-89b69330]:last-child {
  border-bottom: none;
}
.product-details .specs-table-wrapper .specs-table td[data-v-89b69330] {
  padding: 20px;
  font-size: 15px;
}
.product-details .specs-table-wrapper .specs-table .spec-label[data-v-89b69330] {
  width: 30%;
  color: #64748b;
  font-weight: 500;
}
.product-details .specs-table-wrapper .specs-table .spec-value[data-v-89b69330] {
  color: #1e293b;
  font-weight: 600;
}
.product-details .applications-grid[data-v-89b69330] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
@media (max-width: 992px) {
.product-details .applications-grid[data-v-89b69330] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-details .applications-grid[data-v-89b69330] {
    grid-template-columns: 1fr;
}
}
.product-details .applications-grid .application-card[data-v-89b69330] {
  text-align: center;
  padding: 35px 25px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 15px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card[data-v-89b69330]:hover {
  border-color: #4b73ca;
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(75, 115, 202, 0.15);
}
.product-details .applications-grid .application-card:hover .app-icon[data-v-89b69330] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
}
.product-details .applications-grid .application-card:hover .app-icon i[data-v-89b69330] {
  color: #ffffff;
}
.product-details .applications-grid .application-card .app-icon[data-v-89b69330] {
  width: 70px;
  height: 70px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card .app-icon i[data-v-89b69330] {
  font-size: 28px;
  color: #4b73ca;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card h4[data-v-89b69330] {
  font-size: 18px;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.product-details .applications-grid .application-card p[data-v-89b69330] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}
.related-products[data-v-89b69330] {
  background: #ffffff;
  padding: 60px 0;
}
.related-products .section-header[data-v-89b69330] {
  text-align: center;
  margin-bottom: 40px;
}
.related-products .section-header h2[data-v-89b69330] {
  font-size: 36px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 10px 0;
}
.related-products .section-header p[data-v-89b69330] {
  font-size: 16px;
  color: #64748b;
  margin: 0;
}
.related-products .related-grid[data-v-89b69330] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.related-products .related-grid[data-v-89b69330] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.related-products .related-grid[data-v-89b69330] {
    grid-template-columns: 1fr;
}
}
.related-products .related-grid .related-card[data-v-89b69330] {
  background: #f8fafc;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  cursor: pointer;
}
.related-products .related-grid .related-card[data-v-89b69330]:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.related-products .related-grid .related-card .related-image[data-v-89b69330] {
  height: 200px;
  overflow: hidden;
}
.related-products .related-grid .related-card .related-image img[data-v-89b69330] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.related-products .related-grid .related-card .related-image:hover img[data-v-89b69330] {
  transform: scale(1.1);
}
.related-products .related-grid .related-card h4[data-v-89b69330] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 20px 20px 10px;
}
.related-products .related-grid .related-card p[data-v-89b69330] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 20px 20px;
}
@keyframes rotate-89b69330 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/JM461.vue?vue&type=style&index=0&id=144a7622&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-144a7622] {
  background-color: #f5f7fa;
  min-height: 100vh;
}
.container[data-v-144a7622] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.breadcrumb-section[data-v-144a7622] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 100%);
  padding: 20px 0;
}
.breadcrumb-section .el-breadcrumb[data-v-144a7622] {
  font-size: 14px;
}
.breadcrumb-section .el-breadcrumb[data-v-144a7622] .el-breadcrumb__inner {
  color: rgba(255, 255, 255, 0.8);
}
.breadcrumb-section .el-breadcrumb[data-v-144a7622] .el-breadcrumb__inner:hover {
  color: #ffffff;
}
.breadcrumb-section .el-breadcrumb[data-v-144a7622] .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #ffffff;
  font-weight: 600;
}
.breadcrumb-section .el-breadcrumb[data-v-144a7622] .el-breadcrumb__separator {
  color: rgba(255, 255, 255, 0.5);
}
.product-hero[data-v-144a7622] {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  padding: 60px 0;
}
.product-hero .product-main[data-v-144a7622] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 992px) {
.product-hero .product-main[data-v-144a7622] {
    grid-template-columns: 1fr;
    gap: 40px;
}
}
.product-hero .product-image-wrapper[data-v-144a7622] {
  position: relative;
}
.product-hero .product-image-wrapper .image-container[data-v-144a7622] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(75, 115, 202, 0.15);
  position: relative;
  z-index: 2;
}
.product-hero .product-image-wrapper .image-container img[data-v-144a7622] {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.5s ease;
}
.product-hero .product-image-wrapper .image-container img[data-v-144a7622]:hover {
  transform: scale(1.05);
}
.product-hero .product-image-wrapper .image-decoration[data-v-144a7622] {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  z-index: 1;
}
.product-hero .product-image-wrapper .image-decoration .decoration-circle[data-v-144a7622] {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 3px solid rgba(75, 115, 202, 0.2);
  border-radius: 50%;
  top: -30px;
  right: -30px;
  animation: rotate-144a7622 20s linear infinite;
}
.product-hero .product-image-wrapper .image-decoration .decoration-dots[data-v-144a7622] {
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: radial-gradient(#4b73ca 2px, transparent 2px);
  background-size: 15px 15px;
  bottom: 20px;
  left: -20px;
  opacity: 0.3;
}
.product-hero .product-info .product-badge[data-v-144a7622] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.product-hero .product-info .product-title[data-v-144a7622] {
  font-size: 42px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 20px 0;
  line-height: 1.2;
}
.product-hero .product-info .product-desc[data-v-144a7622] {
  font-size: 16px;
  color: #64748b;
  line-height: 1.8;
  margin-bottom: 30px;
}
.product-hero .product-info .product-features[data-v-144a7622] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 40px;
}
.product-hero .product-info .product-features .feature-item[data-v-144a7622] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-hero .product-info .product-features .feature-item i[data-v-144a7622] {
  color: #10b981;
  font-size: 18px;
  font-weight: bold;
}
.product-hero .product-info .product-features .feature-item span[data-v-144a7622] {
  color: #1e293b;
  font-size: 15px;
}
.product-hero .product-info .product-actions[data-v-144a7622] {
  display: flex;
  gap: 15px;
}
.product-hero .product-info .product-actions .btn-consult[data-v-144a7622] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%) !important;
  border: none !important;
  padding: 15px 40px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 30px !important;
  box-shadow: 0 10px 30px rgba(75, 115, 202, 0.3) !important;
  transition: all 0.3s ease !important;
}
.product-hero .product-info .product-actions .btn-consult[data-v-144a7622]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 40px rgba(75, 115, 202, 0.4) !important;
}
.product-hero .product-info .product-actions .btn-consult i[data-v-144a7622] {
  margin-right: 8px;
}
.product-hero .product-info .product-actions .btn-back[data-v-144a7622] {
  padding: 15px 40px !important;
  font-size: 16px !important;
  border-radius: 30px !important;
  border: 2px solid #e5e7eb !important;
  transition: all 0.3s ease !important;
}
.product-hero .product-info .product-actions .btn-back[data-v-144a7622]:hover {
  border-color: #4b73ca !important;
  color: #4b73ca !important;
}
.product-details[data-v-144a7622] {
  padding: 60px 0;
}
.product-details .detail-tabs[data-v-144a7622] {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}
.product-details .detail-tabs[data-v-144a7622] .el-tabs__header {
  margin-bottom: 40px;
}
.product-details .detail-tabs[data-v-144a7622] .el-tabs__nav-wrap::after {
  height: 2px;
  background: #e5e7eb;
}
.product-details .detail-tabs[data-v-144a7622] .el-tabs__active-bar {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  height: 3px;
}
.product-details .detail-tabs[data-v-144a7622] .el-tabs__item {
  font-size: 16px;
  font-weight: 600;
  color: #64748b;
  padding: 0 30px;
}
.product-details .detail-tabs[data-v-144a7622] .el-tabs__item.is-active {
  color: #4b73ca;
}
.product-details .detail-tabs[data-v-144a7622] .el-tabs__item:hover {
  color: #4b73ca;
}
.product-details .features-grid[data-v-144a7622] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
.product-details .features-grid[data-v-144a7622] {
    grid-template-columns: 1fr;
}
}
.product-details .features-grid .feature-card[data-v-144a7622] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 25px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 15px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.product-details .features-grid .feature-card[data-v-144a7622]:hover {
  border-color: #4b73ca;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(75, 115, 202, 0.1);
}
.product-details .features-grid .feature-card .feature-number[data-v-144a7622] {
  font-size: 32px;
  font-weight: 800;
  color: #4b73ca;
  opacity: 0.3;
  line-height: 1;
}
.product-details .features-grid .feature-card .feature-content[data-v-144a7622] {
  flex: 1;
}
.product-details .features-grid .feature-card .feature-content p[data-v-144a7622] {
  margin: 0;
  color: #1e293b;
  font-size: 15px;
  line-height: 1.6;
}
.product-details .specs-table-wrapper .specs-table[data-v-144a7622] {
  width: 100%;
  border-collapse: collapse;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-144a7622] {
  border-bottom: 1px solid #e5e7eb;
  transition: background 0.3s ease;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-144a7622]:hover {
  background: #f8fafc;
}
.product-details .specs-table-wrapper .specs-table tr[data-v-144a7622]:last-child {
  border-bottom: none;
}
.product-details .specs-table-wrapper .specs-table td[data-v-144a7622] {
  padding: 20px;
  font-size: 15px;
}
.product-details .specs-table-wrapper .specs-table .spec-label[data-v-144a7622] {
  width: 30%;
  color: #64748b;
  font-weight: 500;
}
.product-details .specs-table-wrapper .specs-table .spec-value[data-v-144a7622] {
  color: #1e293b;
  font-weight: 600;
}
.product-details .applications-grid[data-v-144a7622] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
@media (max-width: 992px) {
.product-details .applications-grid[data-v-144a7622] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-details .applications-grid[data-v-144a7622] {
    grid-template-columns: 1fr;
}
}
.product-details .applications-grid .application-card[data-v-144a7622] {
  text-align: center;
  padding: 35px 25px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-radius: 15px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card[data-v-144a7622]:hover {
  border-color: #4b73ca;
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(75, 115, 202, 0.15);
}
.product-details .applications-grid .application-card:hover .app-icon[data-v-144a7622] {
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
}
.product-details .applications-grid .application-card:hover .app-icon i[data-v-144a7622] {
  color: #ffffff;
}
.product-details .applications-grid .application-card .app-icon[data-v-144a7622] {
  width: 70px;
  height: 70px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card .app-icon i[data-v-144a7622] {
  font-size: 28px;
  color: #4b73ca;
  transition: all 0.3s ease;
}
.product-details .applications-grid .application-card h4[data-v-144a7622] {
  font-size: 18px;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.product-details .applications-grid .application-card p[data-v-144a7622] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}
.related-products[data-v-144a7622] {
  background: #ffffff;
  padding: 60px 0;
}
.related-products .section-header[data-v-144a7622] {
  text-align: center;
  margin-bottom: 40px;
}
.related-products .section-header h2[data-v-144a7622] {
  font-size: 36px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 10px 0;
}
.related-products .section-header p[data-v-144a7622] {
  font-size: 16px;
  color: #64748b;
  margin: 0;
}
.related-products .related-grid[data-v-144a7622] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.related-products .related-grid[data-v-144a7622] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.related-products .related-grid[data-v-144a7622] {
    grid-template-columns: 1fr;
}
}
.related-products .related-grid .related-card[data-v-144a7622] {
  background: #f8fafc;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  cursor: pointer;
}
.related-products .related-grid .related-card[data-v-144a7622]:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.related-products .related-grid .related-card .related-image[data-v-144a7622] {
  height: 200px;
  overflow: hidden;
}
.related-products .related-grid .related-card .related-image img[data-v-144a7622] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.related-products .related-grid .related-card .related-image:hover img[data-v-144a7622] {
  transform: scale(1.1);
}
.related-products .related-grid .related-card h4[data-v-144a7622] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 20px 20px 10px;
}
.related-products .related-grid .related-card p[data-v-144a7622] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 20px 20px;
}
@keyframes rotate-144a7622 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/casejmsoft.vue?vue&type=style&index=0&id=0076e392&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.compact-card[data-v-0076e392] {
    padding: 1.2rem;
    border-radius: 12px;
}
.card-media[data-v-0076e392] {
    height: 180px;
    position: relative;
    margin-bottom: 1rem;
}
.hover-zoom[data-v-0076e392] {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.compact-card:hover .hover-zoom[data-v-0076e392] {
    transform: scale(1.03);
}
.corner-tag[data-v-0076e392] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #3498db;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
}
.title-group[data-v-0076e392] {
    margin-bottom: 0.8rem;
}
.product-title[data-v-0076e392] {
    font-size: 1.1rem;
    line-height: 1.3;
    margin-bottom: 0.4rem;
}
.tech-tags[data-v-0076e392] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.tag[data-v-0076e392] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
}
.scrollable-content[data-v-0076e392] {
    max-height: 80px;
    overflow-y: auto;
    margin-bottom: 1rem;
}
.product-description[data-v-0076e392] {
    font-size: 0.85rem;
    line-height: 1.5;
    color: #666;
    margin-bottom: 0;
}
.action-button[data-v-0076e392] {
    width: 100%;
    padding: 0.6rem;
    justify-content: center;
    background: linear-gradient(135deg, #3498db, #2980b9);
}
.arrow-icon[data-v-0076e392] {
    transition: transform 0.2s ease;
}
.compact-card:hover .arrow-icon[data-v-0076e392] {
    transform: translateX(3px);
}

/* 响应式调整 */
@media (max-width: 768px) {
.card-media[data-v-0076e392] {
        height: 150px;
}
.product-title[data-v-0076e392] {
        font-size: 1rem;
}
}

/* 新增样式 */
.intermission-banner[data-v-0076e392] {
    position: relative;
    height: 280px;
    margin: 4rem 0;
    border-radius: 20px;
    overflow: hidden;
}
.banner-overlay[data-v-0076e392] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg,
            rgba(52, 152, 219, 0.1) 0%,
            rgba(255, 255, 255, 0.6) 100%);
}
.banner-content[data-v-0076e392] {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 5%;
}
.banner-image[data-v-0076e392] {
    width: 50%;
    height: 120%;
    -o-object-fit: cover;
       object-fit: cover;
    transform: rotate(-5deg) translateX(-5%);
    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
}
.banner-text[data-v-0076e392] {
    flex: 1;
    margin-left: 8%;
    z-index: 1;
}
.banner-text h3[data-v-0076e392] {
    font-size: 2.2rem;
    color: #1a365d;
    margin-bottom: 1rem;
}
.banner-description[data-v-0076e392] {
    font-size: 1.1rem;
    color: #4a5568;
    letter-spacing: 1px;
}

/* 响应式适配 */
@media (max-width: 1024px) {
.intermission-banner[data-v-0076e392] {
        height: 220px;
}
.banner-text h3[data-v-0076e392] {
        font-size: 1.8rem;
}
}
@media (max-width: 768px) {
.banner-content[data-v-0076e392] {
        flex-direction: column;
        padding: 2rem;
}
.banner-image[data-v-0076e392] {
        width: 80%;
        height: auto;
        transform: none;
        margin-bottom: 1.5rem;
}
.banner-text[data-v-0076e392] {
        text-align: center;
        margin-left: 0;
}
}

/* 基础样式 */
.case-container[data-v-0076e392] {
    background: #f9fbfd;
}
.product-group[data-v-0076e392] {
    position: relative;
    margin: 4rem 0;
}
.group-deco[data-v-0076e392] {
    position: absolute;
    width: 120px;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg,
            rgba(52, 152, 219, 0.05) 0%,
            rgba(255, 255, 255, 0) 100%);
    z-index: -1;
}
.group-deco.left[data-v-0076e392] {
    left: -5%;
}
.group-deco.right[data-v-0076e392] {
    right: -5%;
    transform: scaleX(-1);
}
.deco-line[data-v-0076e392] {
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg,
            rgba(52, 152, 219, 0) 0%,
            rgba(52, 152, 219, 0.3) 50%,
            rgba(52, 152, 219, 0) 100%);
    margin: 2rem auto;
}
.intermission[data-v-0076e392] {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 3rem 0;
}
.dot-line[data-v-0076e392] {
    flex: 1;
    height: 1px;
    background: repeating-linear-gradient(90deg,
            rgba(52, 152, 219, 0.3) 0,
            rgba(52, 152, 219, 0.3) 5px,
            transparent 5px,
            transparent 10px);
}
.tech-icon[data-v-0076e392] {
    font-size: 2rem;
    animation: pulse-0076e392 2s infinite;
}


/* 头图区 */
.hero-section[data-v-0076e392] {
    position: relative;
    height: 500px;
    margin: 80px 0;
}
.hero-overlay[data-v-0076e392] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(255, 255, 255, 0.8) 100%);
}
.hero-content[data-v-0076e392] {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 2rem;
}
.hero-text[data-v-0076e392] {
    flex: 1;
    z-index: 1;
}
.hero-text h1[data-v-0076e392] {
    font-size: 3rem;
    color: #1a365d;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}
.hero-description[data-v-0076e392] {
    font-size: 1.2rem;
    color: #4a5568;
    max-width: 600px;
    line-height: 1.6;
}
.hero-image[data-v-0076e392] {
    width: 45%;
    height: 400px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-left: 5%;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.1));
}

/* 产品列表 */
.main-content[data-v-0076e392] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 2rem;
}
.section-title[data-v-0076e392] {
    text-align: center;
    font-size: 2.4rem;
    color: #1a365d;
    margin-bottom: 3rem;
    position: relative;
}
.section-title[data-v-0076e392]::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #3498db;
    margin: 1.5rem auto;
}
.product-list[data-v-0076e392] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2.5rem;
    position: relative;
}
.product-card[data-v-0076e392] {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.product-card[data-v-0076e392]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    /* width: 200%;
    height: 200%; */
    background: radial-gradient(circle,
            rgba(52, 152, 219, 0.05) 0%,
            rgba(255, 255, 255, 0) 70%);
}
.product-card[data-v-0076e392]:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(52, 152, 219, 0.1);
}
@keyframes pulse-0076e392 {
0%,
    100% {
        transform: scale(1);
}
50% {
        transform: scale(1.1);
}
}
.card-media[data-v-0076e392] {
    position: relative;
    height: 260px;
    overflow: hidden;
}
.product-image[data-v-0076e392] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.4s ease;
}
.product-card:hover .product-image[data-v-0076e392] {
    transform: scale(1.05);
}
.card-body[data-v-0076e392] {
    padding: 1.8rem;
}
.product-title[data-v-0076e392] {
    font-size: 1.3rem;
    color: #1a365d;
    margin-bottom: 1rem;
    line-height: 1.4;
}
.product-description[data-v-0076e392] {
    font-size: 0.95rem;
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.action-button[data-v-0076e392] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: #3498db;
    color: white;
    padding: 0.8rem 1.8rem;
    border-radius: 8px;
    font-size: 0.95rem;
    z-index: 10;
    pointer-events: auto !important;
    transition: all 0.3s ease;
}



/* 响应式设计 */
@media (max-width: 1024px) {
.group-deco[data-v-0076e392] {
        display: none;
}
.product-list[data-v-0076e392] {
        grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.product-list[data-v-0076e392] {
        grid-template-columns: 1fr;
}
.intermission[data-v-0076e392] {
        margin: 2rem 0;
}
.tech-icon[data-v-0076e392] {
        font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.hero-text h1[data-v-0076e392] {
        font-size: 1.8rem;
}
.section-title[data-v-0076e392] {
        font-size: 1.6rem;
}
.card-media[data-v-0076e392] {
        height: 220px;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/axi15500.vue?vue&type=style&index=0&id=3ce0eb19&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 基础重置 */
.product-container[data-v-3ce0eb19] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 3rem 2rem;
}

/* 头图区优化 */
.product-hero[data-v-3ce0eb19] {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 4rem;
  margin-bottom: 5rem;
}
.hero-image-wrapper[data-v-3ce0eb19] {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(52, 152, 219, 0.1); 
  height: 300px; 
  position: relative;
&[data-v-3ce0eb19]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(52,152,219,0.05) 100%);
}
}
.hero-image[data-v-3ce0eb19] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
}
.hero-image[data-v-3ce0eb19]:hover {
  transform: scale(1.02);
}

/* 内容区优化 */
.hero-content[data-v-3ce0eb19] {
  padding: 1rem 2rem;
}
.product-title[data-v-3ce0eb19] {
  font-size: 2.6rem;
  color: #1a202c;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  position: relative;
  padding-bottom: 1rem;
&[data-v-3ce0eb19]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    background: #3498db;
}
}
.product-intro[data-v-3ce0eb19] {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #4a5568;
}

/* 技术规格模块 */
.tech-specs[data-v-3ce0eb19] {
  background: white;
  border-radius: 20px;
  padding: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.section-title[data-v-3ce0eb19] {
  font-size: 2rem;
  color: #1a202c;
  margin-bottom: 2.5rem;
  padding-left: 1rem;
  border-left: 4px solid #3498db;
}
.specs-grid[data-v-3ce0eb19] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}
.spec-item[data-v-3ce0eb19] {
  padding: 1.5rem;
  background: #f8fafc;
  border-radius: 12px;
  transition: transform 0.2s;
}
.spec-item[data-v-3ce0eb19]:hover {
  transform: translateY(-3px);
}
.spec-label[data-v-3ce0eb19] {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.8rem;
  font-size: 1rem;
}
.spec-value[data-v-3ce0eb19] {
  color: #4a5568;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* 响应式设计 */
@media (max-width: 1024px) {
.product-hero[data-v-3ce0eb19] {
    grid-template-columns: 1fr;
    gap: 2rem;
}
.hero-content[data-v-3ce0eb19] {
    padding: 0;
}
}
@media (max-width: 768px) {
.product-container[data-v-3ce0eb19] {
    padding: 2rem 1rem;
}
.product-title[data-v-3ce0eb19] {
    font-size: 2.2rem;
}
.tech-specs[data-v-3ce0eb19] {
    padding: 2rem;
}
}
@media (max-width: 480px) {
.product-title[data-v-3ce0eb19] {
    font-size: 1.8rem;
}
.section-title[data-v-3ce0eb19] {
    font-size: 1.6rem;
}
.specs-grid[data-v-3ce0eb19] {
    grid-template-columns: 1fr;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/jy3c7015.vue?vue&type=style&index=0&id=4e22bf76&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.product-detail[data-v-4e22bf76] {
    font-family: 'Arial', sans-serif;
    color: #333;
    /* background: linear-gradient(183deg, #e3dfcf, #fbfbfb); */
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.header[data-v-4e22bf76] {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 7%;
}
.navbar[data-v-4e22bf76] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.navbar ul[data-v-4e22bf76] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.navbar li[data-v-4e22bf76] {
    margin: 0 15px;
}
.navbar a[data-v-4e22bf76] {
    text-decoration: none;
    color: #2c3e50;
    font-weight: 600;
}
.navbar a[data-v-4e22bf76]:hover {
    color: #34495e;
}
.header h1[data-v-4e22bf76] {
    font-size: 36px;
    color: #2c3e50;
    margin: 0;
    padding-top: 12%;
}
.hero[data-v-4e22bf76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
}
.hero-content[data-v-4e22bf76] {
    max-width: 1200px;
}
.hero-content h2[data-v-4e22bf76] {
    font-size: 36px;
    color: #2c3e50;
    margin: 0;
}
.hero-content p[data-v-4e22bf76] {
    font-size: 18px;
    color: #555;
    margin: 20px 0;
    text-indent: 2em;
}
.hero-content .action-button[data-v-4e22bf76] {
    background-color: #2c3e50;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.hero-content .action-button[data-v-4e22bf76]:hover {
    background-color: #34495e;
}
.hero-image img[data-v-4e22bf76] {
    max-width: 500px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.features[data-v-4e22bf76] {
    margin: 40px 0;
}
.features h2[data-v-4e22bf76] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.feature-list[data-v-4e22bf76] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.feature[data-v-4e22bf76] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: calc(25% - 20px);
    text-align: center;
}
.feature img[data-v-4e22bf76] {
    max-width: 100px;
    height: auto;
    margin-bottom: 10px;
}
.feature h3[data-v-4e22bf76] {
    font-size: 20px;
    color: #2c3e50;
    margin: 10px 0;
}
.feature p[data-v-4e22bf76] {
    font-size: 16px;
    color: #555;
    margin: 0;
}
.specifications[data-v-4e22bf76] {
    margin: 40px 0;
}
.specifications h2[data-v-4e22bf76] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.specifications table[data-v-4e22bf76] {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}
.specifications th[data-v-4e22bf76],
.specifications td[data-v-4e22bf76] {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.specifications th[data-v-4e22bf76] {
    text-align: left;
    font-weight: bold;
    color: #2c3e50;
}
.specifications td[data-v-4e22bf76] {
    text-align: left;
    color: #555;
}
.usage[data-v-4e22bf76] {
    margin: 40px 0;
}
.usage h2[data-v-4e22bf76] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.usage-images[data-v-4e22bf76] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.usage-images img[data-v-4e22bf76] {
    max-width: 300px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.testimonials[data-v-4e22bf76] {
    margin: 40px 0;
}
.testimonials h2[data-v-4e22bf76] {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 20px;
}
.testimonial-list[data-v-4e22bf76] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.testimonial[data-v-4e22bf76] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: calc(50% - 20px);
    text-align: center;
}
.testimonial p[data-v-4e22bf76] {
    font-size: 16px;
    color: #555;
    margin: 0;
}
.testimonial span[data-v-4e22bf76] {
    font-weight: 600;
    color: #2c3e50;
    margin-top: 10px;
    display: block;
}
.footer[data-v-4e22bf76] {
    text-align: center;
    padding: 20px;
    background-color: #2c3e50;
    color: #fff;
    margin-top: 40px;
}
.footer .social-media[data-v-4e22bf76] {
    margin-top: 10px;
}
.footer .social-media a[data-v-4e22bf76] {
    text-decoration: none;
    color: #fff;
    margin: 0 10px;
    font-size: 24px;
}

/* 响应式样式 */
@media screen and (max-width: 768px) {
.navbar ul[data-v-4e22bf76] {
        flex-direction: column;
}
.navbar li[data-v-4e22bf76] {
        margin: 10px 0;
}
.hero[data-v-4e22bf76] {
        flex-direction: column;
        align-items: center;
}
.hero-content[data-v-4e22bf76] {
        max-width: 100%;
}
.hero-image img[data-v-4e22bf76] {
        max-width: 100%;
}
.feature[data-v-4e22bf76] {
        width: 100%;
}
.testimonial[data-v-4e22bf76] {
        width: 100%;
}
.usage-images img[data-v-4e22bf76] {
        max-width: 100%;
}
.footer .social-media a[data-v-4e22bf76] {
        font-size: 18px;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/rfp.vue?vue&type=style&index=0&id=cb1f0edc&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-cb1f0edc] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-cb1f0edc] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-cb1f0edc] {
  padding: 20px 0 30px;
}
.product-main[data-v-cb1f0edc] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-cb1f0edc] {
    flex-direction: column;
}
}
.product-gallery[data-v-cb1f0edc] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-cb1f0edc] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-cb1f0edc] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-info[data-v-cb1f0edc] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-cb1f0edc] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-cb1f0edc] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-cb1f0edc] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-cb1f0edc] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-cb1f0edc] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-cb1f0edc] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-cb1f0edc]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-cb1f0edc] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-cb1f0edc] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-cb1f0edc] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-cb1f0edc] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-cb1f0edc] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-cb1f0edc] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-cb1f0edc] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-cb1f0edc] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-cb1f0edc]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-cb1f0edc] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-cb1f0edc] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-cb1f0edc] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-cb1f0edc] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-cb1f0edc]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-cb1f0edc] {
  padding: 0;
}
.product-specs .specs-content .specs-table[data-v-cb1f0edc] {
  width: 100%;
}
.product-specs .specs-content .specs-table .spec-row[data-v-cb1f0edc] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-table .spec-row[data-v-cb1f0edc]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-table .spec-row[data-v-cb1f0edc]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-cb1f0edc] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-cb1f0edc] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-cb1f0edc] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #1a1a1a;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-cb1f0edc] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-cb1f0edc] {
    padding: 15px 0 25px;
}
.product-main[data-v-cb1f0edc] {
    margin-bottom: 15px;
}
.product-gallery[data-v-cb1f0edc] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-cb1f0edc] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-cb1f0edc] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-cb1f0edc] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-cb1f0edc] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-cb1f0edc] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-cb1f0edc] {
    flex: 0 0 120px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/qpx50.vue?vue&type=style&index=0&id=2c35622c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-2c35622c] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-2c35622c] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-2c35622c] {
  padding: 20px 0 30px;
}
.product-main[data-v-2c35622c] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-2c35622c] {
    flex-direction: column;
}
}
.product-gallery[data-v-2c35622c] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-2c35622c] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-2c35622c] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-info[data-v-2c35622c] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-2c35622c] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-2c35622c] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-2c35622c] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-2c35622c] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-2c35622c] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-2c35622c] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-2c35622c]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-2c35622c] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-2c35622c] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-2c35622c] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-2c35622c] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-2c35622c] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-2c35622c] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-2c35622c] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-2c35622c] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-2c35622c]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-2c35622c] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-2c35622c] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-2c35622c] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-2c35622c] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-2c35622c]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-2c35622c] {
  padding: 0;
}
.product-specs .specs-content .specs-table[data-v-2c35622c] {
  width: 100%;
}
.product-specs .specs-content .specs-table .spec-row[data-v-2c35622c] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-table .spec-row[data-v-2c35622c]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-table .spec-row[data-v-2c35622c]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-2c35622c] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-2c35622c] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-2c35622c] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #1a1a1a;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-2c35622c] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-2c35622c] {
    padding: 15px 0 25px;
}
.product-main[data-v-2c35622c] {
    margin-bottom: 15px;
}
.product-gallery[data-v-2c35622c] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-2c35622c] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-2c35622c] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-2c35622c] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-2c35622c] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-2c35622c] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-2c35622c] {
    flex: 0 0 120px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/dj205.vue?vue&type=style&index=0&id=73eea547&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-73eea547] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-73eea547] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-73eea547] {
  padding: 20px 0 30px;
}
.product-main[data-v-73eea547] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-73eea547] {
    flex-direction: column;
}
}
.product-gallery[data-v-73eea547] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-73eea547] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-73eea547] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-info[data-v-73eea547] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-73eea547] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-73eea547] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-73eea547] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-73eea547] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-73eea547] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-73eea547] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-73eea547]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-73eea547] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-73eea547] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-73eea547] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-73eea547] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-73eea547] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-73eea547] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-73eea547] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-73eea547] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-73eea547]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-73eea547] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-73eea547] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-73eea547] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-73eea547] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-73eea547]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-73eea547] {
  padding: 0;
}
.product-specs .specs-content .specs-table[data-v-73eea547] {
  width: 100%;
}
.product-specs .specs-content .specs-table .spec-row[data-v-73eea547] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-table .spec-row[data-v-73eea547]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-table .spec-row[data-v-73eea547]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-73eea547] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-73eea547] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-73eea547] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #1a1a1a;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-73eea547] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-73eea547] {
    padding: 15px 0 25px;
}
.product-main[data-v-73eea547] {
    margin-bottom: 15px;
}
.product-gallery[data-v-73eea547] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-73eea547] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-73eea547] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-73eea547] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-73eea547] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-73eea547] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-73eea547] {
    flex: 0 0 120px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/dj220.vue?vue&type=style&index=0&id=7711e100&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-detail-page[data-v-7711e100] {
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-top: 100px;
}
.container[data-v-7711e100] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-detail-wrapper[data-v-7711e100] {
  padding: 20px 0 30px;
}
.product-main[data-v-7711e100] {
  display: flex;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (max-width: 768px) {
.product-main[data-v-7711e100] {
    flex-direction: column;
}
}
.product-gallery[data-v-7711e100] {
  flex: 0 0 500px;
}
@media (max-width: 768px) {
.product-gallery[data-v-7711e100] {
    flex: 0 0 auto;
    width: 100%;
    height: 350px;
}
}
.product-gallery .product-image[data-v-7711e100] {
  width: 70%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-info[data-v-7711e100] {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
.product-info[data-v-7711e100] {
    padding: 20px 15px;
}
}
.product-info .info-header[data-v-7711e100] {
  margin-bottom: 15px;
}
.product-info .info-header .product-name[data-v-7711e100] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
.product-info .info-header .product-summary[data-v-7711e100] {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.product-info .info-features[data-v-7711e100] {
  margin-bottom: 15px;
}
.product-info .info-features .feature-item[data-v-7711e100] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.product-info .info-features .feature-item[data-v-7711e100]:last-child {
  margin-bottom: 0;
}
.product-info .info-features .feature-item .feature-icon[data-v-7711e100] {
  flex: 0 0 32px;
  height: 32px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.product-info .info-features .feature-item .feature-icon svg[data-v-7711e100] {
  width: 18px;
  height: 18px;
}
.product-info .info-features .feature-item .feature-content[data-v-7711e100] {
  flex: 1;
}
.product-info .info-features .feature-item .feature-content h4[data-v-7711e100] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px 0;
}
.product-info .info-features .feature-item .feature-content p[data-v-7711e100] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.product-info .info-action[data-v-7711e100] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-info .info-action .price-section .price-text[data-v-7711e100] {
  font-size: 16px;
  color: #c8102e;
  font-weight: 600;
}
.product-info .info-action .action-buttons .btn-consult[data-v-7711e100] {
  width: 180px;
  padding: 12px 0;
  background: #c8102e;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-info .info-action .action-buttons .btn-consult[data-v-7711e100]:hover {
  background: #a00d24;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.product-specs[data-v-7711e100] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-specs .specs-header[data-v-7711e100] {
  background: #f8f8f8;
  padding: 24px 40px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
.product-specs .specs-header[data-v-7711e100] {
    padding: 20px 20px;
}
}
.product-specs .specs-header .specs-title[data-v-7711e100] {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-specs .specs-header .specs-title[data-v-7711e100]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #c8102e;
  border-radius: 2px;
}
.product-specs .specs-content[data-v-7711e100] {
  padding: 0;
}
.product-specs .specs-content .specs-table[data-v-7711e100] {
  width: 100%;
}
.product-specs .specs-content .specs-table .spec-row[data-v-7711e100] {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.product-specs .specs-content .specs-table .spec-row[data-v-7711e100]:last-child {
  border-bottom: none;
}
.product-specs .specs-content .specs-table .spec-row[data-v-7711e100]:hover {
  background: #f9f9f9;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-7711e100] {
  flex: 0 0 200px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border-right: 1px solid #e5e5e5;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-7711e100] {
    flex: 0 0 120px;
    padding: 10px 12px;
}
}
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-7711e100] {
  flex: 1;
  padding: 12px 20px;
  font-size: 12px;
  color: #1a1a1a;
  line-height: 1.4;
}
@media (max-width: 768px) {
.product-specs .specs-content .specs-table .spec-row .spec-value[data-v-7711e100] {
    padding: 10px 12px;
}
}
@media (max-width: 768px) {
.product-detail-wrapper[data-v-7711e100] {
    padding: 15px 0 25px;
}
.product-main[data-v-7711e100] {
    margin-bottom: 15px;
}
.product-gallery[data-v-7711e100] {
    flex: 0 0 auto;
    width: 100%;
}
.product-info .info-header .product-name[data-v-7711e100] {
    font-size: 24px;
}
.product-info .info-header .product-summary[data-v-7711e100] {
    font-size: 14px;
}
.product-info .info-meta .meta-row .meta-item .meta-value[data-v-7711e100] {
    font-size: 14px;
}
.product-info .info-action .action-buttons .btn-consult[data-v-7711e100] {
    width: 100%;
}
.product-specs .specs-header .specs-title[data-v-7711e100] {
    font-size: 18px;
}
.product-specs .specs-content .specs-table .spec-row .spec-label[data-v-7711e100] {
    flex: 0 0 120px;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/C50.vue?vue&type=style&index=0&id=e5ef7e18&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-e5ef7e18] {
  max-width: 1351px;
  margin: 0 auto 0 auto;
  padding: 0 20px;
}

/* 面包屑导航 */
.breadcrumb-section[data-v-e5ef7e18] {
  background: white;
  padding: 120px 0 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb-section .breadcrumb[data-v-e5ef7e18] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666666;
  padding: 12px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.breadcrumb-section .breadcrumb a[data-v-e5ef7e18] {
  color: #C8102E;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}
.breadcrumb-section .breadcrumb a[data-v-e5ef7e18]:hover {
  color: #9A0B23;
  transform: translateY(-1px);
}
.breadcrumb-section .breadcrumb .breadcrumb-separator[data-v-e5ef7e18] {
  margin: 0 12px;
  color: #666666;
  font-size: 12px;
  opacity: 0.6;
}
.breadcrumb-section .breadcrumb .breadcrumb-current[data-v-e5ef7e18] {
  color: #1A1A1A;
  font-weight: 600;
  font-size: 15px;
}
.c50-page[data-v-e5ef7e18] {
  background: #fff;
  min-height: 100vh;
}
.product-header[data-v-e5ef7e18] {
  padding: 40px 0 30px;
}
.product-header .header-line[data-v-e5ef7e18] {
  margin-bottom: 20px;
}
.product-header .product-content[data-v-e5ef7e18] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 768px) {
.product-header .product-content[data-v-e5ef7e18] {
    grid-template-columns: 1fr;
    gap: 20px;
}
}
.product-header .product-image[data-v-e5ef7e18] {
  display: flex;
  align-items: flex-start;
}
.product-header .product-image img[data-v-e5ef7e18] {
  max-width: 100%;
  max-height: 339px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.product-header .product-info .product-title[data-v-e5ef7e18] {
  font-size: 24px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 15px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #C8102E;
}
.product-header .product-info .section-title[data-v-e5ef7e18] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0 10px 0;
}
.product-header .product-info .product-features[data-v-e5ef7e18] {
  margin-bottom: 10px;
}
.product-header .product-info .product-features .feature-list[data-v-e5ef7e18] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-features .feature-list li[data-v-e5ef7e18] {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 6px;
  position: relative;
  padding-left: 18px;
}
.product-header .product-info .product-features .feature-list li[data-v-e5ef7e18]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-header .product-info .product-features .feature-list li[data-v-e5ef7e18]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads[data-v-e5ef7e18] {
  margin-bottom: 15px;
}
.product-header .product-info .product-downloads .download-list[data-v-e5ef7e18] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-downloads .download-list li[data-v-e5ef7e18] {
  margin-bottom: 8px;
}
.product-header .product-info .product-downloads .download-list li[data-v-e5ef7e18]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads .download-list li a[data-v-e5ef7e18] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C8102E;
  text-decoration: none;
  transition: color 0.3s;
}
.product-header .product-info .product-downloads .download-list li a[data-v-e5ef7e18]:hover {
  color: #9A0B23;
  text-decoration: underline;
}
.product-header .product-info .request-quote[data-v-e5ef7e18] {
  margin-top: 15px;
}
.product-header .product-info .request-quote .quote-btn[data-v-e5ef7e18] {
  display: block;
  width: 100%;
  padding: 14px;
  background: #C8102E;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}
.product-header .product-info .request-quote .quote-btn[data-v-e5ef7e18]:hover {
  background: #9A0B23;
}
.product-details[data-v-e5ef7e18] {
  padding: 40px 0;
  border-top: 1px solid #E8E8E8;
}
.product-details .details-grid[data-v-e5ef7e18] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
.product-details .details-grid[data-v-e5ef7e18] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.product-details .section-title[data-v-e5ef7e18] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.product-details p[data-v-e5ef7e18] {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0 0 15px 0;
}
.product-details p[data-v-e5ef7e18]:last-child {
  margin-bottom: 0;
}
.product-details .specs-list[data-v-e5ef7e18] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-details .specs-list li[data-v-e5ef7e18] {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}
.product-details .specs-list li[data-v-e5ef7e18]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-details .specs-list li[data-v-e5ef7e18]:last-child {
  margin-bottom: 0;
}
.related-products[data-v-e5ef7e18] {
  padding: 40px 0 60px;
  border-top: 1px solid #E8E8E8;
}
.related-products .section-title[data-v-e5ef7e18] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.related-products .related-grid[data-v-e5ef7e18] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
.related-products .related-grid[data-v-e5ef7e18] {
    grid-template-columns: 1fr;
}
}
.related-products .related-item[data-v-e5ef7e18] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: none;
  border-radius: 0;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
}
.related-products .related-item[data-v-e5ef7e18]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.related-products .related-item .product-name[data-v-e5ef7e18] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0;
}
.related-products .related-item img[data-v-e5ef7e18] {
  width: 100%;
  max-width: 100%;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.related-products .related-item .product-desc[data-v-e5ef7e18] {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  margin: 15px 0 0;
  padding: 0 10px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/casejm2.vue?vue&type=style&index=0&id=eca6cd16&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.enterprise-website[data-v-eca6cd16] {
  font-family: "Microsoft YaHei", "SimHei", Arial, sans-serif;
  color: #2C2C2C;
  line-height: 1.6;
}
.navbar[data-v-eca6cd16] {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 16px 0;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1000;
}
.navbar.navbar-fixed[data-v-eca6cd16] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 12px 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  animation: slideDown-eca6cd16 0.3s ease-out;
}
.navbar .container[data-v-eca6cd16] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar .navbar-logo[data-v-eca6cd16] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.navbar .navbar-logo img[data-v-eca6cd16] {
  height: 48px;
  width: auto;
}
.navbar .navbar-logo h1[data-v-eca6cd16] {
  font-size: 18px;
  font-weight: 600;
  color: #C8102E;
  margin: 0;
}
.navbar .navbar-menu[data-v-eca6cd16] {
  display: flex;
  align-items: center;
}
.navbar .navbar-menu ul[data-v-eca6cd16] {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar .navbar-menu ul li[data-v-eca6cd16] {
  position: relative;
}
.navbar .navbar-menu ul li.has-submenu .nav-link[data-v-eca6cd16] {
  position: relative;
  padding-right: 20px;
}
.navbar .navbar-menu ul li.has-submenu .nav-link[data-v-eca6cd16]::after {
  content: "▼";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: #666666;
}
.navbar .navbar-menu ul li .nav-link[data-v-eca6cd16] {
  display: block;
  padding: 12px 20px;
  color: #2C2C2C;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.3s ease;
  border-radius: 6px;
}
.navbar .navbar-menu ul li .nav-link[data-v-eca6cd16]:hover {
  color: #C8102E;
  background: rgba(200, 16, 46, 0.05);
}
.navbar .navbar-menu ul li .mobile-product-submenu[data-v-eca6cd16] {
  position: absolute;
  top: 100%;
  left: 0;
  width: 280px;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  overflow: hidden;
  z-index: 1001;
  margin-top: 8px;
}
.navbar .navbar-toggle[data-v-eca6cd16] {
  display: none;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  padding: 8px 0;
}
.navbar .navbar-toggle span[data-v-eca6cd16] {
  width: 24px;
  height: 2px;
  background: #2C2C2C;
  transition: all 0.3s ease;
}
.navbar .navbar-toggle.active span[data-v-eca6cd16]:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.navbar .navbar-toggle.active span[data-v-eca6cd16]:nth-child(2) {
  opacity: 0;
}
.navbar .navbar-toggle.active span[data-v-eca6cd16]:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}
.product-submenu-wrapper[data-v-eca6cd16],
.service-submenu-wrapper[data-v-eca6cd16],
.product-center-submenu-wrapper[data-v-eca6cd16] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
}
.product-submenu[data-v-eca6cd16] {
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  padding: 32px 0;
  margin-top: 8px;
  border-radius: 0 0 8px 8px;
  animation: fadeInUp-eca6cd16 0.3s ease-out;
}
.product-submenu .container[data-v-eca6cd16] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-submenu .submenu-content[data-v-eca6cd16] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.product-submenu .submenu-column .column-header[data-v-eca6cd16] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-submenu .submenu-column .column-header i[data-v-eca6cd16] {
  font-size: 20px;
  color: #C8102E;
}
.product-submenu .submenu-column .column-header h4[data-v-eca6cd16] {
  font-size: 16px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
}
.product-submenu .submenu-column .column-items[data-v-eca6cd16] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-submenu .submenu-column .column-items li[data-v-eca6cd16] {
  margin-bottom: 12px;
}
.product-submenu .submenu-column .column-items li a[data-v-eca6cd16] {
  display: block;
  padding: 6px 0;
  color: #666666;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 14px;
}
.product-submenu .submenu-column .column-items li a[data-v-eca6cd16]:hover {
  color: #C8102E;
  transform: translateX(4px);
}
.product-submenu .submenu-column.featured-column .featured-content[data-v-eca6cd16] {
  background: linear-gradient(135deg, #E53935 0%, #C8102E 100%);
  color: #ffffff;
  padding: 24px;
  border-radius: 12px;
  height: 100%;
}
.product-submenu .submenu-column.featured-column .featured-content .featured-image[data-v-eca6cd16] {
  margin-bottom: 16px;
}
.product-submenu .submenu-column.featured-column .featured-content .featured-image img[data-v-eca6cd16] {
  width: 100%;
  border-radius: 8px;
}
.product-submenu .submenu-column.featured-column .featured-content .featured-title[data-v-eca6cd16] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
.product-submenu .submenu-column.featured-column .featured-content .featured-desc[data-v-eca6cd16] {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  opacity: 0.9;
}
.product-submenu .submenu-column.featured-column .featured-content .featured-links[data-v-eca6cd16] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-submenu .submenu-column.featured-column .featured-content .featured-links .featured-link[data-v-eca6cd16] {
  display: inline-block;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s ease;
}
.product-submenu .submenu-column.featured-column .featured-content .featured-links .featured-link[data-v-eca6cd16]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateX(4px);
}
.product-submenu .submenu-column.party-building-column .party-building-content .party-building-cards[data-v-eca6cd16] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.product-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-eca6cd16] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.product-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card[data-v-eca6cd16]:hover {
  background: #e9ecef;
  transform: translateX(4px);
}
.product-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon[data-v-eca6cd16] {
  width: 40px;
  height: 40px;
  background: #C8102E;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-icon i[data-v-eca6cd16] {
  font-size: 16px;
}
.product-submenu .submenu-column.party-building-column .party-building-content .party-building-cards .party-card .party-card-title[data-v-eca6cd16] {
  font-size: 14px;
  font-weight: 500;
  color: #2C2C2C;
}
.product-submenu .submenu-column.party-building-column .party-building-content .party-building-description[data-v-eca6cd16] {
  font-size: 13px;
  color: #666666;
  line-height: 1.5;
  padding: 12px;
  background: rgba(200, 16, 46, 0.05);
  border-radius: 8px;
}
.products-section[data-v-eca6cd16] {
  padding: 60px 0;
  background: #f8f9fa;
}
.products-section .container[data-v-eca6cd16] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.products-section .section-header[data-v-eca6cd16] {
  text-align: center;
  margin-bottom: 40px;
}
.products-section .section-header h2[data-v-eca6cd16] {
  font-size: 32px;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 16px;
}
.products-section .section-header p[data-v-eca6cd16] {
  font-size: 16px;
  color: #666666;
  max-width: 800px;
  margin: 0 auto;
}
.products-section .product-tabs[data-v-eca6cd16] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.products-section .product-tabs .tab-button[data-v-eca6cd16] {
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  cursor: pointer;
  transition: all 0.3s ease;
}
.products-section .product-tabs .tab-button[data-v-eca6cd16]:hover {
  border-color: #C8102E;
  color: #C8102E;
}
.products-section .product-tabs .tab-button.active[data-v-eca6cd16] {
  background: #C8102E;
  border-color: #C8102E;
  color: #ffffff;
}
.products-section .product-list[data-v-eca6cd16] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}
.products-section .product-list .product-card[data-v-eca6cd16] {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: all 0.3s ease;
}
.products-section .product-list .product-card[data-v-eca6cd16]:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.products-section .product-list .product-card .product-image[data-v-eca6cd16] {
  height: 200px;
  overflow: hidden;
  background: #f0f0f0;
}
.products-section .product-list .product-card .product-image img[data-v-eca6cd16] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.products-section .product-list .product-card .product-image img[data-v-eca6cd16]:hover {
  transform: scale(1.05);
}
.products-section .product-list .product-card .product-info[data-v-eca6cd16] {
  padding: 20px;
}
.products-section .product-list .product-card .product-info .product-name[data-v-eca6cd16] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin-bottom: 12px;
}
.products-section .product-list .product-card .product-info .product-description[data-v-eca6cd16] {
  font-size: 14px;
  color: #666666;
  margin-bottom: 16px;
  line-height: 1.5;
}
.products-section .product-list .product-card .product-info .product-actions .btn-secondary[data-v-eca6cd16] {
  display: inline-block;
  padding: 8px 16px;
  background: #FAFAFA;
  color: #C8102E;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #C8102E;
  transition: all 0.3s ease;
}
.products-section .product-list .product-card .product-info .product-actions .btn-secondary[data-v-eca6cd16]:hover {
  background: #C8102E;
  color: #ffffff;
}
.products-section .no-products[data-v-eca6cd16] {
  text-align: center;
  padding: 60px 0;
  color: #666666;
  font-size: 16px;
}
.footer[data-v-eca6cd16] {
  background: #2C2C2C;
  color: #ffffff;
  padding: 60px 0 32px;
}
.footer .container[data-v-eca6cd16] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.footer .footer-main[data-v-eca6cd16] {
  display: grid;
  grid-template-columns: 320px repeat(4, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}
.footer .footer-brand h2[data-v-eca6cd16] {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 16px 0;
}
.footer .footer-brand .footer-slogan[data-v-eca6cd16] {
  font-size: 16px;
  margin: 16px 0;
  color: rgba(255, 255, 255, 0.8);
}
.footer .footer-brand .footer-tag[data-v-eca6cd16] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 20px;
}
.footer .footer-brand .footer-social[data-v-eca6cd16] {
  display: flex;
  gap: 12px;
}
.footer .footer-brand .footer-social .social-icon[data-v-eca6cd16] {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.footer .footer-brand .footer-social .social-icon[data-v-eca6cd16]:hover {
  background: #C8102E;
  transform: translateY(-4px);
}
.footer .footer-brand .footer-social .social-icon i[data-v-eca6cd16] {
  font-size: 16px;
}
.footer .footer-column .column-title[data-v-eca6cd16] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #ffffff;
  position: relative;
  padding-bottom: 12px;
}
.footer .footer-column .column-title[data-v-eca6cd16]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background: #C8102E;
}
.footer .footer-column .column-list[data-v-eca6cd16] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .footer-column .column-list li[data-v-eca6cd16] {
  margin-bottom: 12px;
}
.footer .footer-column .column-list li a[data-v-eca6cd16] {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 14px;
}
.footer .footer-column .column-list li a[data-v-eca6cd16]:hover {
  color: #C8102E;
  transform: translateX(4px);
}
.footer .footer-column .column-list.contact-list li[data-v-eca6cd16] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.footer .footer-column .column-list.contact-list li i[data-v-eca6cd16] {
  font-size: 16px;
  color: #C8102E;
  margin-top: 2px;
}
.footer .footer-column .column-list.contact-list li span[data-v-eca6cd16] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.5;
}
.footer .footer-bottom[data-v-eca6cd16] {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.footer .footer-bottom .copyright[data-v-eca6cd16] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
.footer .footer-bottom .footer-policy[data-v-eca6cd16] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
.footer .footer-bottom .footer-policy img[data-v-eca6cd16] {
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
}
.footer .footer-bottom .footer-policy a[data-v-eca6cd16] {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.footer .footer-bottom .footer-policy a[data-v-eca6cd16]:hover {
  color: #C8102E;
}
.mobile-product-submenu[data-v-eca6cd16] {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 12px;
}
.mobile-product-submenu .submenu-content[data-v-eca6cd16] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-product-submenu .submenu-column .column-header[data-v-eca6cd16] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-product-submenu .submenu-column .column-header i[data-v-eca6cd16] {
  font-size: 22px;
  color: #C8102E;
}
.mobile-product-submenu .submenu-column .column-header h4[data-v-eca6cd16] {
  font-size: 18px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0;
  font-family: "Microsoft YaHei", "SimHei", sans-serif;
}
.mobile-product-submenu .submenu-column .column-items[data-v-eca6cd16] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-product-submenu .submenu-column .column-items li[data-v-eca6cd16] {
  margin: 0;
}
.mobile-product-submenu .submenu-column .column-items li a[data-v-eca6cd16] {
  display: block;
  padding: 10px 16px;
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  background: transparent;
  white-space: nowrap;
  border: 1px solid transparent;
}
.mobile-product-submenu .submenu-column .column-items li a[data-v-eca6cd16]:hover {
  color: #C8102E;
  background: rgba(200, 16, 46, 0.05);
  border-color: rgba(200, 16, 46, 0.2);
}
@keyframes slideDown-eca6cd16 {
from {
    transform: translateY(-100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
@keyframes fadeInUp-eca6cd16 {
from {
    transform: translateY(10px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
@media (max-width: 992px) {
.navbar .navbar-menu[data-v-eca6cd16] {
    position: fixed;
    top: 76px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 76px);
    background: #ffffff;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.navbar .navbar-menu.active[data-v-eca6cd16] {
    left: 0;
}
.navbar .navbar-menu ul[data-v-eca6cd16] {
    flex-direction: column;
    gap: 0;
    width: 100%;
}
.navbar .navbar-menu ul li[data-v-eca6cd16] {
    width: 100%;
}
.navbar .navbar-menu ul li .nav-link[data-v-eca6cd16] {
    width: 100%;
}
.navbar .navbar-menu ul li .mobile-product-submenu[data-v-eca6cd16] {
    position: static;
    width: 100%;
    box-shadow: none;
    margin-top: 0;
    border-radius: 0;
}
.navbar .navbar-toggle[data-v-eca6cd16] {
    display: flex;
}
.product-submenu-wrapper[data-v-eca6cd16],
  .service-submenu-wrapper[data-v-eca6cd16],
  .product-center-submenu-wrapper[data-v-eca6cd16] {
    display: none;
}
}
@media (max-width: 1200px) {
.navbar .navbar-logo h1[data-v-eca6cd16] {
    font-size: 16px;
}
.navbar .navbar-logo img[data-v-eca6cd16] {
    height: 40px;
}
.navbar .navbar-menu ul[data-v-eca6cd16] {
    gap: 8px;
}
.navbar .navbar-menu ul li .nav-link[data-v-eca6cd16] {
    padding: 10px 16px;
    font-size: 14px;
}
.product-submenu .submenu-content[data-v-eca6cd16] {
    grid-template-columns: repeat(4, 1fr);
}
.product-submenu .featured-column[data-v-eca6cd16] {
    display: none;
}
.footer .footer-main[data-v-eca6cd16] {
    grid-template-columns: 280px repeat(3, 1fr);
    gap: 24px;
}
.footer .footer-column[data-v-eca6cd16]:nth-child(5) {
    display: none;
}
}
@media (max-width: 768px) {
.navbar .navbar-logo h1[data-v-eca6cd16] {
    display: none;
}
.navbar .navbar-logo img[data-v-eca6cd16] {
    height: 36px;
}
.footer[data-v-eca6cd16] {
    padding: 40px 0 24px;
}
.footer .footer-main[data-v-eca6cd16] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.footer .footer-bottom[data-v-eca6cd16] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.products-section[data-v-eca6cd16] {
    padding: 40px 0;
}
.products-section .section-header h2[data-v-eca6cd16] {
    font-size: 24px;
}
.products-section .product-tabs .tab-button[data-v-eca6cd16] {
    padding: 8px 16px;
    font-size: 13px;
}
.products-section .product-list[data-v-eca6cd16] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/softPage2.vue?vue&type=style&index=0&id=45a9484f&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.softpage2[data-v-45a9484f] {
  background: #f8fafc;
  min-height: 100vh;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #1e293b;
}
.hero-section[data-v-45a9484f] {
  color: #ffffff;
  padding: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.hero-section .hero-container[data-v-45a9484f] {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
  padding: 100px 0;
  background: url(/img/softbg.eef8d253.png) no-repeat center center;
  background-size: cover;
}
.hero-section .hero-container[data-v-45a9484f]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.hero-section .hero-content[data-v-45a9484f] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px 140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1200px) {
.hero-section .hero-content[data-v-45a9484f] {
    flex-direction: column;
    text-align: center;
}
}
.hero-section .hero-content .hero-text-box[data-v-45a9484f] {
  flex: 1;
  max-width: 600px;
}
.hero-section .hero-content .hero-text-box .hero-badge[data-v-45a9484f] {
  display: inline-block;
  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-title[data-v-45a9484f] {
  font-size: 48px;
  font-weight: 800;
  margin: 0 0 16px 0;
  line-height: 1.1;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -1px;
}
.hero-section .hero-content .hero-text-box .hero-subtitle[data-v-45a9484f] {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 24px 0;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-features[data-v-45a9484f] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 32px;
}
.hero-section .hero-content .hero-text-box .hero-features .hero-feature[data-v-45a9484f] {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
  color: rgba(255, 255, 255, 0.9);
}
.hero-section .hero-content .hero-text-box .hero-features .hero-feature[data-v-45a9484f]:hover {
  transform: translateX(6px);
}
.hero-section .hero-content .hero-text-box .hero-features .hero-feature .feature-icon[data-v-45a9484f] {
  color: #e53935;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.1);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.hero-section .hero-content .hero-text-box .hero-features .hero-feature .feature-icon[data-v-45a9484f]:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}
.hero-section .hero-content .hero-text-box .hero-features .hero-feature .feature-icon i[data-v-45a9484f] {
  font-size: 18px;
}
.hero-section .hero-content .hero-text-box .hero-features .hero-feature span[data-v-45a9484f] {
  flex: 1;
}
.hero-section .hero-content .hero-text-box .hero-actions[data-v-45a9484f] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
.hero-section .hero-content .hero-text-box .hero-actions[data-v-45a9484f] {
    justify-content: center;
}
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-primary[data-v-45a9484f] {
  display: inline-block;
  padding: 14px 28px;
  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-primary[data-v-45a9484f]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(229, 57, 53, 0.4);
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-secondary[data-v-45a9484f] {
  display: inline-block;
  padding: 14px 28px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-secondary[data-v-45a9484f]:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.hero-section .hero-content .hero-visual[data-v-45a9484f] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  max-width: 650px;
}
@media (max-width: 1200px) {
.hero-section .hero-content .hero-visual[data-v-45a9484f] {
    justify-content: center;
}
}
.hero-section .hero-content .hero-visual .visual-content[data-v-45a9484f] {
  position: relative;
  width: 100%;
  max-width: 500px;
  z-index: 2;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image[data-v-45a9484f] {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  transform: perspective(1000px) rotateY(5deg) rotateX(5deg);
  transition: all 0.6s ease;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image[data-v-45a9484f]:hover {
  transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
}
.hero-section .hero-content .hero-visual .visual-content .visual-image img[data-v-45a9484f] {
  width: 100%;
  height: auto;
  display: block;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image .image-overlay[data-v-45a9484f] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.4s ease;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image .image-overlay[data-v-45a9484f]:hover {
  opacity: 1;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image .image-overlay .overlay-content[data-v-45a9484f] {
  text-align: center;
  color: #ffffff;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image .image-overlay .overlay-content .overlay-item[data-v-45a9484f] {
  margin-bottom: 16px;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image .image-overlay .overlay-content .overlay-item .overlay-number[data-v-45a9484f] {
  display: block;
  font-size: 32px;
  font-weight: 900;
  color: #e53935;
}
.hero-section .hero-content .hero-visual .visual-content .visual-image .image-overlay .overlay-content .overlay-item .overlay-text[data-v-45a9484f] {
  display: block;
  font-size: 14px;
  opacity: 0.9;
}
.hero-section .hero-content .hero-visual .visual-content .visual-decorations[data-v-45a9484f] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.hero-section .hero-content .hero-visual .visual-content .visual-decorations .decoration[data-v-45a9484f] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: pulse-45a9484f 3s ease-in-out infinite;
}
.hero-section .hero-content .hero-visual .visual-content .visual-decorations .decoration.decoration-1[data-v-45a9484f] {
  width: 100px;
  height: 100px;
  top: -20px;
  right: -20px;
  animation-delay: 0s;
}
.hero-section .hero-content .hero-visual .visual-content .visual-decorations .decoration.decoration-2[data-v-45a9484f] {
  width: 60px;
  height: 60px;
  bottom: -10px;
  left: 20px;
  animation-delay: 1s;
}
.hero-section .hero-content .hero-visual .visual-content .visual-decorations .decoration.decoration-3[data-v-45a9484f] {
  width: 40px;
  height: 40px;
  top: 40%;
  left: -10px;
  animation-delay: 2s;
}
@keyframes float-45a9484f {
0%, 100% {
    transform: translateY(0) rotate(0deg);
}
50% {
    transform: translateY(-20px) rotate(180deg);
}
}
@keyframes pulse-45a9484f {
0%, 100% {
    transform: scale(1);
    opacity: 0.3;
}
50% {
    transform: scale(1.1);
    opacity: 0.5;
}
}
@keyframes glow-45a9484f {
from {
    opacity: 0.3;
}
to {
    opacity: 0.6;
}
}
.features-benefits-section[data-v-45a9484f] {
  padding: 60px 20px;
  background: #ffffff;
  position: relative;
}
.features-benefits-section .container[data-v-45a9484f] {
  max-width: 1000px;
  margin: 0 auto;
}
.features-benefits-section .section-intro[data-v-45a9484f] {
  text-align: center;
  margin-bottom: 50px;
}
.features-benefits-section .section-intro .section-title[data-v-45a9484f] {
  font-size: 30px;
  font-weight: 700;
  color: #10b981;
  margin: 0 0 20px 0;
  line-height: 1.2;
  position: relative;
  display: inline-block;
}
.features-benefits-section .section-intro .section-title[data-v-45a9484f]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: #3b82f6;
  border-radius: 2px;
}
.features-benefits-section .section-intro .section-description[data-v-45a9484f] {
  font-size: 15px;
  color: #666666;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 15px;
}
.features-benefits-section .features-benefits-content[data-v-45a9484f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.features-benefits-section .features-benefits-content .features-section[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section[data-v-45a9484f] {
  background: #f8fafc;
  padding: 28px;
  border-radius: 12px;
}
.features-benefits-section .features-benefits-content .features-section .section-subtitle[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section .section-subtitle[data-v-45a9484f] {
  font-size: 20px;
  font-weight: 600;
  color: #10b981;
  margin: 0 0 20px 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.features-benefits-section .features-benefits-content .features-section .section-subtitle[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .benefits-section .section-subtitle[data-v-45a9484f]::before {
  content: "";
  width: 3px;
  height: 20px;
  background: #3b82f6;
  border-radius: 2px;
}
.features-benefits-section .features-benefits-content .features-section .feature-list[data-v-45a9484f],
.features-benefits-section .features-benefits-content .features-section .benefit-list[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section .feature-list[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section .benefit-list[data-v-45a9484f] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.features-benefits-section .features-benefits-content .features-section .feature-list .feature-item[data-v-45a9484f],
.features-benefits-section .features-benefits-content .features-section .feature-list .benefit-item[data-v-45a9484f],
.features-benefits-section .features-benefits-content .features-section .benefit-list .feature-item[data-v-45a9484f],
.features-benefits-section .features-benefits-content .features-section .benefit-list .benefit-item[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section .feature-list .feature-item[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section .feature-list .benefit-item[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section .benefit-list .feature-item[data-v-45a9484f],
.features-benefits-section .features-benefits-content .benefits-section .benefit-list .benefit-item[data-v-45a9484f] {
  margin-bottom: 16px;
  padding-left: 24px;
  position: relative;
  color: #1e293b;
  font-size: 15px;
  line-height: 1.5;
}
.features-benefits-section .features-benefits-content .features-section .feature-list .feature-item[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .features-section .feature-list .benefit-item[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .features-section .benefit-list .feature-item[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .features-section .benefit-list .benefit-item[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .benefits-section .feature-list .feature-item[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .benefits-section .feature-list .benefit-item[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .benefits-section .benefit-list .feature-item[data-v-45a9484f]::before,
.features-benefits-section .features-benefits-content .benefits-section .benefit-list .benefit-item[data-v-45a9484f]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #3b82f6;
  font-size: 18px;
  line-height: 1.5;
}
.solutions-section[data-v-45a9484f] {
  padding: 10px 20px;
  position: relative;
  overflow: hidden;
}
.solutions-section .section-subtitle[data-v-45a9484f] {
  font-size: 28px;
  font-weight: 700;
  color: #3b82f6;
  margin: 0 0 32px 0;
  position: relative;
  display: inline-block;
  border-top: none;
  outline: none;
}
.solutions-section[data-v-45a9484f]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiM0YjczY2EiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4xIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIiAvPjwvc3ZnPg==);
  opacity: 0.3;
  z-index: 1;
}
.solutions-section .container[data-v-45a9484f] {
  max-width: 1400px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 2;
}
.solutions-section .container .section-title[data-v-45a9484f] {
  font-size: 40px;
  font-weight: 800;
  color: #1e293b;
  position: relative;
  display: inline-block;
  margin: 0 0 28px 0;
  text-align: left;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.solutions-section .container .section-title[data-v-45a9484f]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
  border-radius: 2px;
}
.solutions-section .container .section-description[data-v-45a9484f] {
  font-size: 18px;
  color: #1e293b;
  line-height: 1.6;
  margin: 0 0 60px 0;
  max-width: 1000px;
}
.solutions-section .solutions-tabs .tabs-header[data-v-45a9484f] {
  display: flex;
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  padding: 0;
  border-radius: 12px;
  margin-bottom: 40px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.solutions-section .solutions-tabs .tabs-header .tab-btn[data-v-45a9484f] {
  flex: 1;
  padding: 20px 32px;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.solutions-section .solutions-tabs .tabs-header .tab-btn[data-v-45a9484f]:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.solutions-section .solutions-tabs .tabs-header .tab-btn.active[data-v-45a9484f] {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 -3px 0 #f59e0b;
}
.solutions-section .solutions-tabs .tabs-content .tab-panel[data-v-45a9484f] {
  animation: fadeIn-45a9484f 0.5s ease;
}
.solutions-section .solutions-tabs .tabs-content .section-sub-desc[data-v-45a9484f] {
  font-size: 16px;
  color: #666666;
  margin: 0 0 24px 0;
  font-weight: 500;
}
.solutions-section .solutions-tabs .tabs-content .section-text-container[data-v-45a9484f] {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin: 0 0 50px 0;
  max-width: 850px;
  background: #ffffff;
  padding: 36px 40px;
  border-radius: 20px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.solutions-section .solutions-tabs .tabs-content .section-text-container[data-v-45a9484f]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
}
.solutions-section .solutions-tabs .tabs-content .section-text-container[data-v-45a9484f]:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
  border-color: rgba(59, 130, 246, 0.2);
}
.solutions-section .solutions-tabs .tabs-content .section-text-icon[data-v-45a9484f] {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.4);
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
}
.solutions-section .solutions-tabs .tabs-content .section-text-icon i[data-v-45a9484f] {
  font-size: 32px;
  color: #ffffff;
  transition: all 0.3s ease;
}
.solutions-section .solutions-tabs .tabs-content .section-text-icon[data-v-45a9484f]:hover {
  transform: scale(1.15);
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.5);
}
.solutions-section .solutions-tabs .tabs-content .section-text-icon:hover i[data-v-45a9484f] {
  transform: scale(1.1);
}
.solutions-section .solutions-tabs .tabs-content .section-text-content[data-v-45a9484f] {
  flex: 1;
  position: relative;
  z-index: 1;
}
.solutions-section .solutions-tabs .tabs-content .section-text[data-v-45a9484f] {
  font-size: 18px;
  line-height: 1.65;
  color: #1e293b;
  margin: 0;
  font-weight: 500;
}
.solutions-section .solutions-tabs .tabs-content .section-text strong[data-v-45a9484f] {
  color: #3b82f6;
  font-weight: 700;
}
.solutions-section .solutions-tabs .tabs-content .section-text em[data-v-45a9484f] {
  color: #10b981;
  font-style: italic;
}
.solutions-section .solutions-tabs .tabs-content .solution-content-block[data-v-45a9484f] {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
  margin-bottom: 50px;
  transition: all 0.3s ease;
}
.solutions-section .solutions-tabs .tabs-content .solution-content-block[data-v-45a9484f]:hover {
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.08);
  border-color: rgba(59, 130, 246, 0.15);
}
.solutions-section .solutions-tabs .tabs-content .solution-description[data-v-45a9484f] {
  margin-bottom: 32px;
}
.solutions-section .solutions-tabs .tabs-content .solution-features-benefits[data-v-45a9484f] {
  display: flex;
  gap: 48px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}
.solutions-section .solutions-tabs .tabs-content .solution-features-benefits .features[data-v-45a9484f], .solutions-section .solutions-tabs .tabs-content .solution-features-benefits .benefits[data-v-45a9484f] {
  flex: 1;
  min-width: 300px;
}
.solutions-section .solutions-tabs .tabs-content .solution-features-benefits h4[data-v-45a9484f] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 24px 0;
  position: relative;
  padding-bottom: 12px;
}
.solutions-section .solutions-tabs .tabs-content .solution-features-benefits h4[data-v-45a9484f]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
  border-radius: 2px;
}
.solutions-section .solutions-tabs .tabs-content .solution-features-benefits ul[data-v-45a9484f] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.solutions-section .solutions-tabs .tabs-content .solution-features-benefits ul li[data-v-45a9484f] {
  position: relative;
  padding-left: 28px;
  margin-bottom: 16px;
  line-height: 1.5;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}
.solutions-section .solutions-tabs .tabs-content .solution-features-benefits ul li[data-v-45a9484f]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #3b82f6;
  font-weight: 700;
  font-size: 14px;
  background: rgba(59, 130, 246, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solutions-section .solutions-tabs .tabs-content .solution-button[data-v-45a9484f] {
  margin-top: 24px;
}
.solutions-section .solutions-tabs .tabs-content .btn-red[data-v-45a9484f] {
  display: inline-block;
  padding: 14px 28px;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.2);
}
.solutions-section .solutions-tabs .tabs-content .btn-red[data-v-45a9484f]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(229, 57, 53, 0.3);
}
.solutions-section .solutions-tabs .tabs-content .btn-blue[data-v-45a9484f] {
  display: inline-block;
  padding: 14px 28px;
  background: #3b82f6;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
.solutions-section .solutions-tabs .tabs-content .btn-blue[data-v-45a9484f]:hover {
  background: #2563eb;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container[data-v-45a9484f] {
  display: flex;
  gap: 0;
  margin-bottom: 27px;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  align-items: stretch;
  background: #ffffff;
  position: relative;
}
@media (max-width: 1200px) {
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container[data-v-45a9484f] {
    flex-direction: column;
}
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container[data-v-45a9484f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #e53935 0%, #3b82f6 100%);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section[data-v-45a9484f] {
  min-width: 300px;
  padding: 40px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgb(248, 250, 252) 100%);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section[data-v-45a9484f]:hover {
  transform: translateY(-4px);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section.label-design[data-v-45a9484f] {
  flex: 1.5;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 1200px) {
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section.label-design[data-v-45a9484f] {
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section.enterprise[data-v-45a9484f] {
  flex: 1;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .section-subtitle[data-v-45a9484f] {
  font-size: 24px;
  margin-bottom: 16px;
  color: #1e293b;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: inline-block;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .section-subtitle[data-v-45a9484f]::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, #e53935 0%, rgba(229, 57, 53, 0.6) 100%);
  border-radius: 2px;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section.enterprise .section-subtitle[data-v-45a9484f]::after {
  background: linear-gradient(90deg, #3b82f6 0%, rgba(59, 130, 246, 0.6) 100%);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .section-sub-desc[data-v-45a9484f] {
  font-size: 16px;
  margin-bottom: 24px;
  color: #666666;
  line-height: 1.5;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content[data-v-45a9484f] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-description[data-v-45a9484f] {
  margin-bottom: 32px;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-description .section-text[data-v-45a9484f] {
  font-size: 15px;
  line-height: 1.6;
  color: #1e293b;
  font-weight: 500;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits[data-v-45a9484f] {
  display: flex;
  gap: 40px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits[data-v-45a9484f] {
    flex-direction: column;
    gap: 24px;
}
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features[data-v-45a9484f],
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits[data-v-45a9484f] {
  flex: 1;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features h4[data-v-45a9484f],
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits h4[data-v-45a9484f] {
  font-size: 18px;
  margin-bottom: 16px;
  color: #1e293b;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features h4[data-v-45a9484f]::before,
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits h4[data-v-45a9484f]::before {
  content: "";
  width: 24px;
  height: 24px;
  background: rgba(229, 57, 53, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e53935;
  font-size: 14px;
  font-weight: bold;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features.benefits h4[data-v-45a9484f]::before,
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits.benefits h4[data-v-45a9484f]::before {
  content: "+" !important;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features ul[data-v-45a9484f],
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits ul[data-v-45a9484f] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features li[data-v-45a9484f],
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits li[data-v-45a9484f] {
  font-size: 14px;
  margin-bottom: 12px;
  color: #1e293b;
  position: relative;
  padding-left: 28px;
  line-height: 1.4;
  transition: all 0.3s ease;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features li[data-v-45a9484f]:hover,
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits li[data-v-45a9484f]:hover {
  transform: translateX(4px);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .features li[data-v-45a9484f]::before,
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-features-benefits .benefits li[data-v-45a9484f]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #e53935;
  font-weight: bold;
  font-size: 14px;
  background: rgba(229, 57, 53, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button[data-v-45a9484f] {
  margin-top: auto;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red[data-v-45a9484f],
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue[data-v-45a9484f] {
  color: white;
  padding: 16px 32px;
  border-radius: 12px;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red[data-v-45a9484f]::before,
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue[data-v-45a9484f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.6s ease;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red[data-v-45a9484f]:hover,
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue[data-v-45a9484f]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red[data-v-45a9484f]:hover::before,
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue[data-v-45a9484f]:hover::before {
  left: 100%;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red.btn-active[data-v-45a9484f],
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue.btn-active[data-v-45a9484f] {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6), 0 6px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(-3px);
  animation: pulse-45a9484f 2s infinite;
  cursor: pointer;
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red[data-v-45a9484f] {
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
  box-shadow: 0 6px 16px rgba(229, 57, 53, 0.3);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red[data-v-45a9484f]:hover {
  box-shadow: 0 12px 24px rgba(229, 57, 53, 0.4);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-red.btn-active[data-v-45a9484f] {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6), 0 6px 16px rgba(229, 57, 53, 0.6);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue[data-v-45a9484f] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue[data-v-45a9484f]:hover {
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.4);
}
.solutions-section .solutions-tabs .tabs-content .solutions-overall-container .solution-section .solution-content .solution-button .btn-blue.btn-active[data-v-45a9484f] {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6), 0 6px 16px rgba(59, 130, 246, 0.6);
}
.solutions-section .solutions-tabs .tabs-content .solution-button .btn-red[data-v-45a9484f] {
  background: #e53935;
  color: white;
}
.solutions-section .solutions-tabs .tabs-content.active[data-v-45a9484f] {
  position: relative;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  transform: translateY(-2px);
  overflow: hidden;
  border-radius: 8px;
}
.solutions-section .solutions-tabs .tabs-content.active[data-v-45a9484f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
}
.solutions-section .solutions-tabs.enterprise .section-subtitle[data-v-45a9484f] {
  color: #497bfc;
}
.solutions-section .solutions-tabs.enterprise .solution-button .btn-blue[data-v-45a9484f] {
  background: #497bfc;
  color: white;
}
.solutions-section .solutions-tabs.enterprise.active[data-v-45a9484f] {
  position: relative;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  transform: translateY(-2px);
  overflow: hidden;
  border-radius: 8px;
}
.solutions-section .solutions-tabs.enterprise.active[data-v-45a9484f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #497bfc, #64b5f6);
}
.solutions-section .solutions-tabs .section-subtitle[data-v-45a9484f] {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px 0;
}
.solutions-section .solutions-tabs .section-sub-desc[data-v-45a9484f] {
  font-size: 13px;
  margin: 0 0 15px 0;
  color: #666666;
}
.solutions-section .solutions-tabs .solution-content[data-v-45a9484f] {
  display: flex;
  flex-direction: column;
}
.solutions-section .solutions-tabs .solution-content .solution-description[data-v-45a9484f] {
  margin-bottom: 15px;
}
.solutions-section .solutions-tabs .solution-content .solution-description .section-text[data-v-45a9484f] {
  font-size: 13px;
  line-height: 1.4;
  color: #666666;
}
.solutions-section .solutions-tabs .solution-content .solution-features-benefits[data-v-45a9484f] {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
  flex: 1;
}
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .features[data-v-45a9484f],
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .benefits[data-v-45a9484f] {
  flex: 1;
  min-width: 200px;
}
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .features h4[data-v-45a9484f],
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .benefits h4[data-v-45a9484f] {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 12px 0;
  color: #1e293b;
}
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .features ul[data-v-45a9484f],
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .benefits ul[data-v-45a9484f] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .features ul li[data-v-45a9484f],
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .benefits ul li[data-v-45a9484f] {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.3;
  color: #666666;
}
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .features ul li[data-v-45a9484f]::before,
.solutions-section .solutions-tabs .solution-content .solution-features-benefits .benefits ul li[data-v-45a9484f]::before {
  content: "✓";
  position: absolute;
  left: 0;
  font-weight: bold;
  font-size: 13px;
  color: #10b981;
}
.solutions-section .solutions-tabs .solution-content .solution-button[data-v-45a9484f] {
  margin-top: auto;
}
.solutions-section .solutions-tabs .solution-content .solution-button .btn-red[data-v-45a9484f],
.solutions-section .solutions-tabs .solution-content .solution-button .btn-blue[data-v-45a9484f] {
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
}
.solutions-content .tab-panel[data-v-45a9484f] {
  margin-bottom: 60px;
}
.solutions-content .tab-panel[data-v-45a9484f]:last-child {
  margin-bottom: 0;
}
.features-benefits[data-v-45a9484f] {
  display: flex;
  gap: 36px;
  margin: 0 0 70px 0;
  flex-wrap: wrap;
}
.features-benefits .features[data-v-45a9484f], .features-benefits .benefits[data-v-45a9484f] {
  flex: 1;
  min-width: 300px;
  background: #ffffff;
  border-radius: 24px;
  padding: 36px;
  border: 1px solid rgba(75, 115, 204, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.features-benefits .features[data-v-45a9484f]::before, .features-benefits .benefits[data-v-45a9484f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
}
.features-benefits .features[data-v-45a9484f]:hover, .features-benefits .benefits[data-v-45a9484f]:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  border-color: rgba(75, 115, 204, 0.2);
}
.features-benefits .features h4[data-v-45a9484f], .features-benefits .benefits h4[data-v-45a9484f] {
  font-size: 22px;
  font-weight: 700;
  color: #3b82f6;
  margin: 0 0 24px 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.features-benefits .features h4[data-v-45a9484f]::before, .features-benefits .benefits h4[data-v-45a9484f]::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #3b82f6;
  border-radius: 2px;
}
.features-benefits .features ul[data-v-45a9484f], .features-benefits .benefits ul[data-v-45a9484f] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.features-benefits .features ul li[data-v-45a9484f], .features-benefits .benefits ul li[data-v-45a9484f] {
  position: relative;
  padding-left: 28px;
  margin-bottom: 16px;
  line-height: 1.5;
  color: #666666;
  font-size: 15px;
}
.features-benefits .features ul li[data-v-45a9484f]::before, .features-benefits .benefits ul li[data-v-45a9484f]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #10b981;
  font-weight: bold;
  font-size: 16px;
}
.product-cards[data-v-45a9484f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.product-cards .product-card[data-v-45a9484f] {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgb(248, 250, 252) 100%);
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24px;
  display: flex;
  flex-direction: column;
  text-align: left;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.product-cards .product-card[data-v-45a9484f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #e53935 0%, rgba(229, 57, 53, 0.6) 100%);
}
.product-cards .product-card[data-v-45a9484f]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.product-cards .product-card .product-name[data-v-45a9484f] {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
  position: relative;
  display: inline-block;
}
.product-cards .product-card .product-name[data-v-45a9484f]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, #e53935 0%, rgba(229, 57, 53, 0.6) 100%);
  border-radius: 1px;
}
.product-cards .product-card .product-desc[data-v-45a9484f] {
  font-size: 14px;
  color: #666666;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.product-cards .product-card .product-features[data-v-45a9484f] {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  flex: 1;
}
.product-cards .product-card .product-features li[data-v-45a9484f] {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1e293b;
  line-height: 1.4;
  transition: all 0.3s ease;
}
.product-cards .product-card .product-features li[data-v-45a9484f]:hover {
  transform: translateX(4px);
}
.product-cards .product-card .product-features li[data-v-45a9484f]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #e53935;
  font-weight: bold;
  font-size: 14px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(229, 57, 53, 0.1);
  border-radius: 50%;
}
.product-cards .product-card .learn-more[data-v-45a9484f] {
  color: #e53935;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: rgba(229, 57, 53, 0.05);
  border-radius: 8px;
  transition: all 0.3s ease;
}
.product-cards .product-card .learn-more[data-v-45a9484f]:hover {
  background: rgba(229, 57, 53, 0.1);
  color: #c62828;
  transform: translateY(-2px);
}
.product-cards .product-card .learn-more[data-v-45a9484f]::after {
  content: "→";
  font-size: 12px;
  transition: transform 0.3s ease;
}
.product-cards .product-card .learn-more[data-v-45a9484f]:hover::after {
  transform: translateX(4px);
}
@media (max-width: 768px) {
.product-cards[data-v-45a9484f] {
    grid-template-columns: 1fr;
}
}
.enterprise-product-cards[data-v-45a9484f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.enterprise-product-cards .enterprise-product-card[data-v-45a9484f] {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgb(248, 250, 252) 100%);
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24px;
  display: flex;
  flex-direction: column;
  text-align: left;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.enterprise-product-cards .enterprise-product-card[data-v-45a9484f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3b82f6 0%, rgba(59, 130, 246, 0.6) 100%);
}
.enterprise-product-cards .enterprise-product-card[data-v-45a9484f]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.enterprise-product-cards .enterprise-product-card .product-category[data-v-45a9484f] {
  font-size: 12px;
  font-weight: 600;
  color: #3b82f6;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.enterprise-product-cards .enterprise-product-card .product-name[data-v-45a9484f] {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
  position: relative;
  display: inline-block;
}
.enterprise-product-cards .enterprise-product-card .product-name[data-v-45a9484f]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, #3b82f6 0%, rgba(59, 130, 246, 0.6) 100%);
  border-radius: 1px;
}
.enterprise-product-cards .enterprise-product-card .product-features[data-v-45a9484f] {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  flex: 1;
}
.enterprise-product-cards .enterprise-product-card .product-features li[data-v-45a9484f] {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1e293b;
  line-height: 1.4;
  transition: all 0.3s ease;
}
.enterprise-product-cards .enterprise-product-card .product-features li[data-v-45a9484f]:hover {
  transform: translateX(4px);
}
.enterprise-product-cards .enterprise-product-card .product-features li[data-v-45a9484f]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #3b82f6;
  font-weight: bold;
  font-size: 14px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 50%;
}
.enterprise-product-cards .enterprise-product-card .product-image[data-v-45a9484f] {
  width: 100%;
  height: 80px;
  background: #f8fafc;
  border-radius: 8px;
  margin: 0 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.enterprise-product-cards .enterprise-product-card .product-image img[data-v-45a9484f] {
  max-width: 70%;
  max-height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.enterprise-product-cards .enterprise-product-card .view-more-btn[data-v-45a9484f] {
  color: #3b82f6;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: rgba(59, 130, 246, 0.05);
  border-radius: 8px;
  transition: all 0.3s ease;
}
.enterprise-product-cards .enterprise-product-card .view-more-btn[data-v-45a9484f]:hover {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
  transform: translateY(-2px);
}
.enterprise-product-cards .enterprise-product-card .view-more-btn[data-v-45a9484f]::after {
  content: "→";
  font-size: 12px;
  transition: transform 0.3s ease;
}
.enterprise-product-cards .enterprise-product-card .view-more-btn[data-v-45a9484f]:hover::after {
  transform: translateX(4px);
}
@media (max-width: 768px) {
.enterprise-product-cards[data-v-45a9484f] {
    grid-template-columns: 1fr;
}
}
.features-comparison[data-v-45a9484f] {
  margin-bottom: 30px;
}
.features-comparison .comparison-title[data-v-45a9484f] {
  font-size: 18px;
  font-weight: 600;
  color: #3b82f6;
  margin: 0 0 15px 0;
  position: relative;
  display: inline-block;
}
.features-comparison .comparison-table[data-v-45a9484f] {
  overflow-x: auto;
  margin-bottom: 15px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  border: 1px solid rgba(229, 57, 53, 0.1);
}
.features-comparison .comparison-table table[data-v-45a9484f] {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
.features-comparison .comparison-table table th[data-v-45a9484f],
.features-comparison .comparison-table table td[data-v-45a9484f] {
  font-size: 14px;
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(229, 57, 53, 0.1);
  white-space: nowrap;
  color: #666666;
}
.features-comparison .comparison-table table th[data-v-45a9484f] {
  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
  color: #ffffff;
  font-weight: 600;
  font-size: 11px;
  position: sticky;
  top: 0;
  z-index: 10;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.enterprise-features-comparison[data-v-45a9484f] {
  margin-bottom: 30px;
}
.enterprise-features-comparison .comparison-title[data-v-45a9484f] {
  font-size: 18px;
  font-weight: 600;
  color: #497bfc;
  margin: 0 0 15px 0;
  position: relative;
  display: inline-block;
}
.enterprise-features-comparison .comparison-table[data-v-45a9484f] {
  overflow-x: auto;
  margin-bottom: 15px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  border: 1px solid rgba(59, 130, 246, 0.1);
}
.enterprise-features-comparison .comparison-table table[data-v-45a9484f] {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
.enterprise-features-comparison .comparison-table table th[data-v-45a9484f],
.enterprise-features-comparison .comparison-table table td[data-v-45a9484f] {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(59, 130, 246, 0.1);
  white-space: nowrap;
}
.enterprise-features-comparison .comparison-table table th[data-v-45a9484f] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  position: sticky;
  top: 0;
  z-index: 10;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.enterprise-features-comparison .comparison-table table td[data-v-45a9484f] {
  color: #666666;
  font-size: 14px;
}
.enterprise-features-comparison .comparison-table table tr:last-child td[data-v-45a9484f] {
  border-bottom: none;
}
.enterprise-features-comparison .comparison-note[data-v-45a9484f] {
  font-size: 12px;
  color: #666666;
  margin: 0 0 12px 0;
  line-height: 1.3;
}
.enterprise-features-comparison .comparison-note .link[data-v-45a9484f] {
  color: #666666;
  text-decoration: none;
  font-weight: 500;
}
.enterprise-features-comparison .comparison-note .link[data-v-45a9484f]:hover {
  text-decoration: underline;
}
.enterprise-features-comparison .compliance-section[data-v-45a9484f] {
  margin: 15px 0;
  padding: 12px;
  background: linear-gradient(135deg, rgba(75, 115, 204, 0.05) 0%, rgba(75, 115, 204, 0.02) 100%);
  border-radius: 8px;
  border-left: 3px solid #3b82f6;
}
.enterprise-features-comparison .compliance-section .compliance-text[data-v-45a9484f] {
  font-size: 11px;
  color: #666666;
  margin: 4px 0;
  line-height: 1.3;
}
@keyframes fadeIn-45a9484f {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes pulse-45a9484f {
0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@media (max-width: 768px) {
.hero-section[data-v-45a9484f] {
    padding: 80px 20px;
}
.hero-section .hero-content .hero-title[data-v-45a9484f] {
    font-size: 36px;
}
.hero-section .hero-content .hero-description[data-v-45a9484f] {
    font-size: 16px;
}
.solutions-section[data-v-45a9484f] {
    padding: 60px 20px;
}
.solutions-section .solutions-tabs .tabs-header[data-v-45a9484f] {
    flex-direction: column;
}
.solutions-section .solutions-tabs .tabs-header .tab-btn[data-v-45a9484f] {
    text-align: left;
    padding: 14px 20px;
}
.solutions-section .solutions-tabs .tabs-content[data-v-45a9484f] {
    padding: 24px;
}
.solutions-section .solutions-tabs .tabs-content .product-cards[data-v-45a9484f],
  .solutions-section .solutions-tabs .tabs-content .enterprise-product-cards[data-v-45a9484f] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.solutions-section .solutions-tabs .tabs-content .product-card[data-v-45a9484f],
  .solutions-section .solutions-tabs .tabs-content .enterprise-product-card[data-v-45a9484f] {
    padding: 24px;
}
.solutions-section .solutions-tabs .tabs-content .features-comparison .comparison-table table[data-v-45a9484f],
  .solutions-section .solutions-tabs .tabs-content .enterprise-features-comparison .comparison-table table[data-v-45a9484f] {
    min-width: 600px;
}
.solutions-section .solutions-tabs .tabs-content .features-comparison .comparison-table table th[data-v-45a9484f],
  .solutions-section .solutions-tabs .tabs-content .features-comparison .comparison-table table td[data-v-45a9484f],
  .solutions-section .solutions-tabs .tabs-content .enterprise-features-comparison .comparison-table table th[data-v-45a9484f],
  .solutions-section .solutions-tabs .tabs-content .enterprise-features-comparison .comparison-table table td[data-v-45a9484f] {
    padding: 12px 16px;
    font-size: 13px;
}
}
/* 广告风格内容区 */
.ad-style-section[data-v-45a9484f] {
  background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
  color: #ffffff;
  padding: 80px 20px;
  position: relative;
  overflow: hidden;
}
.ad-style-section[data-v-45a9484f]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4xIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIiAvPjwvc3ZnPg==);
  opacity: 0.3;
  z-index: 1;
}
.ad-style-section .ad-container[data-v-45a9484f] {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
}
.ad-style-section .ad-container .ad-content[data-v-45a9484f] {
  flex: 1;
  max-width: 600px;
}
.ad-style-section .ad-container .ad-content .ad-title[data-v-45a9484f] {
  font-size: 48px;
  font-weight: 900;
  margin: 0 0 16px 0;
  line-height: 1.1;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}
.ad-style-section .ad-container .ad-content .ad-subtitle[data-v-45a9484f] {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 32px 0;
  opacity: 0.95;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.ad-style-section .ad-container .ad-content .ad-features[data-v-45a9484f] {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
}
.ad-style-section .ad-container .ad-content .ad-features li[data-v-45a9484f] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
}
.ad-style-section .ad-container .ad-content .ad-features li i[data-v-45a9484f] {
  color: #ffcc00;
  font-size: 20px;
}
.ad-style-section .ad-container .ad-content .ad-actions[data-v-45a9484f] {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.ad-style-section .ad-container .ad-content .ad-actions .ad-btn-primary[data-v-45a9484f] {
  display: inline-block;
  padding: 16px 32px;
  background: #ffcc00;
  color: #333;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 8px 24px rgba(255, 204, 0, 0.4);
}
.ad-style-section .ad-container .ad-content .ad-actions .ad-btn-primary[data-v-45a9484f]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(255, 204, 0, 0.5);
}
.ad-style-section .ad-container .ad-content .ad-actions .ad-btn-secondary[data-v-45a9484f] {
  display: inline-block;
  padding: 16px 32px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ad-style-section .ad-container .ad-content .ad-actions .ad-btn-secondary[data-v-45a9484f]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-3px);
}
.ad-style-section .ad-container .ad-visual[data-v-45a9484f] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.ad-style-section .ad-container .ad-visual img[data-v-45a9484f] {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  transform: perspective(1000px) rotateY(-5deg) rotateX(5deg);
  transition: all 0.6s ease;
}
.ad-style-section .ad-container .ad-visual img[data-v-45a9484f]:hover {
  transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
}

/* 广告宣传横幅 */
.promo-banner[data-v-45a9484f] {
  background: linear-gradient(135deg, #f5f7ff 0%, #e6ecff 100%);
  border-radius: 20px;
  padding: 60px;
  margin: 60px 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.08);
}
.promo-banner[data-v-45a9484f]:before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.1) 0%, rgba(75, 115, 202, 0.05) 100%);
  border-radius: 50%;
  z-index: 1;
}
.promo-banner .banner-content[data-v-45a9484f] {
  position: relative;
  z-index: 2;
  text-align: center;
}
.promo-banner .banner-content .banner-title[data-v-45a9484f] {
  font-size: 32px;
  font-weight: 800;
  color: #3b82f6;
  margin: 0 0 24px 0;
}
.promo-banner .banner-content .banner-description[data-v-45a9484f] {
  font-size: 16px;
  color: #1e293b;
  line-height: 1.6;
  margin: 0 0 40px 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.promo-banner .banner-content .banner-features[data-v-45a9484f] {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.promo-banner .banner-content .banner-features .banner-feature[data-v-45a9484f] {
  text-align: center;
}
.promo-banner .banner-content .banner-features .banner-feature .feature-number[data-v-45a9484f] {
  display: block;
  font-size: 36px;
  font-weight: 900;
  color: #3b82f6;
  margin-bottom: 8px;
}
.promo-banner .banner-content .banner-features .banner-feature .feature-text[data-v-45a9484f] {
  display: block;
  font-size: 14px;
  color: #1e293b;
  font-weight: 500;
}
.promo-banner .banner-content .banner-btn[data-v-45a9484f] {
  display: inline-block;
  padding: 16px 32px;
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 8px 24px rgba(75, 115, 202, 0.3);
}
.promo-banner .banner-content .banner-btn[data-v-45a9484f]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(75, 115, 202, 0.4);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/codesoft2.vue?vue&type=style&index=0&id=88801d5e&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.codesoft2[data-v-88801d5e] {
  background: #FAFAFA;
  min-height: 100vh;
}
.container[data-v-88801d5e] {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.hero[data-v-88801d5e] {
  color: #FFFFFF;
  padding: 60px 0 20px 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.hero > .container[data-v-88801d5e] {
  position: relative;
  z-index: 2;
}
.hero-content[data-v-88801d5e] {
  background: linear-gradient(135deg, #1A5490 0%, #C8102E 100%);
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 30px;
}
.hero-left[data-v-88801d5e] {
  flex: 1;
}
.hero-right[data-v-88801d5e] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-image[data-v-88801d5e] {
  max-width: 70%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-content[data-v-88801d5e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.hero-content > *[data-v-88801d5e] {
  position: relative;
  z-index: 2;
}
.hero-title[data-v-88801d5e] {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #FFFFFF;
}
.hero-subtitle[data-v-88801d5e] {
  font-size: 15px;
  opacity: 0.95;
  margin-bottom: 10px;
  font-weight: 500;
  color: #FFFFFF;
}
.hero-desc[data-v-88801d5e] {
  font-size: 13px;
  opacity: 0.92;
  margin-bottom: 16px;
  max-width: 700px;
  line-height: 1.5;
  color: #FFFFFF;
}
.hero-actions[data-v-88801d5e] {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn[data-v-88801d5e] {
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
.btn-solid[data-v-88801d5e] {
  background: #FFFFFF;
  color: #C8102E;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-solid[data-v-88801d5e]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #f8f9fa;
}
.btn-outline[data-v-88801d5e] {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-outline[data-v-88801d5e]:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.page-nav[data-v-88801d5e] {
  background: #FFFFFF;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0;
}
.nav-list[data-v-88801d5e] {
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  gap: 2px;
}
.nav-list li a[data-v-88801d5e] {
  display: block;
  padding: 10px 14px;
  color: #444;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  font-size: 13px;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
  margin: 0 2px;
}
.nav-list li a[data-v-88801d5e]:hover {
  color: #C8102E;
  border-color: #C8102E;
  background: #FFFFFF;
}
.section[data-v-88801d5e] {
  background: #FFFFFF;
  position: relative;
}
.section[data-v-88801d5e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-title[data-v-88801d5e] {
  font-size: 18px;
  color: #333;
  margin-bottom: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title[data-v-88801d5e]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 12px;
}
.section-description[data-v-88801d5e] {
  font-size: 13px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}
.features-list[data-v-88801d5e] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.feature-item[data-v-88801d5e] {
  transition: background-color 0.2s ease;
  border-bottom: 1px solid #e0e0e0;
}
.feature-item[data-v-88801d5e]:last-child {
  border-bottom: none;
}
.feature-header[data-v-88801d5e] {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  position: relative;
}
.feature-header[data-v-88801d5e]:hover {
  background: #f8f9fa;
  padding-left: 20px;
}
.feature-title[data-v-88801d5e] {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.feature-toggle[data-v-88801d5e] {
  font-size: 14px;
  color: #666;
  transition: transform 0.3s ease;
}
.feature-item.expanded .feature-toggle[data-v-88801d5e] {
  transform: rotate(180deg);
}
.feature-content[data-v-88801d5e] {
  padding: 0 18px 14px;
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  animation: slideDown-88801d5e 0.3s ease;
}
@keyframes slideDown-88801d5e {
from {
    opacity: 0;
    max-height: 0;
}
to {
    opacity: 1;
    max-height: 200px;
}
}
.feature-description[data-v-88801d5e] {
  color: #555;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.version-cards[data-v-88801d5e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.version-card[data-v-88801d5e] {
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.version-card[data-v-88801d5e]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #C8102E;
}
.version-card h3[data-v-88801d5e] {
  color: #C8102E;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 700;
}
.version-card p[data-v-88801d5e] {
  color: #555;
  line-height: 1.6;
  font-size: 13px;
  margin: 0;
}
.comparison-table[data-v-88801d5e] {
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.comparison-table table[data-v-88801d5e] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}
.comparison-table th[data-v-88801d5e],
.comparison-table td[data-v-88801d5e] {
  color: #666;
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
}
.comparison-table th[data-v-88801d5e] {
  background: #f8f9fa;
  font-weight: 600;
  color: #333;
  border-bottom: 2px solid #C8102E;
}
.comparison-table tr[data-v-88801d5e]:hover {
  background: #f8f9fa;
}
.table-note[data-v-88801d5e] {
  font-size: 12px;
  color: #666;
  margin-top: 6px;
  line-height: 1.5;
}
.table-note a[data-v-88801d5e] {
  color: #C8102E;
  text-decoration: none;
  transition: color 0.2s ease;
}
.table-note a[data-v-88801d5e]:hover {
  text-decoration: underline;
}
.specs-table[data-v-88801d5e] {
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.specs-table table[data-v-88801d5e] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}
.specs-table td[data-v-88801d5e] {
  color: #666;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.specs-category[data-v-88801d5e] {
  font-weight: 600;
  color: #333;
  width: 140px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.spec-note[data-v-88801d5e] {
  font-size: 12px;
  color: #666;
  font-style: italic;
  margin-top: 4px;
}
.download-categories[data-v-88801d5e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.category-item[data-v-88801d5e] {
  color: #666;
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.category-item[data-v-88801d5e]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #1A5490;
}
.category-title[data-v-88801d5e] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}
.category-item p[data-v-88801d5e] {
  color: #555;
  line-height: 1.6;
  font-size: 13px;
  margin-bottom: 12px;
}
.category-link[data-v-88801d5e] {
  color: #C8102E;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.category-link[data-v-88801d5e]:hover {
  color: #1A5490;
  text-decoration: underline;
}
.docs-section[data-v-88801d5e] {
  margin-bottom: 20px;
}
.docs-title[data-v-88801d5e] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.docs-title[data-v-88801d5e]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.docs-table[data-v-88801d5e] {
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.docs-table table[data-v-88801d5e] {
  width: 100%;
  border-collapse: collapse;
}
.docs-table td[data-v-88801d5e] {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.docs-category[data-v-88801d5e] {
  font-weight: 600;
  color: #333;
  width: 160px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.doc-link[data-v-88801d5e] {
  display: block;
  color: #666;
  text-decoration: none;
  margin-bottom: 4px;
  transition: all 0.2s ease;
  padding: 2px 0;
}
.doc-link[data-v-88801d5e]:hover {
  color: #C8102E;
  text-decoration: underline;
  padding-left: 4px;
}
.quick-start[data-v-88801d5e] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.quick-start[data-v-88801d5e]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.quick-start-title[data-v-88801d5e] {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-start-link[data-v-88801d5e] {
  color: #C8102E;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.quick-start-link[data-v-88801d5e]:hover {
  color: #1A5490;
  text-decoration: underline;
}
.download-section[data-v-88801d5e] {
  margin-bottom: 20px;
}
.download-title[data-v-88801d5e] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.download-title[data-v-88801d5e]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.download-links[data-v-88801d5e] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}
.download-link[data-v-88801d5e] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.download-link[data-v-88801d5e]:hover {
  background: #e8f0fe;
  border-color: #1A5490;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.download-link.disabled[data-v-88801d5e] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.download-link.warning[data-v-88801d5e] {
  background: #fff3f3;
  border-color: #ffcccc;
}
.download-link.warning[data-v-88801d5e]:hover {
  background: #ffe6e6;
  border-color: #C8102E;
}
.link-title[data-v-88801d5e] {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 4px;
}
.link-desc[data-v-88801d5e] {
  font-size: 11px;
  color: #666;
}
.faq-items[data-v-88801d5e] {
  max-width: 700px;
  margin: 0 auto;
}
.faq-item[data-v-88801d5e] {
  margin-bottom: 16px;
  padding: 14px;
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.faq-item[data-v-88801d5e]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #C8102E;
}
.faq-question[data-v-88801d5e] {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.faq-question[data-v-88801d5e]::before {
  content: "Q:";
  color: #C8102E;
  font-weight: bold;
  flex-shrink: 0;
}
.faq-item p[data-v-88801d5e] {
  color: #555;
  line-height: 1.6;
  margin-bottom: 4px;
  font-size: 13px;
  padding-left: 18px;
  position: relative;
}
.faq-item p[data-v-88801d5e]::before {
  content: "A:";
  color: #1A5490;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.faq-item a[data-v-88801d5e] {
  color: #C8102E;
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq-item a[data-v-88801d5e]:hover {
  color: #1A5490;
  text-decoration: underline;
}
.cta-section[data-v-88801d5e] {
  background: linear-gradient(135deg, #1A5490 0%, #C8102E 100%);
  color: #FFFFFF;
  padding: 30px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section[data-v-88801d5e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.cta-section > .container[data-v-88801d5e] {
  position: relative;
  z-index: 2;
}
.cta-title[data-v-88801d5e] {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.cta-description[data-v-88801d5e] {
  font-size: 13px;
  opacity: 0.95;
  margin-bottom: 16px;
}
.cta-buttons[data-v-88801d5e] {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.hero-content[data-v-88801d5e] {
    flex-direction: column;
    text-align: center;
    gap: 20px;
}
.hero-actions[data-v-88801d5e] {
    justify-content: center;
}
.section[data-v-88801d5e] {
    padding: 20px 15px;
}
.version-cards[data-v-88801d5e] {
    grid-template-columns: 1fr;
}
.download-categories[data-v-88801d5e] {
    grid-template-columns: 1fr;
}
.download-links[data-v-88801d5e] {
    grid-template-columns: 1fr;
}
.cta-buttons[data-v-88801d5e] {
    flex-direction: column;
    align-items: center;
}
.btn[data-v-88801d5e] {
    width: 200px;
    text-align: center;
}
}
@media (max-width: 1024px) {
.hero-content[data-v-88801d5e] {
    gap: 20px;
    padding: 20px;
}
.download-categories[data-v-88801d5e] {
    grid-template-columns: repeat(2, 1fr);
}
.download-links[data-v-88801d5e] {
    grid-template-columns: repeat(2, 1fr);
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/yjcode2.vue?vue&type=style&index=0&id=6b61984a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-6b61984a] {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
}
.hero-section[data-v-6b61984a] {
  color: #ffffff;
  padding: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 60px;
  background: url(/img/yjbg.c4b61dd6.png) no-repeat center center;
  background-size: cover;
}
.hero-section[data-v-6b61984a]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.hero-section .hero-container[data-v-6b61984a] {
  position: relative;
  z-index: 2;
  padding: 100px 0;
}
.hero-section .hero-content[data-v-6b61984a] {
  max-width: 1360px;
  margin: 0 auto;
  padding: 10px 20px;
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-section .hero-content .hero-text-box[data-v-6b61984a] {
  max-width: 800px;
  text-align: center;
}
.hero-section .hero-content .hero-text-box .hero-badge[data-v-6b61984a] {
  display: inline-block;
  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-title[data-v-6b61984a] {
  font-size: 48px;
  font-weight: 800;
  margin: 0 0 16px 0;
  line-height: 1.1;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -1px;
}
.hero-section .hero-content .hero-text-box .hero-subtitle[data-v-6b61984a] {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 24px 0;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-actions[data-v-6b61984a] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
  justify-content: center;
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-primary[data-v-6b61984a] {
  display: inline-block;
  padding: 14px 28px;
  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.3);
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-primary[data-v-6b61984a]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(229, 57, 53, 0.4);
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-secondary[data-v-6b61984a] {
  display: inline-block;
  padding: 14px 28px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hero-section .hero-content .hero-text-box .hero-actions .btn-secondary[data-v-6b61984a]:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.filter-section[data-v-6b61984a] {
  background: #ffffff;
  padding: 24px 0;
  border-bottom: 1px solid #e2e8f0;
}
.filter-section .filter-content[data-v-6b61984a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
.filter-section .filter-content .filter-left[data-v-6b61984a] {
  flex: 1;
}
.filter-section .filter-content .filter-left h3[data-v-6b61984a] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: #1e293b;
}
.filter-section .filter-content .filter-left .category-list[data-v-6b61984a] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.filter-section .filter-content .filter-left .category-list .category-btn[data-v-6b61984a] {
  padding: 8px 16px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.3s ease;
}
.filter-section .filter-content .filter-left .category-list .category-btn[data-v-6b61984a]:hover {
  border-color: #1a51ad;
  color: #3b63c9;
}
.filter-section .filter-content .filter-left .category-list .category-btn.active[data-v-6b61984a] {
  background: #3b63c9;
  border-color: #3b63c9;
  color: #ffffff;
}
.filter-section .filter-content .filter-right[data-v-6b61984a] {
  display: flex;
  gap: 24px;
  align-items: center;
}
.filter-section .filter-content .filter-right .search-box[data-v-6b61984a] {
  display: flex;
}
.filter-section .filter-content .filter-right .search-box input[data-v-6b61984a] {
  padding: 8px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px 0 0 6px;
  font-size: 14px;
  outline: none;
}
.filter-section .filter-content .filter-right .search-box input[data-v-6b61984a]:focus {
  border-color: #3b63c9;
}
.filter-section .filter-content .filter-right .search-box .search-btn[data-v-6b61984a] {
  padding: 8px 16px;
  background: #3b63c9;
  color: #ffffff;
  border: none;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.filter-section .filter-content .filter-right .search-box .search-btn[data-v-6b61984a]:hover {
  background: #2d4da0;
}
.filter-section .filter-content .filter-right .sort-options[data-v-6b61984a] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-section .filter-content .filter-right .sort-options span[data-v-6b61984a] {
  font-size: 14px;
  color: #64748b;
}
.filter-section .filter-content .filter-right .sort-options select[data-v-6b61984a] {
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  background: #ffffff;
}
.filter-section .filter-content .filter-right .sort-options select[data-v-6b61984a]:focus {
  border-color: #3b63c9;
}
.products-section[data-v-6b61984a] {
  background: #f8fafc;
  padding: 40px 0;
}
.products-section .products-grid[data-v-6b61984a] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
.products-section .products-grid[data-v-6b61984a] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 992px) {
.products-section .products-grid[data-v-6b61984a] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.products-section .products-grid[data-v-6b61984a] {
    grid-template-columns: 1fr;
}
}
.products-section .product-card[data-v-6b61984a] {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #f0f0f0;
}
.products-section .product-card[data-v-6b61984a]:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transform: translateY(-4px);
  border-color: #1a51ad;
}
.products-section .product-image[data-v-6b61984a] {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: #f8fafc;
}
.products-section .product-image .product-badge-container[data-v-6b61984a] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.products-section .product-image .product-badge[data-v-6b61984a] {
  background: #ef4444;
  color: #ffffff;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}
.products-section .product-image .product-badge.hot[data-v-6b61984a] {
  background: #ef4444;
}
.products-section .product-image .product-category-tag[data-v-6b61984a] {
  padding: 3px 8px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  color: white;
}
.products-section .product-image .product-category-tag.encoding[data-v-6b61984a] {
  background: #3b63c9;
}
.products-section .product-image .product-category-tag.collection[data-v-6b61984a] {
  background: #0ea5e9;
}
.products-section .product-image .product-category-tag.scanning[data-v-6b61984a] {
  background: #f59e0b;
}
.products-section .product-image .product-category-tag.consumables[data-v-6b61984a] {
  background: #10b981;
}
.products-section .product-image img[data-v-6b61984a] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s ease;
}
.product-card:hover .products-section .product-image img[data-v-6b61984a] {
  transform: scale(1.05);
}
.products-section .product-info[data-v-6b61984a] {
  padding: 10px;
}
.products-section .product-info .product-name[data-v-6b61984a] {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 4px 0;
  line-height: 1.2;
  height: 32px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.products-section .product-info .product-desc[data-v-6b61984a] {
  font-size: 12px;
  color: #64748b;
  margin: 0 0 6px 0;
  line-height: 1.2;
  height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.products-section .product-info .product-price[data-v-6b61984a] {
  margin: 0;
}
.products-section .product-info .product-price .price[data-v-6b61984a] {
  font-size: 16px;
  font-weight: 700;
  color: #ef4444;
  margin-right: 4px;
}
.products-section .product-info .product-price .original-price[data-v-6b61984a] {
  font-size: 11px;
  color: #64748b;
  text-decoration: line-through;
}
.products-section .load-more[data-v-6b61984a] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.products-section .load-more .load-more-btn[data-v-6b61984a] {
  padding: 10px 30px;
  background: #3b63c9;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.products-section .load-more .load-more-btn[data-v-6b61984a]:hover {
  background: #2d4da0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.products-section .load-more .load-more-btn[data-v-6b61984a]:disabled {
  background: #94a3b8;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.recommended-section[data-v-6b61984a] {
  background: #f8fafc;
  padding: 40px 0;
  border-top: 1px solid #e2e8f0;
}
.recommended-section h2[data-v-6b61984a] {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 32px 0;
  position: relative;
}
.recommended-section h2[data-v-6b61984a]:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #3b63c9;
  border-radius: 2px;
}
.recommended-section .recommended-grid[data-v-6b61984a] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1200px) {
.recommended-section .recommended-grid[data-v-6b61984a] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.recommended-section .recommended-grid[data-v-6b61984a] {
    grid-template-columns: 1fr;
}
}
.recommended-section .recommended-card[data-v-6b61984a] {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.recommended-section .recommended-card[data-v-6b61984a]:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: #1a51ad;
}
.recommended-section .recommended-card img[data-v-6b61984a] {
  width: 100%;
  height: 140px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 0 16px 0;
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px;
  transition: all 0.3s ease;
}
.recommended-card:hover .recommended-section .recommended-card img[data-v-6b61984a] {
  transform: scale(1.05);
}
.recommended-section .recommended-card h4[data-v-6b61984a] {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 12px 0;
  line-height: 1.3;
}
.recommended-section .recommended-card p[data-v-6b61984a] {
  font-size: 16px;
  font-weight: 700;
  color: #ef4444;
  margin: 0 0 16px 0;
}
.recommended-section .recommended-card .price-placeholder[data-v-6b61984a] {
  height: 24px;
  margin: 0 0 16px 0;
  background: #f1f5f9;
  border-radius: 4px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}
.recommended-section .recommended-card .view-btn[data-v-6b61984a] {
  padding: 8px 16px;
  background: #3b63c9;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.recommended-section .recommended-card .view-btn[data-v-6b61984a]:hover {
  background: #2d4da0;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.contact-section[data-v-6b61984a] {
  background: #f8fafc;
  padding: 40px 0;
  border-top: 1px solid #e2e8f0;
}
.contact-section h2[data-v-6b61984a] {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px 0;
}
.contact-section p[data-v-6b61984a] {
  text-align: center;
  font-size: 14px;
  color: #64748b;
  margin: 0 0 32px 0;
}
.contact-section .contact-form[data-v-6b61984a] {
  max-width: 600px;
  margin: 0 auto;
  background: #ffffff;
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.contact-section .contact-form .form-group[data-v-6b61984a] {
  margin-bottom: 16px;
}
.contact-section .contact-form .form-group label[data-v-6b61984a] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #1e293b;
  margin-bottom: 8px;
}
.contact-section .contact-form .form-group input[data-v-6b61984a],
.contact-section .contact-form .form-group textarea[data-v-6b61984a] {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 14px;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  outline: none;
  transition: all 0.3s ease;
}
.contact-section .contact-form .form-group input[data-v-6b61984a]:focus,
.contact-section .contact-form .form-group textarea[data-v-6b61984a]:focus {
  border-color: #3b63c9;
}
.contact-section .contact-form .form-group textarea[data-v-6b61984a] {
  resize: vertical;
  min-height: 120px;
}
.contact-section .contact-form .submit-btn[data-v-6b61984a] {
  width: 100%;
  background: #3b63c9;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-section .contact-form .submit-btn[data-v-6b61984a]:hover {
  background: #2d4da0;
  transform: translateY(-2px);
}
@media (max-width: 1200px) {
.filter-section .filter-content[data-v-6b61984a] {
    flex-direction: column;
    align-items: flex-start;
}
.filter-section .filter-right[data-v-6b61984a] {
    width: 100%;
    justify-content: space-between;
}
}
@media (max-width: 768px) {
.hero-section[data-v-6b61984a] {
    padding: 60px 20px;
}
.hero-section .hero-content .hero-title[data-v-6b61984a] {
    font-size: 24px;
}
.hero-section .hero-content .hero-subtitle[data-v-6b61984a] {
    font-size: 14px;
}
.hero-section .hero-content .hero-cta[data-v-6b61984a] {
    flex-direction: column;
    gap: 12px;
}
.hero-section .hero-content .hero-cta .primary-btn[data-v-6b61984a],
  .hero-section .hero-content .hero-cta .secondary-btn[data-v-6b61984a] {
    width: 100%;
}
.filter-section .filter-right[data-v-6b61984a] {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.filter-section .filter-right .search-box[data-v-6b61984a] {
    width: 100%;
}
.filter-section .filter-right .search-box input[data-v-6b61984a] {
    flex: 1;
}
.contact-section[data-v-6b61984a] {
    padding: 20px 0;
}
.contact-section .contact-form[data-v-6b61984a] {
    padding: 20px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/solution2.vue?vue&type=style&index=0&id=f2f536a2&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-f2f536a2] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container[data-v-f2f536a2] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.solution2[data-v-f2f536a2] {
  background: #FFFFFF;
}
.hero[data-v-f2f536a2] {
  position: relative;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  padding: 100px 0;
  overflow: hidden;
}
.hero .hero-bg[data-v-f2f536a2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"rgba%28255,255,255,0.05%29\"/></svg>");
  background-size: 300px;
  opacity: 0.3;
}
.hero .hero-content[data-v-f2f536a2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.hero .hero-text[data-v-f2f536a2] {
  color: #FFFFFF;
}
.hero .hero-text .hero-title[data-v-f2f536a2] {
  font-size: 56px;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.2;
}
.hero .hero-text .hero-subtitle[data-v-f2f536a2] {
  font-size: 20px;
  margin-bottom: 20px;
  opacity: 0.9;
}
.hero .hero-text .hero-desc[data-v-f2f536a2] {
  font-size: 16px;
  margin-bottom: 40px;
  opacity: 0.8;
  line-height: 1.5;
}
.hero .hero-text .hero-stats[data-v-f2f536a2] {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.hero .hero-text .hero-stats .stat-item[data-v-f2f536a2] {
  text-align: center;
}
.hero .hero-text .hero-stats .stat-item .stat-number[data-v-f2f536a2] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
.hero .hero-text .hero-stats .stat-item .stat-number span[data-v-f2f536a2] {
  font-size: 20px;
}
.hero .hero-text .hero-stats .stat-item .stat-label[data-v-f2f536a2] {
  font-size: 14px;
  opacity: 0.8;
}
.hero .hero-image img[data-v-f2f536a2] {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.section-header[data-v-f2f536a2] {
  text-align: center;
  margin-bottom: 60px;
}
.section-header .section-title[data-v-f2f536a2] {
  font-size: 42px;
  font-weight: 900;
  color: #1A1A1A;
  margin-bottom: 15px;
}
.section-header .section-desc[data-v-f2f536a2] {
  font-size: 18px;
  color: #666666;
}
.solutions[data-v-f2f536a2] {
  padding: 100px 0;
  background: #FFFFFF;
  position: relative;
}
.solutions[data-v-f2f536a2]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #9A0B23 100%);
}
.solutions .solutions-list[data-v-f2f536a2] {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  position: relative;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 80%;
  background: linear-gradient(to bottom, transparent, rgba(200, 16, 46, 0.2), transparent);
  display: none;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2]:nth-child(even) {
  grid-template-columns: 1fr 1fr;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2]:nth-child(odd) {
  grid-template-columns: 1fr 1fr;
}
.solutions .solutions-list .solution-item .solution-image[data-v-f2f536a2] {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}
.solutions .solutions-list .solution-item .solution-image[data-v-f2f536a2]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.1) 0%, rgba(200, 16, 46, 0) 100%);
  z-index: 1;
  transition: all 0.3s ease;
}
.solutions .solutions-list .solution-item .solution-image[data-v-f2f536a2]:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}
.solutions .solutions-list .solution-item .solution-image[data-v-f2f536a2]:hover:before {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.2) 0%, rgba(200, 16, 46, 0) 100%);
}
.solutions .solutions-list .solution-item .solution-image img[data-v-f2f536a2] {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.6s ease;
}
.solutions .solutions-list .solution-item .solution-image img[data-v-f2f536a2]:hover {
  transform: scale(1.1);
}
.solutions .solutions-list .solution-item .solution-content[data-v-f2f536a2] {
  position: relative;
}
.solutions .solutions-list .solution-item .solution-content[data-v-f2f536a2]:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 2px;
}
.solutions .solutions-list .solution-item .solution-content .solution-title[data-v-f2f536a2] {
  font-size: 32px;
  font-weight: 800;
  color: #1A1A1A;
  margin-bottom: 24px;
  line-height: 1.2;
  position: relative;
  padding-bottom: 16px;
}
.solutions .solutions-list .solution-item .solution-content .solution-title[data-v-f2f536a2]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 2px;
  background: #C8102E;
}
.solutions .solutions-list .solution-item .solution-content .solution-desc[data-v-f2f536a2] {
  font-size: 16px;
  color: #666666;
  line-height: 1.7;
  margin-bottom: 32px;
  font-weight: 400;
}
.solutions .solutions-list .solution-item .solution-content .solution-features[data-v-f2f536a2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.solutions .solutions-list .solution-item .solution-content .solution-features .feature-item[data-v-f2f536a2] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(200, 16, 46, 0.05);
  border-radius: 8px;
  transition: all 0.3s ease;
}
.solutions .solutions-list .solution-item .solution-content .solution-features .feature-item[data-v-f2f536a2]:hover {
  background: rgba(200, 16, 46, 0.1);
  transform: translateX(8px);
}
.solutions .solutions-list .solution-item .solution-content .solution-features .feature-item i[data-v-f2f536a2] {
  width: 24px;
  height: 24px;
  background: #C8102E;
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.solutions .solutions-list .solution-item .solution-content .solution-features .feature-item span[data-v-f2f536a2] {
  font-size: 15px;
  color: #1A1A1A;
  font-weight: 500;
}
.solutions .solutions-list .solution-item:nth-child(even) .solution-image[data-v-f2f536a2] {
  order: 2;
}
.solutions .solutions-list .solution-item:nth-child(even) .solution-content[data-v-f2f536a2] {
  order: 1;
}
.solutions .solutions-list .solution-item:nth-child(even) .solution-content[data-v-f2f536a2]:before {
  left: auto;
  right: 0;
}
.solutions .solutions-list .solution-item:nth-child(even) .solution-content .solution-title[data-v-f2f536a2]:after {
  left: auto;
  right: 0;
}
.advantages[data-v-f2f536a2] {
  padding: 100px 0;
  background: #F8F8F8;
}
.advantages .advantages-grid[data-v-f2f536a2] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.advantages .advantages-grid .advantage-item[data-v-f2f536a2] {
  text-align: center;
  padding: 40px 30px;
  background: #FFFFFF;
  border-radius: 16px;
  transition: all 0.3s ease;
}
.advantages .advantages-grid .advantage-item[data-v-f2f536a2]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.advantages .advantages-grid .advantage-item:hover .advantage-icon[data-v-f2f536a2] {
  background: #C8102E;
  color: #FFFFFF;
}
.advantages .advantages-grid .advantage-item .advantage-icon[data-v-f2f536a2] {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #C8102E;
  transition: all 0.3s ease;
}
.advantages .advantages-grid .advantage-item h3[data-v-f2f536a2] {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 12px;
}
.advantages .advantages-grid .advantage-item p[data-v-f2f536a2] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
}
.cases[data-v-f2f536a2] {
  padding: 100px 0;
  background: #FFFFFF;
}
.cases .cases-grid[data-v-f2f536a2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.cases .cases-grid .case-card[data-v-f2f536a2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.cases .cases-grid .case-card[data-v-f2f536a2]:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
.cases .cases-grid .case-card:hover .case-image img[data-v-f2f536a2] {
  transform: scale(1.05);
}
.cases .cases-grid .case-card .case-image[data-v-f2f536a2] {
  overflow: hidden;
}
.cases .cases-grid .case-card .case-image img[data-v-f2f536a2] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.cases .cases-grid .case-card .case-body[data-v-f2f536a2] {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cases .cases-grid .case-card .case-body .case-tag[data-v-f2f536a2] {
  display: inline-block;
  padding: 6px 16px;
  background: #C8102E;
  color: #FFFFFF;
  border-radius: 15px;
  font-size: 12px;
  margin-bottom: 15px;
  width: -moz-fit-content;
  width: fit-content;
}
.cases .cases-grid .case-card .case-body h3[data-v-f2f536a2] {
  font-size: 22px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 12px;
}
.cases .cases-grid .case-card .case-body p[data-v-f2f536a2] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 20px;
}
.cases .cases-grid .case-card .case-body .case-link[data-v-f2f536a2] {
  color: #C8102E;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.3s ease;
  margin-top: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.cases .cases-grid .case-card .case-body .case-link[data-v-f2f536a2]:hover {
  opacity: 0.7;
}
.cta[data-v-f2f536a2] {
  padding: 100px 0;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  text-align: center;
  color: #FFFFFF;
}
.cta h2[data-v-f2f536a2] {
  font-size: 42px;
  font-weight: 900;
  margin-bottom: 15px;
}
.cta p[data-v-f2f536a2] {
  font-size: 18px;
  margin-bottom: 10px;
  opacity: 0.9;
}
.cta .cta-subtitle[data-v-f2f536a2] {
  font-size: 16px;
  margin-bottom: 40px;
  opacity: 0.8;
}
.cta .cta-buttons[data-v-f2f536a2] {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.cta .cta-buttons .btn[data-v-f2f536a2] {
  padding: 16px 40px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.cta .cta-buttons .btn.btn-primary[data-v-f2f536a2] {
  background: #FFFFFF;
  color: #C8102E;
}
.cta .cta-buttons .btn.btn-primary[data-v-f2f536a2]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.cta .cta-buttons .btn.btn-outline[data-v-f2f536a2] {
  background: transparent;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.cta .cta-buttons .btn.btn-outline[data-v-f2f536a2]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
.contact-section[data-v-f2f536a2] {
  padding: 100px 0;
  background: #FFFFFF;
}
.contact-section .contact-content[data-v-f2f536a2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}
.contact-section .contact-content .contact-info[data-v-f2f536a2] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.contact-section .contact-content .contact-info .contact-item[data-v-f2f536a2] {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 24px;
  background: rgba(200, 16, 46, 0.05);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.contact-section .contact-content .contact-info .contact-item[data-v-f2f536a2]:hover {
  background: rgba(200, 16, 46, 0.1);
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.contact-section .contact-content .contact-info .contact-item i[data-v-f2f536a2] {
  font-size: 24px;
  color: #C8102E;
  flex-shrink: 0;
  margin-top: 4px;
}
.contact-section .contact-content .contact-info .contact-item div[data-v-f2f536a2] {
  flex: 1;
}
.contact-section .contact-content .contact-info .contact-item div h4[data-v-f2f536a2] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 8px;
}
.contact-section .contact-content .contact-info .contact-item div p[data-v-f2f536a2] {
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
}
.contact-section .contact-content .contact-form[data-v-f2f536a2] {
  background: #FFFFFF;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}
.contact-section .contact-content .contact-form h3[data-v-f2f536a2] {
  font-size: 24px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 30px;
}
.contact-section .contact-content .contact-form form[data-v-f2f536a2] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-section .contact-content .contact-form form .form-group input[data-v-f2f536a2],
.contact-section .contact-content .contact-form form .form-group textarea[data-v-f2f536a2] {
  width: 100%;
  padding: 16px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.contact-section .contact-content .contact-form form .form-group input[data-v-f2f536a2]:focus,
.contact-section .contact-content .contact-form form .form-group textarea[data-v-f2f536a2]:focus {
  outline: none;
  border-color: #C8102E;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.1);
}
.contact-section .contact-content .contact-form form .form-group input[data-v-f2f536a2]::-moz-placeholder, .contact-section .contact-content .contact-form form .form-group textarea[data-v-f2f536a2]::-moz-placeholder {
  color: #666666;
}
.contact-section .contact-content .contact-form form .form-group input[data-v-f2f536a2]::placeholder,
.contact-section .contact-content .contact-form form .form-group textarea[data-v-f2f536a2]::placeholder {
  color: #666666;
}
.contact-section .contact-content .contact-form form .form-group textarea[data-v-f2f536a2] {
  resize: vertical;
  min-height: 120px;
}
.contact-section .contact-content .contact-form form button[data-v-f2f536a2] {
  align-self: flex-start;
}
@media (max-width: 1200px) {
.container[data-v-f2f536a2] {
    max-width: 1140px;
    padding: 0 20px;
}
.hero .hero-content[data-v-f2f536a2] {
    gap: 40px;
}
.hero .hero-text .hero-title[data-v-f2f536a2] {
    font-size: 48px;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2] {
    gap: 60px;
}
.advantages .advantages-grid[data-v-f2f536a2] {
    gap: 20px;
}
.cases .cases-grid[data-v-f2f536a2] {
    gap: 30px;
}
}
@media (max-width: 992px) {
.container[data-v-f2f536a2] {
    max-width: 960px;
}
.hero .hero-content[data-v-f2f536a2] {
    grid-template-columns: 1fr;
    gap: 40px;
}
.hero .hero-image[data-v-f2f536a2] {
    display: none;
}
.hero .hero-text .hero-title[data-v-f2f536a2] {
    font-size: 40px;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2] {
    gap: 40px;
}
.solutions .solutions-list .solution-item .solution-image img[data-v-f2f536a2] {
    height: 300px;
}
.solutions .solutions-list .solution-item .solution-content .solution-title[data-v-f2f536a2] {
    font-size: 24px;
}
.advantages .advantages-grid[data-v-f2f536a2] {
    grid-template-columns: repeat(2, 1fr);
}
.cases .cases-grid .case-card[data-v-f2f536a2] {
    grid-template-columns: 1fr;
}
.cta h2[data-v-f2f536a2] {
    font-size: 36px;
}
}
@media (max-width: 768px) {
.container[data-v-f2f536a2] {
    max-width: 720px;
    padding: 0 20px;
}
.hero[data-v-f2f536a2] {
    padding: 60px 0;
}
.hero .hero-text .hero-title[data-v-f2f536a2] {
    font-size: 32px;
    line-height: 1.2;
}
.hero .hero-text .hero-subtitle[data-v-f2f536a2] {
    font-size: 16px;
}
.hero .hero-text .hero-desc[data-v-f2f536a2] {
    font-size: 14px;
}
.hero .hero-text .hero-stats[data-v-f2f536a2] {
    flex-direction: column;
    gap: 15px;
}
.section-header[data-v-f2f536a2] {
    margin-bottom: 40px;
}
.section-header .section-title[data-v-f2f536a2] {
    font-size: 28px;
}
.section-header .section-desc[data-v-f2f536a2] {
    font-size: 16px;
}
.solutions[data-v-f2f536a2] {
    padding: 80px 0;
}
.solutions .solutions-list[data-v-f2f536a2] {
    gap: 60px;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2] {
    grid-template-columns: 1fr;
    gap: 25px;
}
.solutions .solutions-list .solution-item.reverse[data-v-f2f536a2] {
    direction: ltr;
}
.solutions .solutions-list .solution-item .solution-image img[data-v-f2f536a2] {
    height: 220px;
}
.solutions .solutions-list .solution-item .solution-content .solution-title[data-v-f2f536a2] {
    font-size: 20px;
    margin-bottom: 14px;
}
.solutions .solutions-list .solution-item .solution-content .solution-desc[data-v-f2f536a2] {
    font-size: 14px;
    margin-bottom: 20px;
}
.advantages[data-v-f2f536a2] {
    padding: 80px 0;
}
.advantages .advantages-grid[data-v-f2f536a2] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.advantages .advantages-grid .advantage-item[data-v-f2f536a2] {
    padding: 30px 20px;
}
.cases[data-v-f2f536a2] {
    padding: 80px 0;
}
.cases .cases-grid[data-v-f2f536a2] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.cta[data-v-f2f536a2] {
    padding: 60px 0;
}
.cta h2[data-v-f2f536a2] {
    font-size: 24px;
}
.cta p[data-v-f2f536a2] {
    font-size: 14px;
}
.cta .cta-buttons[data-v-f2f536a2] {
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.cta .cta-buttons .btn[data-v-f2f536a2] {
    padding: 14px 32px;
    font-size: 14px;
}
.contact-section[data-v-f2f536a2] {
    padding: 60px 0;
}
.contact-section .contact-content[data-v-f2f536a2] {
    grid-template-columns: 1fr;
    gap: 30px;
}
.contact-section .contact-content .contact-form[data-v-f2f536a2] {
    padding: 24px;
}
}
@media (max-width: 576px) {
.container[data-v-f2f536a2] {
    max-width: 540px;
    padding: 0 16px;
}
.hero[data-v-f2f536a2] {
    padding: 40px 0;
}
.hero .hero-text[data-v-f2f536a2] {
    text-align: center;
}
.hero .hero-text .hero-title[data-v-f2f536a2] {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.hero .hero-text .hero-subtitle[data-v-f2f536a2] {
    font-size: 14px;
    margin-bottom: 15px;
}
.hero .hero-text .hero-desc[data-v-f2f536a2] {
    font-size: 13px;
    margin-bottom: 25px;
}
.hero .hero-text .hero-stats[data-v-f2f536a2] {
    flex-direction: column;
    gap: 15px;
}
.hero .hero-text .hero-stats .stat-item .stat-number[data-v-f2f536a2] {
    font-size: 24px;
}
.hero .hero-text .hero-stats .stat-item .stat-label[data-v-f2f536a2] {
    font-size: 12px;
}
.section-header[data-v-f2f536a2] {
    margin-bottom: 30px;
}
.section-header .section-title[data-v-f2f536a2] {
    font-size: 22px;
}
.section-header .section-desc[data-v-f2f536a2] {
    font-size: 14px;
}
.solutions[data-v-f2f536a2] {
    padding: 60px 0;
}
.solutions .solutions-list[data-v-f2f536a2] {
    gap: 40px;
}
.solutions .solutions-list .solution-item[data-v-f2f536a2] {
    gap: 20px;
}
.solutions .solutions-list .solution-item .solution-image[data-v-f2f536a2] {
    border-radius: 12px;
}
.solutions .solutions-list .solution-item .solution-image img[data-v-f2f536a2] {
    height: 180px;
    border-radius: 12px;
}
.solutions .solutions-list .solution-item .solution-content .solution-title[data-v-f2f536a2] {
    font-size: 18px;
    margin-bottom: 12px;
}
.solutions .solutions-list .solution-item .solution-content .solution-desc[data-v-f2f536a2] {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 1.6;
}
.solutions .solutions-list .solution-item .solution-content .solution-features[data-v-f2f536a2] {
    gap: 10px;
}
.solutions .solutions-list .solution-item .solution-content .solution-features .feature-item[data-v-f2f536a2] {
    padding: 12px 14px;
    border-radius: 8px;
}
.solutions .solutions-list .solution-item .solution-content .solution-features .feature-item i[data-v-f2f536a2] {
    width: 20px;
    height: 20px;
    font-size: 10px;
}
.solutions .solutions-list .solution-item .solution-content .solution-features .feature-item span[data-v-f2f536a2] {
    font-size: 12px;
}
.advantages[data-v-f2f536a2] {
    padding: 60px 0;
}
.advantages .advantages-grid[data-v-f2f536a2] {
    gap: 15px;
}
.advantages .advantages-grid .advantage-item[data-v-f2f536a2] {
    padding: 25px 15px;
    border-radius: 12px;
}
.advantages .advantages-grid .advantage-item .advantage-icon[data-v-f2f536a2] {
    width: 60px;
    height: 60px;
    font-size: 24px;
}
.advantages .advantages-grid .advantage-item h3[data-v-f2f536a2] {
    font-size: 16px;
    margin-bottom: 10px;
}
.advantages .advantages-grid .advantage-item p[data-v-f2f536a2] {
    font-size: 12px;
    line-height: 1.5;
}
.cases[data-v-f2f536a2] {
    padding: 60px 0;
}
.cases .cases-grid[data-v-f2f536a2] {
    gap: 15px;
}
.cases .cases-grid .case-card[data-v-f2f536a2] {
    border-radius: 12px;
}
.cases .cases-grid .case-card .case-body[data-v-f2f536a2] {
    padding: 20px;
}
.cases .cases-grid .case-card .case-body .case-tag[data-v-f2f536a2] {
    font-size: 11px;
    padding: 4px 12px;
    margin-bottom: 12px;
}
.cases .cases-grid .case-card .case-body h3[data-v-f2f536a2] {
    font-size: 16px;
    margin-bottom: 10px;
}
.cases .cases-grid .case-card .case-body p[data-v-f2f536a2] {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.cta[data-v-f2f536a2] {
    padding: 40px 0;
}
.cta h2[data-v-f2f536a2] {
    font-size: 20px;
    margin-bottom: 12px;
}
.cta p[data-v-f2f536a2] {
    font-size: 13px;
    margin-bottom: 8px;
}
.cta .cta-subtitle[data-v-f2f536a2] {
    font-size: 12px;
    margin-bottom: 30px;
}
.cta .cta-buttons[data-v-f2f536a2] {
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.cta .cta-buttons .btn[data-v-f2f536a2] {
    padding: 12px 28px;
    font-size: 13px;
    border-radius: 24px;
}
.contact-section[data-v-f2f536a2] {
    padding: 40px 0;
}
.contact-section .contact-content[data-v-f2f536a2] {
    gap: 20px;
}
.contact-section .contact-content .contact-info[data-v-f2f536a2] {
    gap: 15px;
}
.contact-section .contact-content .contact-info .contact-item[data-v-f2f536a2] {
    padding: 16px;
}
.contact-section .contact-content .contact-info .contact-item i[data-v-f2f536a2] {
    font-size: 20px;
}
.contact-section .contact-content .contact-info .contact-item div h4[data-v-f2f536a2] {
    font-size: 16px;
    margin-bottom: 6px;
}
.contact-section .contact-content .contact-info .contact-item div p[data-v-f2f536a2] {
    font-size: 12px;
}
.contact-section .contact-content .contact-form[data-v-f2f536a2] {
    padding: 20px;
}
.contact-section .contact-content .contact-form h3[data-v-f2f536a2] {
    font-size: 18px;
    margin-bottom: 20px;
}
.contact-section .contact-content .contact-form .form-group input[data-v-f2f536a2],
  .contact-section .contact-content .contact-form .form-group textarea[data-v-f2f536a2] {
    padding: 12px 16px;
    font-size: 14px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/about2.vue?vue&type=style&index=0&id=0d964b42&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-0d964b42] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container[data-v-0d964b42] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.about2[data-v-0d964b42] {
  background: #FFFFFF;
}
.hero[data-v-0d964b42] {
  position: relative;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  padding: 130px 0 60px;
  overflow: hidden;
}
.hero .hero-bg[data-v-0d964b42] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"rgba%28255,255,255,0.05%29\"/></svg>");
  background-size: 200px;
  opacity: 0.3;
  animation: float-0d964b42 20s ease-in-out infinite;
}
.hero .hero-content[data-v-0d964b42] {
  position: relative;
  z-index: 1;
}
.hero .hero-text[data-v-0d964b42] {
  color: #FFFFFF;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.hero .hero-text .hero-badge[data-v-0d964b42] {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 40px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  animation: pulse-0d964b42 3s ease-in-out infinite;
}
.hero .hero-text .hero-title[data-v-0d964b42] {
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 16px;
  line-height: 1.1;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.hero .hero-text .hero-desc[data-v-0d964b42] {
  font-size: 16px;
  opacity: 0.85;
  line-height: 1.6;
  margin-bottom: 32px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.hero .hero-text .hero-stats[data-v-0d964b42] {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.hero .hero-text .hero-stats .stat-item[data-v-0d964b42] {
  text-align: center;
  position: relative;
}
.hero .hero-text .hero-stats .stat-item[data-v-0d964b42]::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background: #FFFFFF;
  border-radius: 50%;
  animation: pulse-0d964b42 2s ease-in-out infinite;
}
.hero .hero-text .hero-stats .stat-item .stat-number[data-v-0d964b42] {
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 6px;
  color: #FFFFFF;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}
.hero .hero-text .hero-stats .stat-item .stat-label[data-v-0d964b42] {
  font-size: 12px;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.intro[data-v-0d964b42] {
  padding: 60px 0;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.intro[data-v-0d964b42]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.03) 0%, transparent 100%);
  z-index: 0;
}
.intro .container[data-v-0d964b42] {
  position: relative;
  z-index: 1;
}
.intro .intro-content[data-v-0d964b42] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}
.intro .intro-content .intro-text .section-header[data-v-0d964b42] {
  margin-bottom: 40px;
  text-align: left;
}
.intro .intro-content .intro-text .paragraph[data-v-0d964b42] {
  font-size: 16px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
}
.intro .intro-content .intro-text .paragraph[data-v-0d964b42]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  background: linear-gradient(180deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 2px;
}
.intro .intro-content .intro-image .image-container[data-v-0d964b42] {
  position: relative;
  height: 350px;
  background: linear-gradient(135deg, #F8F8F8 0%, rgba(200, 16, 46, 0.05) 100%);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.intro .intro-content .intro-image .image-container[data-v-0d964b42]:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);
}
.intro .intro-content .intro-image .image-container .image-bg[data-v-0d964b42] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.1) 0%, rgba(154, 11, 35, 0.1) 100%);
}
.intro .intro-content .intro-image .image-container .image-content[data-v-0d964b42] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.intro .intro-content .intro-image .image-container .image-content .image-icon[data-v-0d964b42] {
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 32px;
  box-shadow: 0 12px 30px rgba(200, 16, 46, 0.3);
  transition: all 0.3s ease;
}
.intro .intro-content .intro-image .image-container .image-content .image-icon[data-v-0d964b42]:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 16px 40px rgba(200, 16, 46, 0.4);
}
.intro .intro-content .intro-image .image-container .image-content .image-icon i[data-v-0d964b42] {
  font-size: 56px;
  color: #FFFFFF;
}
.intro .intro-content .intro-image .image-container .image-content .image-text h3[data-v-0d964b42] {
  font-size: 28px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 12px;
}
.intro .intro-content .intro-image .image-container .image-content .image-text p[data-v-0d964b42] {
  font-size: 18px;
  color: #666666;
}
.advantages[data-v-0d964b42] {
  padding: 60px 0;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}
.advantages[data-v-0d964b42]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0%, transparent 100%);
  z-index: 0;
}
.advantages .container[data-v-0d964b42] {
  position: relative;
  z-index: 1;
}
.advantages .section-header[data-v-0d964b42] {
  text-align: center;
  margin-bottom: 50px;
}
.advantages .advantages-content[data-v-0d964b42] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}
.advantages .advantage-item[data-v-0d964b42] {
  position: relative;
  background: #FFFFFF;
  padding: 40px 24px 24px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  overflow: hidden;
  text-align: center;
}
.advantages .advantage-item[data-v-0d964b42]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #9A0B23 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.advantages .advantage-item[data-v-0d964b42]:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.advantages .advantage-item[data-v-0d964b42]:hover::before {
  transform: scaleX(1);
}
.advantages .advantage-item:hover .advantage-circle[data-v-0d964b42] {
  transform: translateY(-10px) scale(1.05);
}
.advantages .advantage-item:hover .advantage-bg[data-v-0d964b42] {
  opacity: 1;
}
.advantages .advantage-item .advantage-circle[data-v-0d964b42] {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 90px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px rgba(200, 16, 46, 0.3);
  transition: all 0.4s ease;
  z-index: 2;
}
.advantages .advantage-item .advantage-circle .advantage-icon i[data-v-0d964b42] {
  font-size: 56px;
  color: #FFFFFF;
  margin-bottom: 8px;
}
.advantages .advantage-item .advantage-circle .advantage-number[data-v-0d964b42] {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  opacity: 0.9;
}
.advantages .advantage-item .advantage-text[data-v-0d964b42] {
  position: relative;
  z-index: 1;
}
.advantages .advantage-item .advantage-text h3[data-v-0d964b42] {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 12px;
  line-height: 1.2;
}
.advantages .advantage-item .advantage-text p[data-v-0d964b42] {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
}
.advantages .advantage-item .advantage-bg[data-v-0d964b42] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0%, transparent 100%);
  border-radius: 24px;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}
.history[data-v-0d964b42] {
  padding: 60px 0;
  background: #FFFFFF;
}
.history .section-header[data-v-0d964b42] {
  text-align: center;
  margin-bottom: 50px;
}
.history .history-content[data-v-0d964b42] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
}
.history .history-item[data-v-0d964b42] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 24px;
  background: #F8F8F8;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.history .history-item[data-v-0d964b42]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  background: #FFFFFF;
}
.history .history-item .history-icon[data-v-0d964b42] {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.2);
}
.history .history-item .history-icon[data-v-0d964b42]:hover {
  transform: scale(1.1) rotate(10deg);
  box-shadow: 0 0 30px rgba(200, 16, 46, 0.4);
}
.history .history-item .history-icon i[data-v-0d964b42] {
  font-size: 40px;
  color: #FFFFFF;
}
.history .history-item .history-text[data-v-0d964b42] {
  flex: 1;
}
.history .history-item .history-text h3[data-v-0d964b42] {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 10px;
}
.history .history-item .history-text p[data-v-0d964b42] {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
}
.contact[data-v-0d964b42] {
  padding: 60px 0;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}
.contact[data-v-0d964b42]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0%, transparent 100%);
  z-index: 0;
}
.contact .container[data-v-0d964b42] {
  position: relative;
  z-index: 1;
}
.contact .section-header[data-v-0d964b42] {
  text-align: center;
  margin-bottom: 50px;
}
.contact .contact-content[data-v-0d964b42] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}
.contact .contact-map[data-v-0d964b42] {
  position: relative;
  height: 280px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  background: #FFFFFF;
}
.contact .map-placeholder[data-v-0d964b42] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  background: linear-gradient(135deg, #FFFFFF 0%, rgba(200, 16, 46, 0.05) 100%);
}
.contact .map-icon[data-v-0d964b42] {
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  box-shadow: 0 12px 30px rgba(200, 16, 46, 0.3);
}
.contact .map-icon i[data-v-0d964b42] {
  font-size: 48px;
  color: #FFFFFF;
}
.contact .map-text[data-v-0d964b42] {
  width: 105% h3;
  width-font-size: 20px;
  width-font-weight: 700;
  width-color: #1A1A1A;
  width-margin-bottom: 12px;
}
.contact .map-text p[data-v-0d964b42] {
  text-align: left;
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
}
.contact .contact-info[data-v-0d964b42] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact .info-cards[data-v-0d964b42] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.contact .info-card[data-v-0d964b42] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
.contact .info-card[data-v-0d964b42]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #C8102E 0%, #9A0B23 100%);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s ease;
}
.contact .info-card[data-v-0d964b42]:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.15);
}
.contact .info-card[data-v-0d964b42]:hover::before {
  transform: scaleY(1);
}
.contact .info-card:hover .card-icon[data-v-0d964b42] {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 0 25px rgba(200, 16, 46, 0.3);
}
.contact .info-card .card-icon[data-v-0d964b42] {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  box-shadow: 0 6px 15px rgba(200, 16, 46, 0.2);
}
.contact .info-card .card-icon i[data-v-0d964b42] {
  font-size: 32px;
  color: #FFFFFF;
}
.contact .info-card .card-content[data-v-0d964b42] {
  flex: 1;
}
.contact .info-card .card-content h4[data-v-0d964b42] {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 8px;
  line-height: 1.2;
}
.contact .info-card .card-content p[data-v-0d964b42] {
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
}
.contact .contact-action .action-card[data-v-0d964b42] {
  padding: 48px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(200, 16, 46, 0.3);
  text-align: center;
  color: #FFFFFF;
}
.contact .contact-action .action-card h3[data-v-0d964b42] {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1.2;
}
.contact .contact-action .action-card p[data-v-0d964b42] {
  font-size: 18px;
  opacity: 0.9;
  margin-bottom: 32px;
  line-height: 1.6;
}
.contact .contact-action .action-card .action-buttons[data-v-0d964b42] {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.contact .contact-action .action-card .action-buttons .btn-primary[data-v-0d964b42],
.contact .contact-action .action-card .action-buttons .btn-secondary[data-v-0d964b42] {
  padding: 16px 32px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}
.contact .contact-action .action-card .action-buttons .btn-primary[data-v-0d964b42] {
  background: #FFFFFF;
  color: #C8102E;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);
}
.contact .contact-action .action-card .action-buttons .btn-primary[data-v-0d964b42]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.4);
}
.contact .contact-action .action-card .action-buttons .btn-secondary[data-v-0d964b42] {
  background: transparent;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.contact .contact-action .action-card .action-buttons .btn-secondary[data-v-0d964b42]:hover {
  background: #FFFFFF;
  color: #C8102E;
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.4);
}
@media (max-width: 992px) {
.contact .contact-content[data-v-0d964b42] {
    grid-template-columns: 1fr;
    gap: 40px;
}
.contact .contact-map[data-v-0d964b42] {
    height: 400px;
}
.contact .info-cards[data-v-0d964b42] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.contact[data-v-0d964b42] {
    padding: 80px 0;
}
.contact .contact-map[data-v-0d964b42] {
    height: 350px;
}
.contact .map-placeholder[data-v-0d964b42] {
    padding: 30px;
}
.contact .map-icon[data-v-0d964b42] {
    width: 100px;
    height: 100px;
    margin-bottom: 24px;
}
.contact .map-icon i[data-v-0d964b42] {
    font-size: 50px;
}
.contact .map-text h3[data-v-0d964b42] {
    font-size: 20px;
}
.contact .map-text p[data-v-0d964b42] {
    font-size: 16px;
}
.contact .info-card[data-v-0d964b42] {
    padding: 24px;
    gap: 20px;
}
.contact .card-icon[data-v-0d964b42] {
    width: 56px;
    height: 56px;
}
.contact .card-icon i[data-v-0d964b42] {
    font-size: 28px;
}
}
.section-header .section-title[data-v-0d964b42] {
  font-size: 42px;
  font-weight: 800;
  color: #1A1A1A;
  margin-bottom: 20px;
  line-height: 1.2;
  position: relative;
  display: inline-block;
}
.section-header .section-title[data-v-0d964b42]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, transparent 100%);
  border-radius: 2px;
}
.section-header .section-line[data-v-0d964b42] {
  display: none;
}
.section-header .section-desc[data-v-0d964b42] {
  font-size: 18px;
  color: #666666;
  max-width: 600px;
  margin: 24px auto 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
.hero[data-v-0d964b42] {
    padding: 100px 0 80px;
}
.hero .hero-text .hero-badge[data-v-0d964b42] {
    font-size: 12px;
    padding: 10px 24px;
}
.hero .hero-text .hero-title[data-v-0d964b42] {
    font-size: 36px;
}
.hero .hero-text .hero-desc[data-v-0d964b42] {
    font-size: 16px;
}
.hero .hero-text .hero-stats[data-v-0d964b42] {
    flex-wrap: wrap;
    gap: 40px;
}
.hero .hero-text .hero-stats .stat-item .stat-number[data-v-0d964b42] {
    font-size: 32px;
}
.hero .hero-text .hero-stats .stat-item .stat-label[data-v-0d964b42] {
    font-size: 12px;
}
.intro[data-v-0d964b42] {
    padding: 80px 0;
}
.intro .intro-content[data-v-0d964b42] {
    grid-template-columns: 1fr;
    gap: 48px;
}
.intro .intro-image .image-container[data-v-0d964b42] {
    height: 350px;
}
.advantages[data-v-0d964b42],
  .history[data-v-0d964b42],
  .services[data-v-0d964b42],
  .contact[data-v-0d964b42] {
    padding: 80px 0;
}
.section-header .section-title[data-v-0d964b42] {
    font-size: 32px;
}
.section-header .section-desc[data-v-0d964b42] {
    font-size: 16px;
}
.advantages .advantages-content[data-v-0d964b42] {
    gap: 24px;
}
.advantages .advantage-item[data-v-0d964b42] {
    flex-direction: column;
    text-align: center;
    padding: 32px;
}
.advantages .advantage-item .advantage-icon[data-v-0d964b42] {
    width: 80px;
    height: 80px;
}
.advantages .advantage-item .advantage-icon i[data-v-0d964b42] {
    font-size: 40px;
}
.advantages .advantage-item .advantage-text h3[data-v-0d964b42] {
    font-size: 20px;
}
.advantages .advantage-item .advantage-text p[data-v-0d964b42] {
    font-size: 14px;
}
.advantages .advantage-item .advantage-number[data-v-0d964b42] {
    font-size: 32px;
    top: 16px;
    right: 16px;
}
.history .history-content[data-v-0d964b42] {
    padding-left: 60px;
}
.history .history-item[data-v-0d964b42] {
    gap: 24px;
    margin-bottom: 32px;
}
.history .history-item .history-icon[data-v-0d964b42] {
    width: 60px;
    height: 60px;
    left: -60px;
}
.history .history-item .history-icon i[data-v-0d964b42] {
    font-size: 32px;
}
.history .history-item .history-line[data-v-0d964b42] {
    left: -30px;
    top: 60px;
    bottom: -32px;
}
.services .services-content[data-v-0d964b42] {
    gap: 48px;
}
.services .service-item[data-v-0d964b42] {
    padding: 40px 24px 24px;
}
.services .service-item .service-icon[data-v-0d964b42] {
    top: -24px;
    width: 64px;
    height: 64px;
}
.services .service-item .service-icon i[data-v-0d964b42] {
    font-size: 32px;
}
.services .service-item .service-text h3[data-v-0d964b42] {
    font-size: 18px;
}
.services .service-item .service-text p[data-v-0d964b42] {
    font-size: 14px;
}
.contact .contact-content[data-v-0d964b42] {
    max-width: 100%;
}
.contact .info-grid[data-v-0d964b42] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.contact .info-item[data-v-0d964b42] {
    padding: 32px 24px;
}
.contact .info-item .info-icon[data-v-0d964b42] {
    width: 72px;
    height: 72px;
}
.contact .info-item .info-icon i[data-v-0d964b42] {
    font-size: 36px;
}
.contact .info-item .info-text h4[data-v-0d964b42] {
    font-size: 16px;
}
.contact .info-item .info-text p[data-v-0d964b42] {
    font-size: 14px;
}
}
@keyframes fadeInUp-0d964b42 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes float-0d964b42 {
0%, 100% {
    transform: translateY(0) rotate(0deg);
}
50% {
    transform: translateY(-20px) rotate(1deg);
}
}
@keyframes pulse-0d964b42 {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.7;
    transform: scale(1.05);
}
}
@keyframes slideIn-0d964b42 {
from {
    opacity: 0;
    transform: translateX(-30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.hero[data-v-0d964b42],
.intro[data-v-0d964b42],
.advantages[data-v-0d964b42],
.history[data-v-0d964b42],
.services[data-v-0d964b42],
.contact[data-v-0d964b42] {
  animation: fadeInUp-0d964b42 0.8s ease-out;
}
.advantage-card[data-v-0d964b42],
.service-card[data-v-0d964b42],
.info-item[data-v-0d964b42] {
  animation: fadeInUp-0d964b42 0.6s ease-out;
  transition: all 0.3s ease;
}
.advantage-card[data-v-0d964b42]:hover,
.service-card[data-v-0d964b42]:hover,
.info-item[data-v-0d964b42]:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/lavelview2.vue?vue&type=style&index=0&id=2036a03f&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.lavelview-page[data-v-2036a03f] {
  min-height: 100vh;
  background: #f9f9f9;
  color: #333;
  line-height: 1.6;
  background: #f9f9f9;
}
.container[data-v-2036a03f] {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.hero[data-v-2036a03f] {
  color: #ffffff;
  padding: 60px 0 20px 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.hero > .container[data-v-2036a03f] {
  position: relative;
  z-index: 2;
}
.hero-content[data-v-2036a03f] {
  background: linear-gradient(135deg, #03709c 0%, #e63946 100%);
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 30px;
}
.hero-content[data-v-2036a03f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.hero-content > *[data-v-2036a03f] {
  position: relative;
  z-index: 2;
}
.hero-left[data-v-2036a03f] {
  flex: 1;
}
.hero-right[data-v-2036a03f] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-image[data-v-2036a03f] {
  max-width: 70%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-title[data-v-2036a03f] {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.hero-subtitle[data-v-2036a03f] {
  font-size: 15px;
  opacity: 0.95;
  margin-bottom: 10px;
  font-weight: 500;
}
.hero-desc[data-v-2036a03f] {
  font-size: 13px;
  opacity: 0.92;
  margin-bottom: 16px;
  max-width: 700px;
  line-height: 1.5;
}
.hero-actions[data-v-2036a03f] {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn[data-v-2036a03f] {
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
.btn-solid[data-v-2036a03f] {
  background: #ffffff;
  color: #e63946;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-solid[data-v-2036a03f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #f8f9fa;
}
.btn-outline[data-v-2036a03f] {
  border: 2px solid #ffffff;
  color: #ffffff;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-outline[data-v-2036a03f]:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.page-nav[data-v-2036a03f] {
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0;
}
.nav-list[data-v-2036a03f] {
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  gap: 2px;
}
.nav-list li a[data-v-2036a03f] {
  display: block;
  padding: 10px 14px;
  color: #444;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  font-size: 13px;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
  margin: 0 2px;
}
.nav-list li a[data-v-2036a03f]:hover {
  color: #e63946;
  border-color: #e63946;
  background: #ffffff;
}
.section[data-v-2036a03f] {
  background: #ffffff;
  position: relative;
}
.section[data-v-2036a03f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-title[data-v-2036a03f] {
  font-size: 18px;
  color: #2d3436;
  margin-bottom: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title[data-v-2036a03f]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 12px;
}
.section-description[data-v-2036a03f] {
  font-size: 13px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}
.features-list[data-v-2036a03f] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.feature-item[data-v-2036a03f] {
  transition: background-color 0.2s ease;
}
.feature-item[data-v-2036a03f]:last-child {
  border-bottom: none;
}
.feature-header[data-v-2036a03f] {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  position: relative;
}
.feature-header[data-v-2036a03f]:hover {
  background: #f5f5f5;
  padding-left: 20px;
}
.feature-title[data-v-2036a03f] {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.feature-toggle[data-v-2036a03f] {
  font-size: 14px;
  color: #666;
  transition: transform 0.3s ease;
}
.feature-item.expanded .feature-toggle[data-v-2036a03f] {
  transform: rotate(180deg);
}
.feature-content[data-v-2036a03f] {
  padding: 0 18px 14px 18px;
  background: #fafafa;
}
.feature-description[data-v-2036a03f] {
  color: #555;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.version-cards[data-v-2036a03f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.version-card[data-v-2036a03f] {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.version-card[data-v-2036a03f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #e63946;
}
.version-card h3[data-v-2036a03f] {
  color: #e63946;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 700;
}
.version-card p[data-v-2036a03f] {
  color: #555;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}
.comparison-table[data-v-2036a03f] {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.comparison-table table[data-v-2036a03f] {
  width: 100%;
  border-collapse: collapse;
}
.comparison-table th[data-v-2036a03f],
.comparison-table td[data-v-2036a03f] {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  text-align: left;
}
.comparison-table th[data-v-2036a03f] {
  background: #f8f9fa;
  font-weight: 600;
  color: #333;
}
.comparison-table tr:last-child td[data-v-2036a03f] {
  border-bottom: none;
}
.table-note[data-v-2036a03f] {
  font-size: 12px;
  color: #666;
  margin-top: 8px;
  line-height: 1.5;
}
.table-note a[data-v-2036a03f] {
  color: #e63946;
  text-decoration: none;
}
.table-note a[data-v-2036a03f]:hover {
  text-decoration: underline;
}
.specs-table[data-v-2036a03f] {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.specs-table table[data-v-2036a03f] {
  width: 100%;
  border-collapse: collapse;
}
.specs-table td[data-v-2036a03f] {
  color: #666;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.specs-category[data-v-2036a03f] {
  font-weight: 600;
  color: #333;
  width: 140px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.spec-note[data-v-2036a03f] {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  font-style: italic;
}
.spec-note a[data-v-2036a03f] {
  color: #e63946;
  text-decoration: none;
}
.spec-note a[data-v-2036a03f]:hover {
  text-decoration: underline;
}
.download-categories[data-v-2036a03f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.category-item[data-v-2036a03f] {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #666;
  padding: 14px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.category-item[data-v-2036a03f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #03709c;
}
.category-title[data-v-2036a03f] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}
.category-link[data-v-2036a03f] {
  color: #e63946;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.category-link[data-v-2036a03f]:hover {
  color: #03709c;
  text-decoration: underline;
}
.docs-section[data-v-2036a03f] {
  margin-bottom: 20px;
}
.docs-title[data-v-2036a03f] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.docs-title[data-v-2036a03f]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.docs-table[data-v-2036a03f] {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.docs-table table[data-v-2036a03f] {
  width: 100%;
  border-collapse: collapse;
}
.docs-table td[data-v-2036a03f] {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.docs-category[data-v-2036a03f] {
  font-weight: 600;
  color: #333;
  width: 160px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.doc-link[data-v-2036a03f] {
  display: block;
  color: #666;
  text-decoration: none;
  margin-bottom: 4px;
  transition: all 0.2s ease;
  padding: 2px 0;
}
.doc-link[data-v-2036a03f]:hover {
  color: #e63946;
  text-decoration: underline;
  padding-left: 4px;
}
.quick-start[data-v-2036a03f] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.quick-start[data-v-2036a03f]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.quick-start-title[data-v-2036a03f] {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-start-link[data-v-2036a03f] {
  color: #e63946;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.quick-start-link[data-v-2036a03f]:hover {
  color: #03709c;
  text-decoration: underline;
}
.download-section[data-v-2036a03f] {
  margin-bottom: 20px;
}
.download-title[data-v-2036a03f] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.download-title[data-v-2036a03f]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.download-links[data-v-2036a03f] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}
.download-link[data-v-2036a03f] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.download-link[data-v-2036a03f]:hover {
  background: #e8f0fe;
  border-color: #03709c;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.download-link.disabled[data-v-2036a03f] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.download-link.warning[data-v-2036a03f] {
  background: #fff3f3;
  border-color: #ffcccc;
}
.download-link.warning[data-v-2036a03f]:hover {
  background: #ffe6e6;
  border-color: #e63946;
}
.link-title[data-v-2036a03f] {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 3px;
}
.link-desc[data-v-2036a03f] {
  font-size: 11px;
  color: #666;
  line-height: 1.4;
}
.faq-items[data-v-2036a03f] {
  max-width: 700px;
  margin: 0 auto;
}
.faq-item[data-v-2036a03f] {
  margin-bottom: 16px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.faq-item[data-v-2036a03f]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #e63946;
}
.faq-question[data-v-2036a03f] {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.faq-question[data-v-2036a03f]::before {
  content: "Q:";
  color: #e63946;
  font-weight: bold;
  flex-shrink: 0;
}
.faq-item p[data-v-2036a03f] {
  color: #555;
  line-height: 1.6;
  margin-bottom: 4px;
  font-size: 13px;
  padding-left: 18px;
  position: relative;
}
.faq-item p[data-v-2036a03f]::before {
  content: "A:";
  color: #03709c;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.faq-item a[data-v-2036a03f] {
  color: #e63946;
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq-item a[data-v-2036a03f]:hover {
  color: #03709c;
  text-decoration: underline;
}
.cta-section[data-v-2036a03f] {
  background: linear-gradient(135deg, #03709c 0%, #e63946 100%);
  color: white;
  padding: 30px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section[data-v-2036a03f]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.cta-section > .container[data-v-2036a03f] {
  position: relative;
  z-index: 2;
}
.cta-title[data-v-2036a03f] {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.cta-description[data-v-2036a03f] {
  font-size: 13px;
  opacity: 0.95;
  margin-bottom: 16px;
}
.cta-buttons[data-v-2036a03f] {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.version-cards[data-v-2036a03f],
  .download-categories[data-v-2036a03f] {
    grid-template-columns: 1fr;
}
.download-links[data-v-2036a03f] {
    grid-template-columns: 1fr;
}
.section-title[data-v-2036a03f] {
    font-size: 16px;
}
.hero-content[data-v-2036a03f] {
    flex-direction: column;
    gap: 20px;
}
.hero-title[data-v-2036a03f] {
    font-size: 18px;
}
.hero-actions[data-v-2036a03f] {
    flex-direction: column;
    align-items: flex-start;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/LABELMATRIX2.vue?vue&type=style&index=0&id=07e0d452&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-07e0d452] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.labelmatrix-page[data-v-07e0d452] {
  font-family: "Microsoft YaHei", sans-serif;
  color: #333;
  line-height: 1.6;
  background: #f9f9f9;
}
.container[data-v-07e0d452] {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.hero[data-v-07e0d452] {
  color: #fff;
  padding: 60px 0 20px 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.hero > .container[data-v-07e0d452] {
  position: relative;
  z-index: 2;
}
.hero-content[data-v-07e0d452] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 30px;
}
.hero-left[data-v-07e0d452] {
  flex: 1;
}
.hero-right[data-v-07e0d452] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-image[data-v-07e0d452] {
  max-width: 70%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-content[data-v-07e0d452]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.hero-content > *[data-v-07e0d452] {
  position: relative;
  z-index: 2;
}
.hero-title[data-v-07e0d452] {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.hero-subtitle[data-v-07e0d452] {
  font-size: 15px;
  opacity: 0.95;
  margin-bottom: 10px;
  font-weight: 500;
}
.hero-desc[data-v-07e0d452] {
  font-size: 13px;
  opacity: 0.92;
  margin-bottom: 16px;
  max-width: 700px;
  line-height: 1.5;
}
.hero-actions[data-v-07e0d452] {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn[data-v-07e0d452] {
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
.btn-solid[data-v-07e0d452] {
  background: #fff;
  color: #c8102e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-solid[data-v-07e0d452]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #f8f9fa;
}
.btn-outline[data-v-07e0d452] {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-outline[data-v-07e0d452]:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.page-nav[data-v-07e0d452] {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0;
}
.nav-list[data-v-07e0d452] {
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  gap: 2px;
}
.nav-list li a[data-v-07e0d452] {
  display: block;
  padding: 10px 14px;
  color: #444;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  font-size: 13px;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
  margin: 0 2px;
}
.nav-list li a[data-v-07e0d452]:hover {
  color: #c8102e;
  border-color: #c8102e;
  background: #fff;
}
.section[data-v-07e0d452] {
  background: #fff;
  position: relative;
}
.section[data-v-07e0d452]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-title[data-v-07e0d452] {
  font-size: 18px;
  color: #222;
  margin-bottom: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title[data-v-07e0d452]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 12px;
}
.section-description[data-v-07e0d452] {
  font-size: 13px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}
.features-list[data-v-07e0d452] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.feature-item[data-v-07e0d452] {
  transition: background-color 0.2s ease;
}
.feature-item[data-v-07e0d452]:last-child {
  border-bottom: none;
}
.feature-header[data-v-07e0d452] {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  position: relative;
}
.feature-header[data-v-07e0d452]:hover {
  background: #f9f9f9;
  padding-left: 20px;
}
.feature-title[data-v-07e0d452] {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.feature-toggle[data-v-07e0d452] {
  font-size: 14px;
  color: #666;
  transition: transform 0.3s ease;
}
.feature-item.expanded .feature-toggle[data-v-07e0d452] {
  transform: rotate(180deg);
}
.feature-content[data-v-07e0d452] {
  padding: 0 18px 14px;
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  animation: slideDown-07e0d452 0.3s ease;
}
@keyframes slideDown-07e0d452 {
from {
    opacity: 0;
    max-height: 0;
}
to {
    opacity: 1;
    max-height: 200px;
}
}
.feature-description[data-v-07e0d452] {
  color: #555;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.version-cards[data-v-07e0d452] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.version-card[data-v-07e0d452] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.version-card[data-v-07e0d452]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #c8102e;
}
.version-card h3[data-v-07e0d452] {
  color: #c8102e;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 700;
}
.version-card p[data-v-07e0d452] {
  color: #555;
  line-height: 1.6;
  font-size: 13px;
  margin: 0;
}
.comparison-table[data-v-07e0d452] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.comparison-table table[data-v-07e0d452] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}
.comparison-table th[data-v-07e0d452],
.comparison-table td[data-v-07e0d452] {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
}
.comparison-table th[data-v-07e0d452] {
  background: #f8f9fa;
  font-weight: 600;
  color: #333;
  border-bottom: 2px solid #c8102e;
}
.comparison-table tr[data-v-07e0d452]:hover {
  background: #f9f9f9;
}
.table-note[data-v-07e0d452] {
  font-size: 12px;
  color: #666;
  margin-top: 6px;
  line-height: 1.5;
}
.table-note a[data-v-07e0d452] {
  color: #c8102e;
  text-decoration: none;
  transition: color 0.2s ease;
}
.table-note a[data-v-07e0d452]:hover {
  text-decoration: underline;
}
.specs-table[data-v-07e0d452] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.specs-table table[data-v-07e0d452] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}
.specs-table td[data-v-07e0d452] {
  color: #666;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.specs-category[data-v-07e0d452] {
  font-weight: 600;
  color: #333;
  width: 140px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.download-categories[data-v-07e0d452] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.category-item[data-v-07e0d452] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  color: #666;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.category-item[data-v-07e0d452]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #1a5490;
}
.category-title[data-v-07e0d452] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}
.category-link[data-v-07e0d452] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.category-link[data-v-07e0d452]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.docs-section[data-v-07e0d452] {
  margin-bottom: 20px;
}
.docs-title[data-v-07e0d452] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.docs-title[data-v-07e0d452]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.docs-table[data-v-07e0d452] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.docs-table table[data-v-07e0d452] {
  width: 100%;
  border-collapse: collapse;
}
.docs-table td[data-v-07e0d452] {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.docs-category[data-v-07e0d452] {
  font-weight: 600;
  color: #333;
  width: 160px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.doc-link[data-v-07e0d452] {
  display: block;
  color: #666;
  text-decoration: none;
  margin-bottom: 4px;
  transition: all 0.2s ease;
  padding: 2px 0;
}
.doc-link[data-v-07e0d452]:hover {
  color: #c8102e;
  text-decoration: underline;
  padding-left: 4px;
}
.quick-start[data-v-07e0d452] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.quick-start[data-v-07e0d452]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.quick-start-title[data-v-07e0d452] {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-start-link[data-v-07e0d452] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.quick-start-link[data-v-07e0d452]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.download-section[data-v-07e0d452] {
  margin-bottom: 20px;
}
.download-title[data-v-07e0d452] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.download-title[data-v-07e0d452]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.download-links[data-v-07e0d452] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}
.download-link[data-v-07e0d452] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.download-link[data-v-07e0d452]:hover {
  background: #e8f0fe;
  border-color: #1a5490;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.download-link.disabled[data-v-07e0d452] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.download-link.warning[data-v-07e0d452] {
  background: #fff3f3;
  border-color: #ffcccc;
}
.download-link.warning[data-v-07e0d452]:hover {
  background: #ffe6e6;
  border-color: #c8102e;
}
.link-title[data-v-07e0d452] {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 3px;
}
.link-desc[data-v-07e0d452] {
  font-size: 11px;
  color: #666;
  line-height: 1.4;
}
.faq-items[data-v-07e0d452] {
  max-width: 700px;
  margin: 0 auto;
}
.faq-item[data-v-07e0d452] {
  margin-bottom: 16px;
  padding: 14px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.faq-item[data-v-07e0d452]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #c8102e;
}
.faq-question[data-v-07e0d452] {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.faq-question[data-v-07e0d452]::before {
  content: "Q:";
  color: #c8102e;
  font-weight: bold;
  flex-shrink: 0;
}
.faq-item p[data-v-07e0d452] {
  color: #555;
  line-height: 1.6;
  margin-bottom: 4px;
  font-size: 13px;
  padding-left: 18px;
  position: relative;
}
.faq-item p[data-v-07e0d452]::before {
  content: "A:";
  color: #1a5490;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.faq-item a[data-v-07e0d452] {
  color: #c8102e;
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq-item a[data-v-07e0d452]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.cta-section[data-v-07e0d452] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  color: white;
  padding: 30px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section[data-v-07e0d452]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.cta-section > .container[data-v-07e0d452] {
  position: relative;
  z-index: 2;
}
.cta-title[data-v-07e0d452] {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.cta-description[data-v-07e0d452] {
  font-size: 13px;
  opacity: 0.95;
  margin-bottom: 16px;
}
.cta-buttons[data-v-07e0d452] {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.version-cards[data-v-07e0d452],
  .download-categories[data-v-07e0d452] {
    grid-template-columns: 1fr;
}
.download-links[data-v-07e0d452] {
    grid-template-columns: 1fr;
}
.section-title[data-v-07e0d452] {
    font-size: 16px;
}
.hero-content[data-v-07e0d452] {
    flex-direction: column;
    gap: 20px;
}
.hero-title[data-v-07e0d452] {
    font-size: 18px;
}
.hero-actions[data-v-07e0d452] {
    flex-direction: column;
    align-items: flex-start;
}
.btn[data-v-07e0d452] {
    width: 180px;
    text-align: center;
}
.nav-list li a[data-v-07e0d452] {
    padding: 8px 12px;
    font-size: 12px;
}
.section[data-v-07e0d452] {
    padding: 20px 0;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/SENTINEL2.vue?vue&type=style&index=0&id=829be638&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-829be638] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sentinel2-page[data-v-829be638] {
  font-family: "Microsoft YaHei", sans-serif;
  color: #333;
  line-height: 1.6;
  background: #f9f9f9;
}
.container[data-v-829be638] {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.hero[data-v-829be638] {
  color: #fff;
  padding: 60px 0 20px 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.hero > .container[data-v-829be638] {
  position: relative;
  z-index: 2;
}
.hero-content[data-v-829be638] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 30px;
}
.hero-left[data-v-829be638] {
  flex: 1;
}
.hero-right[data-v-829be638] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-image[data-v-829be638] {
  max-width: 50%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-content[data-v-829be638]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.hero-content > *[data-v-829be638] {
  position: relative;
  z-index: 2;
}
.hero-title[data-v-829be638] {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.hero-subtitle[data-v-829be638] {
  font-size: 15px;
  opacity: 0.95;
  margin-bottom: 10px;
  font-weight: 500;
}
.hero-desc[data-v-829be638] {
  font-size: 13px;
  opacity: 0.92;
  margin-bottom: 16px;
  max-width: 700px;
  line-height: 1.5;
}
.hero-actions[data-v-829be638] {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn[data-v-829be638] {
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
.btn-solid[data-v-829be638] {
  background: #fff;
  color: #c8102e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-solid[data-v-829be638]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #f8f9fa;
}
.btn-outline[data-v-829be638] {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-outline[data-v-829be638]:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.page-nav[data-v-829be638] {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0;
}
.nav-list[data-v-829be638] {
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  gap: 2px;
}
.nav-list li a[data-v-829be638] {
  display: block;
  padding: 10px 14px;
  color: #444;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  font-size: 13px;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
  margin: 0 2px;
}
.nav-list li a[data-v-829be638]:hover {
  color: #c8102e;
  border-color: #c8102e;
  background: #fff;
}
.section[data-v-829be638] {
  background: #fff;
  position: relative;
}
.section[data-v-829be638]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-title[data-v-829be638] {
  font-size: 18px;
  color: #222;
  margin-bottom: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title[data-v-829be638]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 12px;
}
.section-description[data-v-829be638] {
  font-size: 13px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}
.features-list[data-v-829be638] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.feature-item[data-v-829be638] {
  transition: background-color 0.2s ease;
}
.feature-item[data-v-829be638]:last-child {
  border-bottom: none;
}
.feature-header[data-v-829be638] {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  position: relative;
}
.feature-header[data-v-829be638]:hover {
  background: #f9f9f9;
  padding-left: 20px;
}
.feature-title[data-v-829be638] {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.feature-toggle[data-v-829be638] {
  font-size: 14px;
  color: #666;
  transition: transform 0.3s ease;
}
.feature-item.expanded .feature-toggle[data-v-829be638] {
  transform: rotate(180deg);
}
.feature-content[data-v-829be638] {
  padding: 0 18px 14px;
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  animation: slideDown-829be638 0.3s ease;
}
@keyframes slideDown-829be638 {
from {
    opacity: 0;
    max-height: 0;
}
to {
    opacity: 1;
    max-height: 200px;
}
}
.feature-description[data-v-829be638] {
  color: #555;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.specs-table[data-v-829be638] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.specs-table table[data-v-829be638] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}
.specs-table td[data-v-829be638] {
  color: #666;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.specs-category[data-v-829be638] {
  font-weight: 600;
  color: #333;
  width: 140px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.download-categories[data-v-829be638] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.category-item[data-v-829be638] {
  color: #666;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.category-item[data-v-829be638]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #1a5490;
}
.category-title[data-v-829be638] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}
.category-link[data-v-829be638] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.category-link[data-v-829be638]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.docs-section[data-v-829be638] {
  margin-bottom: 20px;
}
.docs-title[data-v-829be638] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.docs-title[data-v-829be638]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.docs-table[data-v-829be638] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.docs-table table[data-v-829be638] {
  width: 100%;
  border-collapse: collapse;
}
.docs-table td[data-v-829be638] {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.docs-category[data-v-829be638] {
  font-weight: 600;
  color: #333;
  width: 160px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.doc-link[data-v-829be638] {
  display: block;
  color: #666;
  text-decoration: none;
  margin-bottom: 4px;
  transition: all 0.2s ease;
  padding: 2px 0;
}
.doc-link[data-v-829be638]:hover {
  color: #c8102e;
  text-decoration: underline;
  padding-left: 4px;
}
.quick-start[data-v-829be638] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.quick-start[data-v-829be638]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.quick-start-title[data-v-829be638] {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-start-link[data-v-829be638] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.quick-start-link[data-v-829be638]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.download-section[data-v-829be638] {
  margin-bottom: 20px;
}
.download-title[data-v-829be638] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.download-title[data-v-829be638]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.download-links[data-v-829be638] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}
.download-link[data-v-829be638] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.download-link[data-v-829be638]:hover {
  background: #e8f0fe;
  border-color: #1a5490;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.download-link.disabled[data-v-829be638] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.download-link.warning[data-v-829be638] {
  background: #fff3f3;
  border-color: #ffcccc;
}
.download-link.warning[data-v-829be638]:hover {
  background: #ffe6e6;
  border-color: #c8102e;
}
.link-title[data-v-829be638] {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 3px;
}
.link-desc[data-v-829be638] {
  font-size: 11px;
  color: #666;
  line-height: 1.4;
}
.faq-items[data-v-829be638] {
  max-width: 700px;
  margin: 0 auto;
}
.faq-item[data-v-829be638] {
  margin-bottom: 16px;
  padding: 14px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.faq-item[data-v-829be638]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #c8102e;
}
.faq-question[data-v-829be638] {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.faq-question[data-v-829be638]::before {
  content: "Q:";
  color: #c8102e;
  font-weight: bold;
  flex-shrink: 0;
}
.faq-item p[data-v-829be638] {
  color: #555;
  line-height: 1.6;
  margin-bottom: 4px;
  font-size: 13px;
  padding-left: 18px;
  position: relative;
}
.faq-item p[data-v-829be638]::before {
  content: "A:";
  color: #1a5490;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.faq-item a[data-v-829be638] {
  color: #c8102e;
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq-item a[data-v-829be638]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.cta-section[data-v-829be638] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  color: white;
  padding: 30px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section[data-v-829be638]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.cta-section > .container[data-v-829be638] {
  position: relative;
  z-index: 2;
}
.cta-title[data-v-829be638] {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.cta-description[data-v-829be638] {
  font-size: 13px;
  opacity: 0.95;
  margin-bottom: 16px;
}
.cta-buttons[data-v-829be638] {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.version-cards[data-v-829be638],
  .download-categories[data-v-829be638] {
    grid-template-columns: 1fr;
}
.download-links[data-v-829be638] {
    grid-template-columns: 1fr;
}
.section-title[data-v-829be638] {
    font-size: 16px;
}
.hero-content[data-v-829be638] {
    flex-direction: column;
    gap: 20px;
}
.hero-title[data-v-829be638] {
    font-size: 18px;
}
.hero-actions[data-v-829be638] {
    flex-direction: column;
    align-items: flex-start;
}
.btn[data-v-829be638] {
    width: 180px;
    text-align: center;
}
.nav-list li a[data-v-829be638] {
    padding: 8px 12px;
    font-size: 12px;
}
.section[data-v-829be638] {
    padding: 20px 0;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/LABELARCHIVE2.vue?vue&type=style&index=0&id=802c9e0c&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-802c9e0c] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.labelarchive2-page[data-v-802c9e0c] {
  font-family: "Microsoft YaHei", sans-serif;
  color: #333;
  line-height: 1.6;
  background: #f9f9f9;
}
.container[data-v-802c9e0c] {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.hero[data-v-802c9e0c] {
  color: #fff;
  padding: 60px 0 20px 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.hero > .container[data-v-802c9e0c] {
  position: relative;
  z-index: 2;
}
.hero-content[data-v-802c9e0c] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 30px;
}
.hero-left[data-v-802c9e0c] {
  flex: 1;
}
.hero-right[data-v-802c9e0c] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-image[data-v-802c9e0c] {
  max-width: 70%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-content[data-v-802c9e0c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.hero-content > *[data-v-802c9e0c] {
  position: relative;
  z-index: 2;
}
.hero-title[data-v-802c9e0c] {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.hero-subtitle[data-v-802c9e0c] {
  font-size: 15px;
  opacity: 0.95;
  margin-bottom: 10px;
  font-weight: 500;
}
.hero-desc[data-v-802c9e0c] {
  font-size: 13px;
  opacity: 0.92;
  margin-bottom: 16px;
  max-width: 700px;
  line-height: 1.5;
}
.hero-actions[data-v-802c9e0c] {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn[data-v-802c9e0c] {
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
.btn-solid[data-v-802c9e0c] {
  background: #fff;
  color: #c8102e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-solid[data-v-802c9e0c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #f8f9fa;
}
.btn-outline[data-v-802c9e0c] {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-outline[data-v-802c9e0c]:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.page-nav[data-v-802c9e0c] {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0;
}
.nav-list[data-v-802c9e0c] {
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  gap: 2px;
}
.nav-list li a[data-v-802c9e0c] {
  display: block;
  padding: 10px 14px;
  color: #444;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  font-size: 13px;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
  margin: 0 2px;
}
.nav-list li a[data-v-802c9e0c]:hover {
  color: #c8102e;
  border-color: #c8102e;
  background: #fff;
}
.section[data-v-802c9e0c] {
  background: #fff;
  position: relative;
}
.section[data-v-802c9e0c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-title[data-v-802c9e0c] {
  font-size: 18px;
  color: #222;
  margin-bottom: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title[data-v-802c9e0c]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 12px;
}
.section-description[data-v-802c9e0c] {
  font-size: 13px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}
.features-list[data-v-802c9e0c] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.feature-item[data-v-802c9e0c] {
  transition: background-color 0.2s ease;
}
.feature-item[data-v-802c9e0c]:last-child {
  border-bottom: none;
}
.feature-header[data-v-802c9e0c] {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  position: relative;
}
.feature-header[data-v-802c9e0c]:hover {
  background: #f9f9f9;
  padding-left: 20px;
}
.feature-title[data-v-802c9e0c] {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.feature-toggle[data-v-802c9e0c] {
  font-size: 14px;
  color: #666;
  transition: transform 0.3s ease;
}
.feature-item.expanded .feature-toggle[data-v-802c9e0c] {
  transform: rotate(180deg);
}
.feature-content[data-v-802c9e0c] {
  padding: 0 18px 14px;
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  animation: slideDown-802c9e0c 0.3s ease;
}
@keyframes slideDown-802c9e0c {
from {
    opacity: 0;
    max-height: 0;
}
to {
    opacity: 1;
    max-height: 200px;
}
}
.feature-description[data-v-802c9e0c] {
  color: #555;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.specs-table[data-v-802c9e0c] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.specs-table table[data-v-802c9e0c] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}
.specs-table td[data-v-802c9e0c] {
  color: #666;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.specs-category[data-v-802c9e0c] {
  font-weight: 600;
  color: #333;
  width: 140px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.download-categories[data-v-802c9e0c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.category-item[data-v-802c9e0c] {
  color: #666;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.category-item[data-v-802c9e0c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #1a5490;
}
.category-title[data-v-802c9e0c] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}
.category-link[data-v-802c9e0c] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.category-link[data-v-802c9e0c]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.docs-section[data-v-802c9e0c] {
  margin-bottom: 20px;
}
.docs-title[data-v-802c9e0c] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.docs-title[data-v-802c9e0c]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.docs-table[data-v-802c9e0c] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.docs-table table[data-v-802c9e0c] {
  width: 100%;
  border-collapse: collapse;
}
.docs-table td[data-v-802c9e0c] {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.docs-category[data-v-802c9e0c] {
  font-weight: 600;
  color: #333;
  width: 160px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.doc-link[data-v-802c9e0c] {
  display: block;
  color: #666;
  text-decoration: none;
  margin-bottom: 4px;
  transition: all 0.2s ease;
  padding: 2px 0;
}
.doc-link[data-v-802c9e0c]:hover {
  color: #c8102e;
  text-decoration: underline;
  padding-left: 4px;
}
.quick-start[data-v-802c9e0c] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.quick-start[data-v-802c9e0c]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.quick-start-title[data-v-802c9e0c] {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-start-link[data-v-802c9e0c] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.quick-start-link[data-v-802c9e0c]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.download-section[data-v-802c9e0c] {
  margin-bottom: 20px;
}
.download-title[data-v-802c9e0c] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.download-title[data-v-802c9e0c]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.download-links[data-v-802c9e0c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}
.download-link[data-v-802c9e0c] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.download-link[data-v-802c9e0c]:hover {
  background: #e8f0fe;
  border-color: #1a5490;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.download-link.disabled[data-v-802c9e0c] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.download-link.warning[data-v-802c9e0c] {
  background: #fff3f3;
  border-color: #ffcccc;
}
.download-link.warning[data-v-802c9e0c]:hover {
  background: #ffe6e6;
  border-color: #c8102e;
}
.link-title[data-v-802c9e0c] {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 3px;
}
.link-desc[data-v-802c9e0c] {
  font-size: 11px;
  color: #666;
  line-height: 1.4;
}
.faq-items[data-v-802c9e0c] {
  max-width: 700px;
  margin: 0 auto;
}
.faq-item[data-v-802c9e0c] {
  margin-bottom: 16px;
  padding: 14px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.faq-item[data-v-802c9e0c]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #c8102e;
}
.faq-question[data-v-802c9e0c] {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.faq-question[data-v-802c9e0c]::before {
  content: "Q:";
  color: #c8102e;
  font-weight: bold;
  flex-shrink: 0;
}
.faq-item p[data-v-802c9e0c] {
  color: #555;
  line-height: 1.6;
  margin-bottom: 4px;
  font-size: 13px;
  padding-left: 18px;
  position: relative;
}
.faq-item p[data-v-802c9e0c]::before {
  content: "A:";
  color: #1a5490;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.faq-item a[data-v-802c9e0c] {
  color: #c8102e;
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq-item a[data-v-802c9e0c]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.cta-section[data-v-802c9e0c] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  color: white;
  padding: 30px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section[data-v-802c9e0c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.cta-section > .container[data-v-802c9e0c] {
  position: relative;
  z-index: 2;
}
.cta-title[data-v-802c9e0c] {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.cta-description[data-v-802c9e0c] {
  font-size: 13px;
  opacity: 0.95;
  margin-bottom: 16px;
}
.cta-buttons[data-v-802c9e0c] {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.version-cards[data-v-802c9e0c],
  .download-categories[data-v-802c9e0c] {
    grid-template-columns: 1fr;
}
.download-links[data-v-802c9e0c] {
    grid-template-columns: 1fr;
}
.section-title[data-v-802c9e0c] {
    font-size: 16px;
}
.hero-content[data-v-802c9e0c] {
    flex-direction: column;
    gap: 20px;
}
.hero-title[data-v-802c9e0c] {
    font-size: 18px;
}
.hero-actions[data-v-802c9e0c] {
    flex-direction: column;
    align-items: flex-start;
}
.btn[data-v-802c9e0c] {
    width: 180px;
    text-align: center;
}
.nav-list li a[data-v-802c9e0c] {
    padding: 8px 12px;
    font-size: 12px;
}
.section[data-v-802c9e0c] {
    padding: 20px 0;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/TEKLYNXCENTRAL2.vue?vue&type=style&index=0&id=0c787538&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-0c787538] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.teklynxcentral2-page[data-v-0c787538] {
  font-family: "Microsoft YaHei", sans-serif;
  color: #333;
  line-height: 1.6;
  background: #f9f9f9;
}
.container[data-v-0c787538] {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.hero[data-v-0c787538] {
  color: #fff;
  padding: 60px 0 20px 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.hero > .container[data-v-0c787538] {
  position: relative;
  z-index: 2;
}
.hero-content[data-v-0c787538] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  padding: 30px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 30px;
}
.hero-left[data-v-0c787538] {
  flex: 1;
}
.hero-right[data-v-0c787538] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-image[data-v-0c787538] {
  max-width: 56%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-content[data-v-0c787538]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.hero-content > *[data-v-0c787538] {
  position: relative;
  z-index: 2;
}
.hero-title[data-v-0c787538] {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.hero-subtitle[data-v-0c787538] {
  font-size: 15px;
  opacity: 0.95;
  margin-bottom: 10px;
  font-weight: 500;
}
.hero-desc[data-v-0c787538] {
  font-size: 13px;
  opacity: 0.92;
  margin-bottom: 16px;
  max-width: 700px;
  line-height: 1.5;
}
.hero-actions[data-v-0c787538] {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn[data-v-0c787538] {
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
.btn-solid[data-v-0c787538] {
  background: #fff;
  color: #c8102e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-solid[data-v-0c787538]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #f8f9fa;
}
.btn-outline[data-v-0c787538] {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-outline[data-v-0c787538]:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.page-nav[data-v-0c787538] {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0;
}
.nav-list[data-v-0c787538] {
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  gap: 2px;
}
.nav-list li a[data-v-0c787538] {
  display: block;
  padding: 10px 14px;
  color: #444;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  font-size: 13px;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
  margin: 0 2px;
}
.nav-list li a[data-v-0c787538]:hover {
  color: #c8102e;
  border-color: #c8102e;
  background: #fff;
}
.section[data-v-0c787538] {
  background: #fff;
  position: relative;
}
.section[data-v-0c787538]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-title[data-v-0c787538] {
  font-size: 18px;
  color: #222;
  margin-bottom: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title[data-v-0c787538]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 12px;
}
.section-description[data-v-0c787538] {
  font-size: 13px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}
.features-list[data-v-0c787538] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.feature-item[data-v-0c787538] {
  transition: background-color 0.2s ease;
}
.feature-item[data-v-0c787538]:last-child {
  border-bottom: none;
}
.feature-header[data-v-0c787538] {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  position: relative;
}
.feature-header[data-v-0c787538]:hover {
  background: #f9f9f9;
  padding-left: 20px;
}
.feature-title[data-v-0c787538] {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.feature-toggle[data-v-0c787538] {
  font-size: 14px;
  color: #666;
  transition: transform 0.3s ease;
}
.feature-item.expanded .feature-toggle[data-v-0c787538] {
  transform: rotate(180deg);
}
.feature-content[data-v-0c787538] {
  padding: 0 18px 14px;
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  animation: slideDown-0c787538 0.3s ease;
}
@keyframes slideDown-0c787538 {
from {
    opacity: 0;
    max-height: 0;
}
to {
    opacity: 1;
    max-height: 200px;
}
}
.feature-description[data-v-0c787538] {
  color: #555;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.specs-table[data-v-0c787538] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.specs-table table[data-v-0c787538] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}
.specs-table td[data-v-0c787538] {
  color: #666;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.specs-category[data-v-0c787538] {
  font-weight: 600;
  color: #333;
  width: 140px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.download-categories[data-v-0c787538] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.category-item[data-v-0c787538] {
  color: #666;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.category-item[data-v-0c787538]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #1a5490;
}
.category-title[data-v-0c787538] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}
.category-link[data-v-0c787538] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.category-link[data-v-0c787538]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.docs-section[data-v-0c787538] {
  margin-bottom: 20px;
}
.docs-title[data-v-0c787538] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.docs-title[data-v-0c787538]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.docs-table[data-v-0c787538] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.docs-table table[data-v-0c787538] {
  width: 100%;
  border-collapse: collapse;
}
.docs-table td[data-v-0c787538] {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  vertical-align: top;
}
.docs-category[data-v-0c787538] {
  font-weight: 600;
  color: #333;
  width: 160px;
  white-space: nowrap;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
.doc-link[data-v-0c787538] {
  display: block;
  color: #666;
  text-decoration: none;
  margin-bottom: 4px;
  transition: all 0.2s ease;
  padding: 2px 0;
}
.doc-link[data-v-0c787538]:hover {
  color: #c8102e;
  text-decoration: underline;
  padding-left: 4px;
}
.quick-start[data-v-0c787538] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.quick-start[data-v-0c787538]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.quick-start-title[data-v-0c787538] {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-start-link[data-v-0c787538] {
  color: #c8102e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.quick-start-link[data-v-0c787538]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.download-section[data-v-0c787538] {
  margin-bottom: 20px;
}
.download-title[data-v-0c787538] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.download-title[data-v-0c787538]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin-left: 10px;
}
.download-links[data-v-0c787538] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}
.download-link[data-v-0c787538] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.download-link[data-v-0c787538]:hover {
  background: #e8f0fe;
  border-color: #1a5490;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.download-link.disabled[data-v-0c787538] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.download-link.warning[data-v-0c787538] {
  background: #fff3f3;
  border-color: #ffcccc;
}
.download-link.warning[data-v-0c787538]:hover {
  background: #ffe6e6;
  border-color: #c8102e;
}
.link-title[data-v-0c787538] {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 3px;
}
.link-desc[data-v-0c787538] {
  font-size: 11px;
  color: #666;
  line-height: 1.4;
}
.faq-items[data-v-0c787538] {
  max-width: 700px;
  margin: 0 auto;
}
.faq-item[data-v-0c787538] {
  margin-bottom: 16px;
  padding: 14px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.faq-item[data-v-0c787538]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #c8102e;
}
.faq-question[data-v-0c787538] {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.faq-question[data-v-0c787538]::before {
  content: "Q:";
  color: #c8102e;
  font-weight: bold;
  flex-shrink: 0;
}
.faq-item p[data-v-0c787538] {
  color: #555;
  line-height: 1.6;
  margin-bottom: 4px;
  font-size: 13px;
  padding-left: 18px;
  position: relative;
}
.faq-item p[data-v-0c787538]::before {
  content: "A:";
  color: #1a5490;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.faq-item a[data-v-0c787538] {
  color: #c8102e;
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq-item a[data-v-0c787538]:hover {
  color: #1a5490;
  text-decoration: underline;
}
.cta-section[data-v-0c787538] {
  background: linear-gradient(135deg, #1a5490 0%, #c8102e 100%);
  color: white;
  padding: 30px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section[data-v-0c787538]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.cta-section > .container[data-v-0c787538] {
  position: relative;
  z-index: 2;
}
.cta-title[data-v-0c787538] {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.cta-description[data-v-0c787538] {
  font-size: 13px;
  opacity: 0.95;
  margin-bottom: 16px;
}
.cta-buttons[data-v-0c787538] {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.version-cards[data-v-0c787538],
  .download-categories[data-v-0c787538] {
    grid-template-columns: 1fr;
}
.download-links[data-v-0c787538] {
    grid-template-columns: 1fr;
}
.section-title[data-v-0c787538] {
    font-size: 16px;
}
.hero-content[data-v-0c787538] {
    flex-direction: column;
    gap: 20px;
}
.hero-title[data-v-0c787538] {
    font-size: 18px;
}
.hero-actions[data-v-0c787538] {
    flex-direction: column;
    align-items: flex-start;
}
.btn[data-v-0c787538] {
    width: 180px;
    text-align: center;
}
.nav-list li a[data-v-0c787538] {
    padding: 8px 12px;
    font-size: 12px;
}
.section[data-v-0c787538] {
    padding: 20px 0;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/case-puer-tea.vue?vue&type=style&index=0&id=57ab9688&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-57ab9688] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container[data-v-57ab9688] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.case-detail[data-v-57ab9688] {
  background: #FFFFFF;
}
.case-hero[data-v-57ab9688] {
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  padding: 100px 0 80px;
  color: #FFFFFF;
}
.case-hero .case-header[data-v-57ab9688] {
  text-align: center;
}
.case-hero .case-header .case-category[data-v-57ab9688] {
  display: inline-block;
  padding: 8px 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  font-size: 14px;
  margin-bottom: 30px;
}
.case-hero .case-header .case-title[data-v-57ab9688] {
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 20px;
}
.case-hero .case-header .case-subtitle[data-v-57ab9688] {
  font-size: 20px;
  opacity: 0.9;
}
.section-title[data-v-57ab9688] {
  font-size: 36px;
  font-weight: 900;
  color: #1A1A1A;
  margin-bottom: 30px;
}
.section-title-center[data-v-57ab9688] {
  font-size: 36px;
  font-weight: 900;
  color: #1A1A1A;
  text-align: center;
  margin-bottom: 50px;
}
.project-overview[data-v-57ab9688] {
  padding: 100px 0;
  background: #FFFFFF;
}
.project-overview .overview-grid[data-v-57ab9688] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.project-overview .overview-grid .overview-content .overview-text[data-v-57ab9688] {
  font-size: 16px;
  color: #666666;
  line-height: 1.8;
  margin-bottom: 20px;
}
.project-overview .overview-grid .overview-content .key-features[data-v-57ab9688] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-top: 30px;
}
.project-overview .overview-grid .overview-content .key-features .feature-item[data-v-57ab9688] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.project-overview .overview-grid .overview-content .key-features .feature-item i[data-v-57ab9688] {
  color: #C8102E;
  font-size: 18px;
}
.project-overview .overview-grid .overview-content .key-features .feature-item span[data-v-57ab9688] {
  font-size: 15px;
  color: #1A1A1A;
}
.project-overview .overview-grid .overview-image img[data-v-57ab9688] {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.system-architecture[data-v-57ab9688] {
  padding: 100px 0;
  background: #F8F8F8;
}
.system-architecture .architecture-flow[data-v-57ab9688] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.system-architecture .architecture-flow .flow-item[data-v-57ab9688] {
  text-align: center;
  padding: 30px;
  background: #FFFFFF;
  border-radius: 16px;
  min-width: 150px;
  transition: all 0.3s ease;
}
.system-architecture .architecture-flow .flow-item[data-v-57ab9688]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.system-architecture .architecture-flow .flow-item .flow-icon[data-v-57ab9688] {
  width: 60px;
  height: 60px;
  margin: 0 auto 15px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #C8102E;
}
.system-architecture .architecture-flow .flow-item h3[data-v-57ab9688] {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 8px;
}
.system-architecture .architecture-flow .flow-item p[data-v-57ab9688] {
  font-size: 13px;
  color: #666666;
}
.system-architecture .architecture-flow .flow-arrow[data-v-57ab9688] {
  color: #C8102E;
  font-size: 24px;
}
.core-functions[data-v-57ab9688] {
  padding: 100px 0;
  background: #FFFFFF;
}
.core-functions .functions-grid[data-v-57ab9688] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.core-functions .functions-grid .function-card[data-v-57ab9688] {
  padding: 40px 30px;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.core-functions .functions-grid .function-card[data-v-57ab9688]:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  border-color: #C8102E;
}
.core-functions .functions-grid .function-card:hover .function-icon[data-v-57ab9688] {
  background: #C8102E;
  color: #FFFFFF;
}
.core-functions .functions-grid .function-card .function-icon[data-v-57ab9688] {
  width: 70px;
  height: 70px;
  margin-bottom: 25px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #C8102E;
  transition: all 0.3s ease;
}
.core-functions .functions-grid .function-card h3[data-v-57ab9688] {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 15px;
}
.core-functions .functions-grid .function-card p[data-v-57ab9688] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
}
.application-value[data-v-57ab9688] {
  padding: 100px 0;
  background: #F8F8F8;
}
.application-value .value-grid[data-v-57ab9688] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.application-value .value-grid .value-item[data-v-57ab9688] {
  padding: 40px 30px;
  background: #FFFFFF;
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease;
}
.application-value .value-grid .value-item[data-v-57ab9688]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.application-value .value-grid .value-item .value-number[data-v-57ab9688] {
  font-size: 48px;
  font-weight: 900;
  color: #C8102E;
  margin-bottom: 20px;
  opacity: 0.3;
}
.application-value .value-grid .value-item h3[data-v-57ab9688] {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 15px;
}
.application-value .value-grid .value-item p[data-v-57ab9688] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
}
.tech-highlights[data-v-57ab9688] {
  padding: 100px 0;
  background: #FFFFFF;
}
.tech-highlights .highlights-content[data-v-57ab9688] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.tech-highlights .highlights-content .highlights-text .highlight-item[data-v-57ab9688] {
  margin-bottom: 30px;
  padding-left: 20px;
  border-left: 4px solid #C8102E;
}
.tech-highlights .highlights-content .highlights-text .highlight-item h3[data-v-57ab9688] {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 10px;
}
.tech-highlights .highlights-content .highlights-text .highlight-item p[data-v-57ab9688] {
  font-size: 15px;
  color: #666666;
  line-height: 1.6;
}
.tech-highlights .highlights-content .highlights-image img[data-v-57ab9688] {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
.related-cases[data-v-57ab9688] {
  padding: 100px 0;
  background: #F8F8F8;
}
.related-cases .cases-grid[data-v-57ab9688] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.related-cases .cases-grid .case-card[data-v-57ab9688] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.related-cases .cases-grid .case-card[data-v-57ab9688]:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
.related-cases .cases-grid .case-card:hover .case-image img[data-v-57ab9688] {
  transform: scale(1.05);
}
.related-cases .cases-grid .case-card .case-image[data-v-57ab9688] {
  overflow: hidden;
}
.related-cases .cases-grid .case-card .case-image img[data-v-57ab9688] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.related-cases .cases-grid .case-card .case-body[data-v-57ab9688] {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.related-cases .cases-grid .case-card .case-body .case-tag[data-v-57ab9688] {
  display: inline-block;
  padding: 6px 16px;
  background: #C8102E;
  color: #FFFFFF;
  border-radius: 15px;
  font-size: 12px;
  margin-bottom: 15px;
  width: -moz-fit-content;
  width: fit-content;
}
.related-cases .cases-grid .case-card .case-body h3[data-v-57ab9688] {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 12px;
}
.related-cases .cases-grid .case-card .case-body p[data-v-57ab9688] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
}
.cta-section[data-v-57ab9688] {
  padding: 100px 0;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  text-align: center;
  color: #FFFFFF;
}
.cta-section h2[data-v-57ab9688] {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 15px;
}
.cta-section p[data-v-57ab9688] {
  font-size: 18px;
  margin-bottom: 40px;
  opacity: 0.9;
}
.cta-section .cta-buttons[data-v-57ab9688] {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.cta-section .cta-buttons .btn[data-v-57ab9688] {
  padding: 16px 40px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.cta-section .cta-buttons .btn.btn-primary[data-v-57ab9688] {
  background: #FFFFFF;
  color: #C8102E;
}
.cta-section .cta-buttons .btn.btn-primary[data-v-57ab9688]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.cta-section .cta-buttons .btn.btn-outline[data-v-57ab9688] {
  background: transparent;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.cta-section .cta-buttons .btn.btn-outline[data-v-57ab9688]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
@media (max-width: 1024px) {
.project-overview .overview-grid[data-v-57ab9688] {
    grid-template-columns: 1fr;
}
.project-overview .overview-grid .overview-image[data-v-57ab9688] {
    display: none;
}
.system-architecture .architecture-flow[data-v-57ab9688] {
    flex-direction: column;
}
.system-architecture .architecture-flow .flow-arrow[data-v-57ab9688] {
    transform: rotate(90deg);
}
.core-functions .functions-grid[data-v-57ab9688] {
    grid-template-columns: repeat(2, 1fr);
}
.application-value .value-grid[data-v-57ab9688] {
    grid-template-columns: repeat(2, 1fr);
}
.tech-highlights .highlights-content[data-v-57ab9688] {
    grid-template-columns: 1fr;
}
.tech-highlights .highlights-content .highlights-image[data-v-57ab9688] {
    display: none;
}
}
@media (max-width: 768px) {
.case-hero[data-v-57ab9688] {
    padding: 60px 0;
}
.case-hero .case-header .case-title[data-v-57ab9688] {
    font-size: 32px;
}
.section-title[data-v-57ab9688],
  .section-title-center[data-v-57ab9688] {
    font-size: 28px;
}
.core-functions .functions-grid[data-v-57ab9688],
  .application-value .value-grid[data-v-57ab9688] {
    grid-template-columns: 1fr;
}
.related-cases .cases-grid[data-v-57ab9688] {
    grid-template-columns: 1fr;
}
.related-cases .cases-grid .case-card[data-v-57ab9688] {
    grid-template-columns: 1fr;
}
.cta-section[data-v-57ab9688] {
    padding: 60px 0;
}
.cta-section h2[data-v-57ab9688] {
    font-size: 28px;
}
.cta-section .cta-buttons[data-v-57ab9688] {
    flex-direction: column;
    align-items: center;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/nolw2.vue?vue&type=style&index=0&id=89afd408&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*[data-v-89afd408] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container[data-v-89afd408] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.knowledge-center[data-v-89afd408] {
  background: #FFFFFF;
}
.hero[data-v-89afd408] {
  position: relative;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  padding: 120px 0 80px;
  overflow: hidden;
}
.hero .hero-bg[data-v-89afd408] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"rgba%28255,255,255,0.05%29\"/></svg>");
  background-size: 200px;
  opacity: 0.3;
}
.hero .hero-content[data-v-89afd408] {
  position: relative;
  z-index: 1;
}
.hero .hero-text[data-v-89afd408] {
  color: #FFFFFF;
  text-align: center;
}
.hero .hero-text .hero-badge[data-v-89afd408] {
  display: inline-block;
  padding: 10px 28px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.hero .hero-text .hero-title[data-v-89afd408] {
  font-size: 56px;
  font-weight: 900;
  margin-bottom: 16px;
  line-height: 1.1;
}
.hero .hero-text .hero-title .hero-subtitle-line[data-v-89afd408] {
  display: block;
  font-size: 24px;
  font-weight: 400;
  opacity: 0.9;
  margin-top: 8px;
}
.hero .hero-text .hero-desc[data-v-89afd408] {
  font-size: 18px;
  opacity: 0.85;
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}
.stats-section[data-v-89afd408] {
  background: #FFFFFF;
  padding: 60px 0;
  margin-top: -40px;
  position: relative;
  z-index: 10;
}
.stats-section .stats-grid[data-v-89afd408] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  padding: 40px;
}
.stats-section .stat-item[data-v-89afd408] {
  text-align: center;
}
.stats-section .stat-item .stat-icon[data-v-89afd408] {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.1) 0%, rgba(154, 11, 35, 0.1) 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.stats-section .stat-item .stat-icon i[data-v-89afd408] {
  font-size: 28px;
  color: #C8102E;
}
.stats-section .stat-item .stat-number[data-v-89afd408] {
  font-size: 42px;
  font-weight: 800;
  color: #1A1A1A;
  line-height: 1;
  margin-bottom: 8px;
}
.stats-section .stat-item .stat-label[data-v-89afd408] {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
}
.filter-section[data-v-89afd408] {
  background: #F8F8F8;
  padding: 24px 0;
  border-bottom: 1px solid #E8E8E8;
}
.filter-section .filter-tabs[data-v-89afd408] {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.filter-section .filter-tag[data-v-89afd408] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #FFFFFF;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.filter-section .filter-tag i[data-v-89afd408] {
  font-size: 16px;
  color: #666666;
}
.filter-section .filter-tag span[data-v-89afd408] {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
}
.filter-section .filter-tag[data-v-89afd408]:hover {
  border-color: #C8102E;
}
.filter-section .filter-tag:hover i[data-v-89afd408], .filter-section .filter-tag:hover span[data-v-89afd408] {
  color: #C8102E;
}
.filter-section .filter-tag.active[data-v-89afd408] {
  background: #C8102E;
  border-color: #C8102E;
}
.filter-section .filter-tag.active i[data-v-89afd408], .filter-section .filter-tag.active span[data-v-89afd408] {
  color: #FFFFFF;
}
.section-header[data-v-89afd408] {
  text-align: center;
  margin-bottom: 48px;
}
.section-header .section-title[data-v-89afd408] {
  font-size: 36px;
  font-weight: 800;
  color: #1A1A1A;
  margin-bottom: 12px;
}
.section-header .section-subtitle[data-v-89afd408] {
  font-size: 16px;
  color: #666666;
}
.knowledge-cards[data-v-89afd408] {
  padding: 80px 0;
  background: #FFFFFF;
}
.knowledge-cards .cards-grid[data-v-89afd408] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.knowledge-card[data-v-89afd408] {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 32px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid #E8E8E8;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.knowledge-card[data-v-89afd408]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  border-color: #C8102E;
}
.knowledge-card:hover .card-footer .card-link[data-v-89afd408] {
  color: #C8102E;
}
.knowledge-card:hover .card-footer .card-link i[data-v-89afd408] {
  transform: translateX(4px);
}
.knowledge-card .card-header[data-v-89afd408] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.knowledge-card .card-icon[data-v-89afd408] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.knowledge-card .card-icon i[data-v-89afd408] {
  font-size: 28px;
  color: #FFFFFF;
}
.knowledge-card .card-title[data-v-89afd408] {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  flex: 1;
}
.knowledge-card .card-desc[data-v-89afd408] {
  font-size: 15px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 16px;
}
.knowledge-card .card-tags[data-v-89afd408] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.knowledge-card .card-tags .tag[data-v-89afd408] {
  padding: 6px 12px;
  background: #F8F8F8;
  border-radius: 20px;
  font-size: 12px;
  color: #666666;
  font-weight: 500;
}
.knowledge-card .card-footer[data-v-89afd408] {
  border-top: 1px solid #E8E8E8;
  padding-top: 16px;
}
.knowledge-card .card-footer .card-link[data-v-89afd408] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A;
  transition: all 0.3s ease;
}
.knowledge-card .card-footer .card-link i[data-v-89afd408] {
  transition: transform 0.3s ease;
}
.news-section[data-v-89afd408] {
  padding: 80px 0;
  background: #F8F8F8;
}
.news-section .news-grid[data-v-89afd408] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.news-section .news-card[data-v-89afd408] {
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}
.news-section .news-card[data-v-89afd408]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
.news-section .news-card.featured[data-v-89afd408] {
  grid-row: span 2;
}
.news-section .news-card.featured .news-image[data-v-89afd408] {
  height: 200px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-section .news-card.featured .news-image i[data-v-89afd408] {
  font-size: 48px;
  color: rgba(255, 255, 255, 0.3);
}
.news-section .news-card .news-content[data-v-89afd408] {
  padding: 24px;
}
.news-section .news-card .news-tag[data-v-89afd408] {
  display: inline-block;
  padding: 4px 12px;
  background: rgba(200, 16, 46, 0.1);
  color: #C8102E;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}
.news-section .news-card .news-tag.industry[data-v-89afd408] {
  background: rgba(26, 84, 144, 0.1);
  color: #1A5490;
}
.news-section .news-card .news-tag.standard[data-v-89afd408] {
  background: rgba(46, 125, 50, 0.1);
  color: #2E7D32;
}
.news-section .news-card .news-tag.guide[data-v-89afd408] {
  background: rgba(245, 124, 0, 0.1);
  color: #F57C00;
}
.news-section .news-card .news-title[data-v-89afd408] {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 12px;
  line-height: 1.4;
}
.news-section .news-card .news-desc[data-v-89afd408] {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 16px;
}
.news-section .news-card .news-meta[data-v-89afd408] {
  display: flex;
  gap: 20px;
}
.news-section .news-card .news-meta span[data-v-89afd408] {
  font-size: 13px;
  color: #666666;
}
.news-section .news-card .news-meta span i[data-v-89afd408] {
  margin-right: 4px;
}
.faq-section[data-v-89afd408] {
  padding: 80px 0;
  background: #FFFFFF;
}
.faq-section .faq-list[data-v-89afd408] {
  max-width: 800px;
  margin: 0 auto;
}
.faq-section .faq-item[data-v-89afd408] {
  background: #F8F8F8;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.faq-section .faq-item.active[data-v-89afd408] {
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.faq-section .faq-item .faq-question[data-v-89afd408] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  cursor: pointer;
}
.faq-section .faq-item .faq-question .faq-icon[data-v-89afd408] {
  width: 40px;
  height: 40px;
  background: #C8102E;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-section .faq-item .faq-question .faq-icon i[data-v-89afd408] {
  font-size: 20px;
  color: #FFFFFF;
}
.faq-section .faq-item .faq-question h4[data-v-89afd408] {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
}
.faq-section .faq-item .faq-question .faq-arrow[data-v-89afd408] {
  font-size: 16px;
  color: #666666;
  transition: transform 0.3s ease;
}
.faq-section .faq-item .faq-question .faq-arrow.rotated[data-v-89afd408] {
  transform: rotate(180deg);
}
.faq-section .faq-item .faq-answer[data-v-89afd408] {
  padding: 0 24px 20px 80px;
}
.faq-section .faq-item .faq-answer p[data-v-89afd408] {
  font-size: 15px;
  color: #666666;
  line-height: 1.8;
}
.download-section[data-v-89afd408] {
  padding: 80px 0;
  background: #F8F8F8;
}
.download-section .download-grid[data-v-89afd408] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.download-card[data-v-89afd408] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.download-card[data-v-89afd408]:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.download-card:hover .download-btn[data-v-89afd408] {
  background: #C8102E;
  color: #FFFFFF;
}
.download-card .download-icon[data-v-89afd408] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.download-card .download-icon i[data-v-89afd408] {
  font-size: 24px;
  color: #FFFFFF;
}
.download-card .download-info[data-v-89afd408] {
  flex: 1;
}
.download-card .download-info .download-title[data-v-89afd408] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 6px;
}
.download-card .download-info .download-desc[data-v-89afd408] {
  font-size: 13px;
  color: #666666;
  margin-bottom: 8px;
}
.download-card .download-info .download-meta[data-v-89afd408] {
  display: flex;
  gap: 16px;
}
.download-card .download-info .download-meta span[data-v-89afd408] {
  font-size: 12px;
  color: #666666;
}
.download-card .download-info .download-meta span i[data-v-89afd408] {
  margin-right: 4px;
}
.download-card .download-btn[data-v-89afd408] {
  padding: 10px 20px;
  background: #E8E8E8;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A;
  cursor: pointer;
  transition: all 0.3s ease;
}
.download-card .download-btn i[data-v-89afd408] {
  margin-right: 4px;
}
.support-section[data-v-89afd408] {
  padding: 80px 0;
  background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%);
}
.support-section .support-content[data-v-89afd408] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.support-section .support-text h2[data-v-89afd408] {
  font-size: 32px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.support-section .support-text p[data-v-89afd408] {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin-bottom: 24px;
}
.support-section .support-text .support-features[data-v-89afd408] {
  display: flex;
  gap: 32px;
}
.support-section .support-text .support-features .support-feature[data-v-89afd408] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #FFFFFF;
}
.support-section .support-text .support-features .support-feature i[data-v-89afd408] {
  font-size: 20px;
  color: #C8102E;
}
.support-section .support-text .support-features .support-feature span[data-v-89afd408] {
  font-size: 14px;
}
.support-section .support-actions[data-v-89afd408] {
  display: flex;
  gap: 16px;
}
.support-section .support-actions button[data-v-89afd408] {
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.support-section .support-actions button i[data-v-89afd408] {
  margin-right: 8px;
}
.support-section .support-actions .btn-primary[data-v-89afd408] {
  background: #C8102E;
  border: none;
  color: #FFFFFF;
}
.support-section .support-actions .btn-primary[data-v-89afd408]:hover {
  background: #9A0B23;
}
.support-section .support-actions .btn-secondary[data-v-89afd408] {
  background: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.support-section .support-actions .btn-secondary[data-v-89afd408]:hover {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 992px) {
.stats-section .stats-grid[data-v-89afd408] {
    grid-template-columns: repeat(2, 1fr);
}
.knowledge-cards .cards-grid[data-v-89afd408] {
    grid-template-columns: repeat(2, 1fr);
}
.news-section .news-grid[data-v-89afd408] {
    grid-template-columns: 1fr;
}
.news-section .news-grid .news-card.featured[data-v-89afd408] {
    grid-row: auto;
}
.support-section .support-content[data-v-89afd408] {
    flex-direction: column;
    text-align: center;
}
.support-section .support-content .support-features[data-v-89afd408] {
    justify-content: center;
}
.detail-content .standard-grid[data-v-89afd408] {
    grid-template-columns: 1fr;
}
.detail-content .barcode-grid[data-v-89afd408] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.hero[data-v-89afd408] {
    padding: 80px 0 60px;
}
.hero .hero-text .hero-title[data-v-89afd408] {
    font-size: 36px;
}
.hero .hero-text .hero-title .hero-subtitle-line[data-v-89afd408] {
    font-size: 18px;
}
.hero .hero-text .hero-desc[data-v-89afd408] {
    font-size: 15px;
}
.stats-section[data-v-89afd408] {
    padding: 40px 0;
}
.stats-section .stats-grid[data-v-89afd408] {
    padding: 24px;
}
.stats-section .stat-item .stat-number[data-v-89afd408] {
    font-size: 32px;
}
.filter-section .filter-tabs[data-v-89afd408] {
    padding: 0 10px;
}
.filter-tag[data-v-89afd408] {
    padding: 10px 16px;
}
.filter-tag i[data-v-89afd408] {
    display: none;
}
.knowledge-cards[data-v-89afd408] {
    padding: 60px 0;
}
.knowledge-cards .cards-grid[data-v-89afd408] {
    grid-template-columns: 1fr;
}
.knowledge-card[data-v-89afd408] {
    padding: 24px;
}
.download-grid[data-v-89afd408] {
    grid-template-columns: 1fr;
}
.download-card[data-v-89afd408] {
    flex-direction: column;
    align-items: flex-start;
}
.download-card .download-btn[data-v-89afd408] {
    width: 100%;
    margin-top: 12px;
}
.support-section[data-v-89afd408] {
    padding: 60px 0;
}
.support-section .support-text h2[data-v-89afd408] {
    font-size: 24px;
}
.support-section .support-features[data-v-89afd408] {
    flex-direction: column;
    gap: 16px;
}
.support-section .support-actions[data-v-89afd408] {
    flex-direction: column;
    width: 100%;
}
.support-section .support-actions button[data-v-89afd408] {
    width: 100%;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/nolw2.vue?vue&type=style&index=1&id=89afd408&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.knowledge-dialog {
  border-radius: 16px;
  overflow: hidden;
}
.knowledge-dialog .el-dialog__header {
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  padding: 20px 24px;
  margin: 0;
}
.knowledge-dialog .el-dialog__header .el-dialog__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.knowledge-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 20px;
  right: 20px;
}
.knowledge-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
}
.knowledge-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}
.knowledge-dialog .el-dialog__body {
  padding: 32px;
  max-height: 70vh;
  overflow-y: auto;
}
.knowledge-dialog .el-dialog__body::-webkit-scrollbar {
  width: 6px;
}
.knowledge-dialog .el-dialog__body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.knowledge-dialog .el-dialog__body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.knowledge-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
.detail-content .detail-section {
  margin-bottom: 40px;
}
.detail-content .detail-section:last-child {
  margin-bottom: 0;
}
.detail-content .detail-section h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 3px solid #C8102E;
  display: inline-block;
}
.detail-content .detail-section p {
  font-size: 15px;
  color: #555;
  line-height: 1.9;
  margin-bottom: 16px;
  text-align: justify;
}
.detail-content .detail-section p:last-child {
  margin-bottom: 0;
}
.detail-content .detail-section a {
  color: #C8102E;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s;
}
.detail-content .detail-section a:hover {
  color: #9A0B23;
  text-decoration: underline;
}
.detail-content .feature-grid {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}
.detail-content .feature-item {
  display: flex;
  gap: 20px;
  padding: 20px 24px;
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
  border-radius: 12px;
  border-left: 4px solid #C8102E;
  transition: all 0.3s ease;
}
.detail-content .feature-item:hover {
  transform: translateX(8px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.detail-content .feature-item .feature-num {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.detail-content .feature-item .feature-text {
  flex: 1;
}
.detail-content .feature-item .feature-text h4 {
  font-size: 17px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 8px;
}
.detail-content .feature-item .feature-text p {
  font-size: 14px;
  color: #666;
  margin: 0;
  line-height: 1.7;
}
.detail-content .standard-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media (max-width: 992px) {
.detail-content .standard-grid {
    grid-template-columns: 1fr;
}
}
.detail-content .standard-item {
  padding: 28px 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
  border-radius: 16px;
  text-align: center;
  border: 1px solid #eee;
  transition: all 0.3s ease;
}
.detail-content .standard-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-color: #C8102E;
}
.detail-content .standard-item:hover .standard-icon {
  transform: scale(1.1);
}
.detail-content .standard-item .standard-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 16px rgba(200, 16, 46, 0.3);
}
.detail-content .standard-item .standard-icon i {
  font-size: 26px;
  color: #fff;
}
.detail-content .standard-item h4 {
  font-size: 17px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 10px;
}
.detail-content .standard-item p {
  font-size: 13px;
  color: #666;
  margin: 0;
  line-height: 1.6;
}
.detail-content .udi-list {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}
.detail-content .udi-item {
  display: flex;
  gap: 20px;
  padding: 20px 24px;
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
  border-radius: 12px;
  border-left: 4px solid #C8102E;
  transition: all 0.3s ease;
}
.detail-content .udi-item:hover {
  transform: translateX(8px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.detail-content .udi-item .udi-num {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.detail-content .udi-item .udi-text {
  flex: 1;
}
.detail-content .udi-item .udi-text h4 {
  font-size: 17px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 8px;
}
.detail-content .udi-item .udi-text p {
  font-size: 14px;
  color: #666;
  margin: 0;
  line-height: 1.7;
}
.detail-content .benefit-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}
.detail-content .benefit-list li {
  padding: 14px 20px 14px 48px;
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
  border-radius: 10px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #555;
  position: relative;
  line-height: 1.6;
  transition: all 0.3s ease;
}
.detail-content .benefit-list li:hover {
  transform: translateX(8px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.detail-content .benefit-list li::before {
  content: "✓";
  position: absolute;
  left: 18px;
  color: #fff;
  font-weight: 700;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #C8102E 0%, #9A0B23 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.detail-content .barcode-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media (max-width: 992px) {
.detail-content .barcode-grid {
    grid-template-columns: 1fr;
}
}
.detail-content .barcode-item {
  padding: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
  border-radius: 16px;
  border: 1px solid #eee;
  transition: all 0.3s ease;
}
.detail-content .barcode-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-color: #C8102E;
}
.detail-content .barcode-item h4 {
  font-size: 17px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 10px;
}
.detail-content .barcode-item p {
  font-size: 14px;
  color: #666;
  margin-bottom: 14px;
  line-height: 1.6;
}
.detail-content .barcode-item .barcode-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.detail-content .barcode-item .barcode-tags span {
  padding: 5px 12px;
  background: rgba(200, 16, 46, 0.1);
  border-radius: 20px;
  font-size: 12px;
  color: #C8102E;
  font-weight: 500;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/dang2.vue?vue&type=style&index=0&id=deab8f5c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@keyframes fadeIn-deab8f5c {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes float-deab8f5c {
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes pulse-deab8f5c {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}
@keyframes gradient-shift-deab8f5c {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
*[data-v-deab8f5c] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container[data-v-deab8f5c] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}
.dang2[data-v-deab8f5c] {
  background: #FFFFFF;
  font-family: "SimSun", "STSong", "Microsoft YaHei", serif;
}
.top-banner[data-v-deab8f5c] {
  width: 100%;
  height: 500px;
  position: relative;
  z-index: 100;
  margin-top: 80px; /* 防止被导航栏遮挡 */
  background: linear-gradient(135deg, #901428 0%, #A8001E 100%);
  overflow: hidden;
  animation: fadeIn-deab8f5c 0.8s ease-out forwards;
}
.top-banner .banner-bg[data-v-deab8f5c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"rgba%28255,255,255,0.05%29\"/></svg>"), url(/img/dang.425d80d3.png) left top/35% no-repeat, url(/img/dang1.16e7986a.png) center/40% no-repeat, url(/img/dang2.f0f12b4a.png) right bottom/35% no-repeat;
  background-size: 200px, 35%, 40%, 35%;
  z-index: -1;
  animation: bgSlide-deab8f5c 15s ease-in-out infinite;
}
@keyframes bgSlide-deab8f5c {
0% {
    background-position: 0 0, left top, center, right bottom;
}
33% {
    background-position: 0 0, left center, top center, right center;
}
66% {
    background-position: 0 0, left bottom, center, right top;
}
100% {
    background-position: 0 0, left top, center, right bottom;
}
}
.top-banner .banner-content[data-v-deab8f5c] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  margin-top: 50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 40px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
}
.top-banner .banner-content .banner-header[data-v-deab8f5c] {
  margin-bottom: 30px;
  margin-top: 100px;
}
.top-banner .banner-content .banner-header h1[data-v-deab8f5c] {
  color: white;
  font-size: 48px;
  font-weight: 800;
  margin: 0;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
  font-family: "SimSun", "STSong", serif;
  letter-spacing: 4px;
}
.top-banner .banner-content .banner-header h1[data-v-deab8f5c]::after {
  content: "";
  display: block;
  width: 160px;
  height: 4px;
  background: #D4AF37;
  margin: 25px auto 0;
  border-radius: 2px;
}
.top-banner .banner-content .banner-subtitle[data-v-deab8f5c] {
  color: white;
  font-size: 22px;
  margin: 0 0 45px 0;
  opacity: 1;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  font-family: "SimSun", "STSong", serif;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
.top-banner .banner-content .banner-actions[data-v-deab8f5c] {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.top-banner .banner-content .banner-actions .action-btn[data-v-deab8f5c] {
  display: inline-block;
  padding: 18px 48px;
  border-radius: 35px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-family: "SimSun", "STSong", serif;
  letter-spacing: 2px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
}
.top-banner .banner-content .banner-actions .action-btn[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.top-banner .banner-content .banner-actions .action-btn[data-v-deab8f5c]:hover::before {
  left: 100%;
}
.top-banner .banner-content .banner-actions .action-btn.primary[data-v-deab8f5c] {
  background: #D4AF37;
  color: #901428;
  text-shadow: none;
  box-shadow: 0 8px 25px rgba(255, 215, 0, 0.6);
}
.top-banner .banner-content .banner-actions .action-btn.primary[data-v-deab8f5c]:hover {
  background: #ffd700;
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(255, 215, 0, 0.8);
}
.top-banner .banner-content .banner-actions .action-btn.secondary[data-v-deab8f5c] {
  background: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.top-banner .banner-content .banner-actions .action-btn.secondary[data-v-deab8f5c]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}
.main-content[data-v-deab8f5c] {
  padding: 20px 0;
  background: #FFFFFF;
}
.main-content .content-grid[data-v-deab8f5c] {
  display: grid;
  grid-template-columns: 240px 1fr 280px;
  grid-auto-rows: 1fr;
  gap: 25px;
  margin-bottom: 40px;
}
.main-content .content-grid .left-section[data-v-deab8f5c] {
  display: flex;
  flex-direction: column;
}
.main-content .content-grid .left-section .featured-content[data-v-deab8f5c] {
  margin-bottom: 20px;
}
.main-content .content-grid .left-section .featured-content .featured-link[data-v-deab8f5c] {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #333333;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .left-section .featured-content .featured-link[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #D4AF37 100%);
}
.main-content .content-grid .left-section .featured-content .featured-link[data-v-deab8f5c]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid #E8304E;
}
.main-content .content-grid .left-section .featured-content .featured-link img[data-v-deab8f5c] {
  width: 100%;
  max-width: 160px;
  margin: 0 auto 15px;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.4s ease;
}
.main-content .content-grid .left-section .featured-content .featured-link:hover img[data-v-deab8f5c] {
  transform: scale(1.05);
}
.main-content .content-grid .left-section .featured-content .featured-link .featured-title[data-v-deab8f5c] {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 8px;
  color: #C8102E;
  font-family: "SimSun", "STSong", serif;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.main-content .content-grid .left-section .featured-content .featured-link .featured-subtitle[data-v-deab8f5c] {
  font-size: 13px;
  color: #555555;
  margin-bottom: 20px;
  font-family: "SimSun", "STSong", serif;
  line-height: 1.5;
}
.main-content .content-grid .left-section .featured-content .featured-link .featured-btn[data-v-deab8f5c] {
  display: inline-block;
  padding: 10px 24px;
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  color: #FFFFFF;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-family: "SimSun", "STSong", serif;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.2);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .left-section .featured-content .featured-link .featured-btn[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.main-content .content-grid .left-section .featured-content .featured-link .featured-btn[data-v-deab8f5c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(200, 16, 46, 0.4);
}
.main-content .content-grid .left-section .featured-content .featured-link .featured-btn[data-v-deab8f5c]:hover::before {
  left: 100%;
}
.main-content .content-grid .left-section .learning-section[data-v-deab8f5c] {
  margin-bottom: 20px;
  padding: 18px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.main-content .content-grid .left-section .learning-section .section-title[data-v-deab8f5c] {
  font-size: 16px;
  font-weight: 800;
  color: #C8102E;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 3px solid #C8102E;
  font-family: "SimSun", "STSong", serif;
  position: relative;
}
.main-content .content-grid .left-section .learning-section .section-title[data-v-deab8f5c]::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 50px;
  height: 3px;
  background: #D4AF37;
}
.main-content .content-grid .left-section .learning-section .learning-links[data-v-deab8f5c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-content .content-grid .left-section .learning-section .learning-links .learning-link[data-v-deab8f5c] {
  text-decoration: none;
  color: #333333;
  font-size: 13px;
  padding: 12px 16px;
  border-radius: 8px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  align-items: center;
  gap: 10px;
  background: #F5F5F5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-family: "SimSun", "STSong", serif;
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .left-section .learning-section .learning-links .learning-link[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #C8102E;
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.main-content .content-grid .left-section .learning-section .learning-links .learning-link .link-icon[data-v-deab8f5c] {
  font-size: 14px;
  color: #C8102E;
  transition: all 0.4s ease;
  flex-shrink: 0;
}
.main-content .content-grid .left-section .learning-section .learning-links .learning-link[data-v-deab8f5c]:hover {
  background: rgba(200, 16, 46, 0.05);
  color: #C8102E;
  transform: translateX(6px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.main-content .content-grid .left-section .learning-section .learning-links .learning-link:hover .link-icon[data-v-deab8f5c] {
  transform: translateX(3px) rotate(90deg);
}
.main-content .content-grid .left-section .learning-section .learning-links .learning-link[data-v-deab8f5c]:hover::before {
  transform: scaleY(1);
}
.main-content .content-grid .left-section .calendar-section[data-v-deab8f5c] {
  margin-bottom: 20px;
  padding: 18px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.main-content .content-grid .left-section .calendar-section .section-title[data-v-deab8f5c] {
  font-size: 16px;
  font-weight: 800;
  color: #C8102E;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 3px solid #C8102E;
  font-family: "SimSun", "STSong", serif;
  position: relative;
}
.main-content .content-grid .left-section .calendar-section .section-title[data-v-deab8f5c]::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 50px;
  height: 3px;
  background: #D4AF37;
}
.main-content .content-grid .left-section .calendar-section .calendar-content[data-v-deab8f5c] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item[data-v-deab8f5c] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  background: #F5F5F5;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #C8102E;
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item[data-v-deab8f5c]:hover {
  background: rgba(200, 16, 46, 0.05);
  transform: translateX(6px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item[data-v-deab8f5c]:hover::before {
  transform: scaleY(1);
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-icon[data-v-deab8f5c] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  color: #FFFFFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.2);
  transition: transform 0.4s ease;
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-icon i[data-v-deab8f5c] {
  font-size: 24px;
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item:hover .calendar-icon[data-v-deab8f5c] {
  transform: scale(1.1) rotate(5deg);
}
.main-content .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-title[data-v-deab8f5c] {
  color: #333333;
  font-size: 13px;
  font-weight: 600;
  font-family: "SimSun", "STSong", serif;
}
.main-content .content-grid .left-section .test-section[data-v-deab8f5c] {
  margin-top: 20px;
  text-align: center;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .left-section .test-section[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #D4AF37 100%);
}
.main-content .content-grid .left-section .test-section .section-title[data-v-deab8f5c] {
  font-size: 16px;
  font-weight: 800;
  color: #C8102E;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 3px solid #C8102E;
  font-family: "SimSun", "STSong", serif;
  position: relative;
}
.main-content .content-grid .left-section .test-section .section-title[data-v-deab8f5c]::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: #D4AF37;
}
.main-content .content-grid .left-section .test-section .test-btn[data-v-deab8f5c] {
  display: inline-block;
  padding: 12px 32px;
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  color: #FFFFFF;
  border-radius: 25px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-family: "SimSun", "STSong", serif;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.2);
  position: relative;
  overflow: hidden;
  margin-top: 8px;
}
.main-content .content-grid .left-section .test-section .test-btn[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.main-content .content-grid .left-section .test-section .test-btn[data-v-deab8f5c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(200, 16, 46, 0.4);
}
.main-content .content-grid .left-section .test-section .test-btn[data-v-deab8f5c]:hover::before {
  left: 100%;
}
.main-content .content-grid .center-section .materials-section[data-v-deab8f5c],
.main-content .content-grid .center-section .org-section[data-v-deab8f5c],
.main-content .content-grid .center-section .party-news-section[data-v-deab8f5c] {
  margin-bottom: 30px;
  padding: 25px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .center-section .materials-section[data-v-deab8f5c]::before,
.main-content .content-grid .center-section .org-section[data-v-deab8f5c]::before,
.main-content .content-grid .center-section .party-news-section[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #D4AF37 100%);
}
.main-content .content-grid .center-section .materials-section .section-title[data-v-deab8f5c],
.main-content .content-grid .center-section .org-section .section-title[data-v-deab8f5c],
.main-content .content-grid .center-section .party-news-section .section-title[data-v-deab8f5c] {
  font-size: 18px;
  font-weight: 800;
  color: #C8102E;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 2px solid #F5F5F5;
  font-family: "SimSun", "STSong", serif;
}
.main-content .content-grid .center-section .materials-section .section-title .title-icon[data-v-deab8f5c],
.main-content .content-grid .center-section .org-section .section-title .title-icon[data-v-deab8f5c],
.main-content .content-grid .center-section .party-news-section .section-title .title-icon[data-v-deab8f5c] {
  display: inline-block;
  position: relative;
}
.main-content .content-grid .center-section .materials-section .section-title .title-icon[data-v-deab8f5c]::after,
.main-content .content-grid .center-section .org-section .section-title .title-icon[data-v-deab8f5c]::after,
.main-content .content-grid .center-section .party-news-section .section-title .title-icon[data-v-deab8f5c]::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 60px;
  height: 2px;
  background: #C8102E;
}
.main-content .content-grid .center-section .materials-section .section-title .more-link[data-v-deab8f5c],
.main-content .content-grid .center-section .org-section .section-title .more-link[data-v-deab8f5c],
.main-content .content-grid .center-section .party-news-section .section-title .more-link[data-v-deab8f5c] {
  text-decoration: none;
  color: #555555;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  padding: 6px 12px;
  border-radius: 15px;
}
.main-content .content-grid .center-section .materials-section .section-title .more-link[data-v-deab8f5c]:hover,
.main-content .content-grid .center-section .org-section .section-title .more-link[data-v-deab8f5c]:hover,
.main-content .content-grid .center-section .party-news-section .section-title .more-link[data-v-deab8f5c]:hover {
  color: #C8102E;
  background: rgba(178, 34, 34, 0.05);
  text-decoration: none;
}
.main-content .content-grid .center-section .materials-grid[data-v-deab8f5c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.main-content .content-grid .center-section .materials-grid .material-item[data-v-deab8f5c] {
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  line-height: 1.5;
  padding: 20px;
  background: #F5F5F5;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .center-section .materials-grid .material-item[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #C8102E;
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.main-content .content-grid .center-section .materials-grid .material-item[data-v-deab8f5c]:hover {
  color: #C8102E;
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.main-content .content-grid .center-section .materials-grid .material-item[data-v-deab8f5c]:hover::before {
  transform: scaleY(1);
}
.main-content .content-grid .center-section .materials-grid .material-item .material-icon[data-v-deab8f5c] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(178, 34, 34, 0.2);
  transition: transform 0.4s ease;
}
.main-content .content-grid .center-section .materials-grid .material-item .material-icon i[data-v-deab8f5c] {
  font-size: 24px;
}
.main-content .content-grid .center-section .materials-grid .material-item:hover .material-icon[data-v-deab8f5c] {
  transform: scale(1.1) rotate(5deg);
}
.main-content .content-grid .center-section .org-links[data-v-deab8f5c],
.main-content .content-grid .center-section .news-links[data-v-deab8f5c] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main-content .content-grid .center-section .org-links .org-link[data-v-deab8f5c],
.main-content .content-grid .center-section .org-links .news-link[data-v-deab8f5c],
.main-content .content-grid .center-section .news-links .org-link[data-v-deab8f5c],
.main-content .content-grid .center-section .news-links .news-link[data-v-deab8f5c] {
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  line-height: 1.5;
  padding: 20px;
  background: #F5F5F5;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .center-section .org-links .org-link[data-v-deab8f5c]::before,
.main-content .content-grid .center-section .org-links .news-link[data-v-deab8f5c]::before,
.main-content .content-grid .center-section .news-links .org-link[data-v-deab8f5c]::before,
.main-content .content-grid .center-section .news-links .news-link[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #C8102E;
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.main-content .content-grid .center-section .org-links .org-link[data-v-deab8f5c]:hover,
.main-content .content-grid .center-section .org-links .news-link[data-v-deab8f5c]:hover,
.main-content .content-grid .center-section .news-links .org-link[data-v-deab8f5c]:hover,
.main-content .content-grid .center-section .news-links .news-link[data-v-deab8f5c]:hover {
  color: #C8102E;
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.main-content .content-grid .center-section .org-links .org-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .center-section .org-links .news-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .center-section .news-links .org-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .center-section .news-links .news-link[data-v-deab8f5c]:hover::before {
  transform: scaleY(1);
}
.main-content .content-grid .center-section .org-links .org-link .org-date[data-v-deab8f5c],
.main-content .content-grid .center-section .org-links .org-link .news-date[data-v-deab8f5c],
.main-content .content-grid .center-section .org-links .news-link .org-date[data-v-deab8f5c],
.main-content .content-grid .center-section .org-links .news-link .news-date[data-v-deab8f5c],
.main-content .content-grid .center-section .news-links .org-link .org-date[data-v-deab8f5c],
.main-content .content-grid .center-section .news-links .org-link .news-date[data-v-deab8f5c],
.main-content .content-grid .center-section .news-links .news-link .org-date[data-v-deab8f5c],
.main-content .content-grid .center-section .news-links .news-link .news-date[data-v-deab8f5c] {
  width: 90px;
  padding: 10px;
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  color: #FFFFFF;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(178, 34, 34, 0.2);
}
.main-content .content-grid .right-section .theme-education[data-v-deab8f5c],
.main-content .content-grid .right-section .right-materials[data-v-deab8f5c],
.main-content .content-grid .right-section .history-education[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-section[data-v-deab8f5c] {
  margin-bottom: 30px;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .right-section .theme-education[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .right-materials[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .history-education[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .vanguard-section[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #D4AF37 100%);
}
.main-content .content-grid .right-section .theme-education .section-title[data-v-deab8f5c],
.main-content .content-grid .right-section .right-materials .section-title[data-v-deab8f5c],
.main-content .content-grid .right-section .history-education .section-title[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-section .section-title[data-v-deab8f5c] {
  font-size: 18px;
  font-weight: 800;
  color: #C8102E;
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 3px solid #C8102E;
  font-family: "SimSun", "STSong", serif;
  position: relative;
}
.main-content .content-grid .right-section .theme-education .section-title[data-v-deab8f5c]::after,
.main-content .content-grid .right-section .right-materials .section-title[data-v-deab8f5c]::after,
.main-content .content-grid .right-section .history-education .section-title[data-v-deab8f5c]::after,
.main-content .content-grid .right-section .vanguard-section .section-title[data-v-deab8f5c]::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 60px;
  height: 3px;
  background: #D4AF37;
}
.main-content .content-grid .right-section .theme-links[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links[data-v-deab8f5c] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main-content .content-grid .right-section .theme-links .theme-link[data-v-deab8f5c],
.main-content .content-grid .right-section .theme-links .history-link[data-v-deab8f5c],
.main-content .content-grid .right-section .theme-links .vanguard-link[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .theme-link[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .history-link[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .vanguard-link[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .theme-link[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .history-link[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .vanguard-link[data-v-deab8f5c] {
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  padding: 14px 20px;
  border-radius: 8px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  align-items: center;
  gap: 12px;
  background: #F5F5F5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .right-section .theme-links .theme-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .theme-links .history-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .theme-links .vanguard-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .history-links .theme-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .history-links .history-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .history-links .vanguard-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .vanguard-links .theme-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .vanguard-links .history-link[data-v-deab8f5c]::before,
.main-content .content-grid .right-section .vanguard-links .vanguard-link[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #C8102E;
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.main-content .content-grid .right-section .theme-links .theme-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .theme-links .history-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .theme-links .vanguard-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .history-links .theme-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .history-links .history-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .history-links .vanguard-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .vanguard-links .theme-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .vanguard-links .history-link[data-v-deab8f5c]:hover,
.main-content .content-grid .right-section .vanguard-links .vanguard-link[data-v-deab8f5c]:hover {
  background: rgba(178, 34, 34, 0.05);
  color: #C8102E;
  padding-left: 24px;
  transform: translateX(4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.main-content .content-grid .right-section .theme-links .theme-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .theme-links .history-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .theme-links .vanguard-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .history-links .theme-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .history-links .history-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .history-links .vanguard-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .vanguard-links .theme-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .vanguard-links .history-link[data-v-deab8f5c]:hover::before,
.main-content .content-grid .right-section .vanguard-links .vanguard-link[data-v-deab8f5c]:hover::before {
  transform: scaleY(1);
}
.main-content .content-grid .right-section .theme-links .theme-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .theme-links .history-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .theme-links .vanguard-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .theme-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .history-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .vanguard-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .theme-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .history-link i[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .vanguard-link i[data-v-deab8f5c] {
  font-size: 18px;
  color: #C8102E;
  flex-shrink: 0;
  transition: transform 0.4s ease;
}
.main-content .content-grid .right-section .theme-links .theme-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .theme-links .history-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .theme-links .vanguard-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .theme-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .history-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .history-links .vanguard-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .theme-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .history-link:hover i[data-v-deab8f5c],
.main-content .content-grid .right-section .vanguard-links .vanguard-link:hover i[data-v-deab8f5c] {
  transform: scale(1.1) rotate(10deg);
}
.main-content .content-grid .right-section .material-cards[data-v-deab8f5c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.main-content .content-grid .right-section .material-cards .material-card[data-v-deab8f5c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #FFFFFF;
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  padding: 30px 15px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 16px rgba(178, 34, 34, 0.2);
  position: relative;
  overflow: hidden;
}
.main-content .content-grid .right-section .material-cards .material-card[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}
.main-content .content-grid .right-section .material-cards .material-card[data-v-deab8f5c]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(178, 34, 34, 0.4);
}
.main-content .content-grid .right-section .material-cards .material-card[data-v-deab8f5c]:hover::before {
  left: 100%;
}
.main-content .content-grid .right-section .material-cards .material-card i[data-v-deab8f5c] {
  font-size: 28px;
  margin-bottom: 12px;
  transition: transform 0.4s ease;
}
.main-content .content-grid .right-section .material-cards .material-card:hover i[data-v-deab8f5c] {
  transform: scale(1.2) rotate(5deg);
}
.main-content .bottom-section[data-v-deab8f5c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.main-content .bottom-section .course-section[data-v-deab8f5c],
.main-content .bottom-section .plan-section[data-v-deab8f5c] {
  padding: 20px;
  background: #F5F5F5;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.main-content .bottom-section .course-section .section-title[data-v-deab8f5c],
.main-content .bottom-section .plan-section .section-title[data-v-deab8f5c] {
  font-size: 18px;
  font-weight: 700;
  color: #C8102E;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #C8102E;
}
.main-content .bottom-section .course-section .course-links[data-v-deab8f5c],
.main-content .bottom-section .course-section .plan-links[data-v-deab8f5c],
.main-content .bottom-section .plan-section .course-links[data-v-deab8f5c],
.main-content .bottom-section .plan-section .plan-links[data-v-deab8f5c] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.main-content .bottom-section .course-section .course-links .course-link[data-v-deab8f5c],
.main-content .bottom-section .course-section .course-links .plan-link[data-v-deab8f5c],
.main-content .bottom-section .course-section .plan-links .course-link[data-v-deab8f5c],
.main-content .bottom-section .course-section .plan-links .plan-link[data-v-deab8f5c],
.main-content .bottom-section .plan-section .course-links .course-link[data-v-deab8f5c],
.main-content .bottom-section .plan-section .course-links .plan-link[data-v-deab8f5c],
.main-content .bottom-section .plan-section .plan-links .course-link[data-v-deab8f5c],
.main-content .bottom-section .plan-section .plan-links .plan-link[data-v-deab8f5c] {
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  padding: 8px 16px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}
.main-content .bottom-section .course-section .course-links .course-link[data-v-deab8f5c]:hover,
.main-content .bottom-section .course-section .course-links .plan-link[data-v-deab8f5c]:hover,
.main-content .bottom-section .course-section .plan-links .course-link[data-v-deab8f5c]:hover,
.main-content .bottom-section .course-section .plan-links .plan-link[data-v-deab8f5c]:hover,
.main-content .bottom-section .plan-section .course-links .course-link[data-v-deab8f5c]:hover,
.main-content .bottom-section .plan-section .course-links .plan-link[data-v-deab8f5c]:hover,
.main-content .bottom-section .plan-section .plan-links .course-link[data-v-deab8f5c]:hover,
.main-content .bottom-section .plan-section .plan-links .plan-link[data-v-deab8f5c]:hover {
  color: #C8102E;
  background: rgba(178, 34, 34, 0.05);
  transform: translateY(-2px);
}
.main-content .bottom-section .course-section .course-links .course-link i[data-v-deab8f5c],
.main-content .bottom-section .course-section .course-links .plan-link i[data-v-deab8f5c],
.main-content .bottom-section .course-section .plan-links .course-link i[data-v-deab8f5c],
.main-content .bottom-section .course-section .plan-links .plan-link i[data-v-deab8f5c],
.main-content .bottom-section .plan-section .course-links .course-link i[data-v-deab8f5c],
.main-content .bottom-section .plan-section .course-links .plan-link i[data-v-deab8f5c],
.main-content .bottom-section .plan-section .plan-links .course-link i[data-v-deab8f5c],
.main-content .bottom-section .plan-section .plan-links .plan-link i[data-v-deab8f5c] {
  font-size: 14px;
  color: #C8102E;
}
.party-integration[data-v-deab8f5c] {
  margin-bottom: 50px;
  padding: 35px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.party-integration[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, #C8102E 0%, #D4AF37 50%, #C8102E 100%);
}
.party-integration .section-title[data-v-deab8f5c] {
  font-size: 24px;
  font-weight: 800;
  color: #C8102E;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 3px solid #C8102E;
  font-family: "SimSun", "STSong", serif;
  position: relative;
}
.party-integration .section-title .title-icon[data-v-deab8f5c] {
  display: inline-block;
  position: relative;
}
.party-integration .section-title .title-icon[data-v-deab8f5c]::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 80px;
  height: 3px;
  background: #D4AF37;
}
.party-integration .section-title .more-link[data-v-deab8f5c] {
  text-decoration: none;
  color: #555555;
  font-size: 14px;
  font-weight: 600;
  font-family: "SimSun", "STSong", serif;
  padding: 8px 16px;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.party-integration .section-title .more-link[data-v-deab8f5c]:hover {
  color: #C8102E;
  background: rgba(178, 34, 34, 0.05);
  text-decoration: none;
}
.party-integration .integration-grid[data-v-deab8f5c] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.party-integration .integration-grid .integration-item[data-v-deab8f5c] {
  text-decoration: none;
  color: #333333;
  padding: 30px;
  background: #F5F5F5;
  border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.party-integration .integration-grid .integration-item[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #C8102E 0%, #D4AF37 100%);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.party-integration .integration-grid .integration-item[data-v-deab8f5c]:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
  border: 1px solid #E8304E;
}
.party-integration .integration-grid .integration-item[data-v-deab8f5c]:hover::before {
  transform: scaleX(1);
}
.party-integration .integration-grid .integration-item .integration-icon[data-v-deab8f5c] {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
  box-shadow: 0 6px 20px rgba(178, 34, 34, 0.3);
  transition: transform 0.4s ease;
}
.party-integration .integration-grid .integration-item .integration-icon i[data-v-deab8f5c] {
  font-size: 36px;
}
.party-integration .integration-grid .integration-item:hover .integration-icon[data-v-deab8f5c] {
  transform: scale(1.1) rotate(5deg);
}
.party-integration .integration-grid .integration-item .integration-title[data-v-deab8f5c] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #C8102E;
  font-family: "SimSun", "STSong", serif;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.party-integration .integration-grid .integration-item .integration-desc[data-v-deab8f5c] {
  font-size: 14px;
  line-height: 1.6;
  color: #555555;
  font-family: "SimSun", "STSong", serif;
}
.bottom-nav[data-v-deab8f5c] {
  background: linear-gradient(135deg, #C8102E 0%, #A8001E 100%);
  padding: 40px 0;
  border-top: 4px solid #D4AF37;
  position: relative;
  overflow: hidden;
}
.bottom-nav[data-v-deab8f5c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4wNSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIgLz48L3N2Zz4=);
  opacity: 0.1;
}
.bottom-nav .nav-links[data-v-deab8f5c] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.bottom-nav .nav-links .nav-item[data-v-deab8f5c] {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
  font-family: "SimSun", "STSong", serif;
  padding: 10px 20px;
  border-radius: 25px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.bottom-nav .nav-links .nav-item[data-v-deab8f5c]:hover {
  color: #C8102E;
  background: #FFFFFF;
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1200px) {
.content-grid[data-v-deab8f5c] {
    grid-template-columns: 220px 1fr 280px;
    gap: 20px;
}
.integration-grid[data-v-deab8f5c] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 992px) {
.top-banner[data-v-deab8f5c] {
    padding: 60px 0;
}
.top-banner .banner-content .banner-header h1[data-v-deab8f5c] {
    font-size: 28px;
}
.top-banner .banner-content .banner-subtitle[data-v-deab8f5c] {
    font-size: 16px;
}
.content-grid[data-v-deab8f5c] {
    grid-template-columns: 1fr 1fr;
}
.content-grid .left-section[data-v-deab8f5c] {
    order: 2;
}
.content-grid .center-section[data-v-deab8f5c] {
    order: 1;
}
.content-grid .right-section[data-v-deab8f5c] {
    order: 3;
    grid-column: span 2;
}
.integration-grid[data-v-deab8f5c] {
    grid-template-columns: repeat(2, 1fr);
}
.bottom-section[data-v-deab8f5c] {
    grid-template-columns: 1fr;
}
.nav-links[data-v-deab8f5c] {
    gap: 15px;
}
}
@media (max-width: 768px) {
.container[data-v-deab8f5c] {
    padding: 0 20px;
}
.top-banner[data-v-deab8f5c] {
    padding: 40px 0 30px;
    margin-top: 60px;
}
.top-banner .banner-bg[data-v-deab8f5c] {
    background-position: center center;
    background-size: cover;
}
.top-banner .banner-content .banner-header[data-v-deab8f5c] {
    margin-bottom: 15px;
    padding: 0 10px;
}
.top-banner .banner-content .banner-header h1[data-v-deab8f5c] {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 1px;
}
.top-banner .banner-content .banner-header h1[data-v-deab8f5c]::after {
    width: 60px;
    height: 3px;
    margin: 12px auto 0;
}
.top-banner .banner-content .banner-subtitle[data-v-deab8f5c] {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 20px 0;
    padding: 0 15px;
}
.top-banner .banner-content .banner-actions[data-v-deab8f5c] {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 0 15px;
}
.top-banner .banner-content .banner-actions .action-btn[data-v-deab8f5c] {
    width: 100%;
    max-width: 260px;
    padding: 12px 25px;
    font-size: 14px;
    text-align: center;
}
.top-banner .banner-content .banner-actions .action-btn.primary[data-v-deab8f5c] {
    background: rgba(255, 255, 255, 0.95);
    color: #C8102E;
}
.top-banner .banner-content .banner-actions .action-btn.secondary[data-v-deab8f5c] {
    border: 2px solid rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.1);
}
.main-content[data-v-deab8f5c] {
    padding: 30px 0;
}
.important-notice[data-v-deab8f5c] {
    padding: 20px 15px;
    margin-bottom: 25px;
}
.important-notice .notice-content[data-v-deab8f5c] {
    flex-direction: column;
    text-align: center;
    gap: 15px;
}
.important-notice .notice-content .notice-icon[data-v-deab8f5c] {
    font-size: 32px;
    margin-bottom: 5px;
}
.important-notice .notice-content .notice-text[data-v-deab8f5c] {
    font-size: 14px;
    line-height: 1.6;
}
.important-notice .notice-content .notice-link[data-v-deab8f5c] {
    padding: 10px 25px;
    font-size: 13px;
    min-width: 110px;
}
.content-grid[data-v-deab8f5c] {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 35px;
}
.content-grid .left-section[data-v-deab8f5c],
  .content-grid .center-section[data-v-deab8f5c],
  .content-grid .right-section[data-v-deab8f5c] {
    order: initial;
    grid-column: span 1;
}
.content-grid .left-section .featured-content[data-v-deab8f5c] {
    margin-bottom: 20px;
}
.content-grid .left-section .featured-content .featured-link[data-v-deab8f5c] {
    padding: 20px 15px;
}
.content-grid .left-section .featured-content .featured-link img[data-v-deab8f5c] {
    max-width: 140px;
    margin: 0 auto 12px;
}
.content-grid .left-section .featured-content .featured-link .featured-title[data-v-deab8f5c] {
    font-size: 18px;
    margin-bottom: 6px;
}
.content-grid .left-section .featured-content .featured-link .featured-subtitle[data-v-deab8f5c] {
    font-size: 13px;
    margin-bottom: 16px;
}
.content-grid .left-section .featured-content .featured-link .featured-btn[data-v-deab8f5c] {
    padding: 10px 25px;
    font-size: 13px;
}
.content-grid .left-section .learning-section[data-v-deab8f5c],
  .content-grid .left-section .calendar-section[data-v-deab8f5c] {
    padding: 18px;
    margin-bottom: 20px;
}
.content-grid .left-section .learning-section .section-title[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
    margin-bottom: 12px;
    padding-bottom: 8px;
}
.content-grid .left-section .learning-section .section-title[data-v-deab8f5c]::after,
  .content-grid .left-section .calendar-section .section-title[data-v-deab8f5c]::after {
    width: 40px;
    height: 2px;
    bottom: -2px;
}
.content-grid .left-section .learning-section .learning-links[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .learning-links[data-v-deab8f5c] {
    gap: 8px;
}
.content-grid .left-section .learning-section .learning-links .learning-link[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .learning-links .learning-link[data-v-deab8f5c] {
    font-size: 13px;
    padding: 10px 14px;
}
.content-grid .left-section .learning-section .learning-links .learning-link .link-icon[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .learning-links .learning-link .link-icon[data-v-deab8f5c] {
    font-size: 12px;
}
.content-grid .left-section .learning-section .calendar-content[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content[data-v-deab8f5c] {
    gap: 10px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item[data-v-deab8f5c] {
    padding: 12px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item .calendar-icon[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-icon[data-v-deab8f5c] {
    width: 44px;
    height: 44px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item .calendar-icon i[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-icon i[data-v-deab8f5c] {
    font-size: 22px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item .calendar-title[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-title[data-v-deab8f5c] {
    font-size: 13px;
}
.content-grid .left-section .test-section[data-v-deab8f5c] {
    padding: 20px 15px;
}
.content-grid .left-section .test-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
    margin-bottom: 12px;
}
.content-grid .left-section .test-section .section-title[data-v-deab8f5c]::after {
    width: 40px;
    height: 2px;
    bottom: -2px;
}
.content-grid .left-section .test-section .test-btn[data-v-deab8f5c] {
    padding: 12px 30px;
    font-size: 14px;
}
.content-grid .center-section .materials-section[data-v-deab8f5c],
  .content-grid .center-section .org-section[data-v-deab8f5c],
  .content-grid .center-section .party-news-section[data-v-deab8f5c] {
    padding: 18px;
    margin-bottom: 20px;
}
.content-grid .center-section .materials-section .section-title[data-v-deab8f5c],
  .content-grid .center-section .org-section .section-title[data-v-deab8f5c],
  .content-grid .center-section .party-news-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
    margin-bottom: 12px;
    padding-bottom: 8px;
}
.content-grid .center-section .materials-section .section-title .title-icon[data-v-deab8f5c]::after,
  .content-grid .center-section .org-section .section-title .title-icon[data-v-deab8f5c]::after,
  .content-grid .center-section .party-news-section .section-title .title-icon[data-v-deab8f5c]::after {
    width: 40px;
    height: 2px;
    bottom: -10px;
}
.content-grid .center-section .materials-section .section-title .more-link[data-v-deab8f5c],
  .content-grid .center-section .org-section .section-title .more-link[data-v-deab8f5c],
  .content-grid .center-section .party-news-section .section-title .more-link[data-v-deab8f5c] {
    font-size: 12px;
    padding: 4px 8px;
}
.content-grid .center-section .materials-grid[data-v-deab8f5c] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.content-grid .center-section .materials-grid .material-item[data-v-deab8f5c] {
    padding: 12px;
    font-size: 13px;
}
.content-grid .center-section .materials-grid .material-item .material-icon[data-v-deab8f5c] {
    width: 38px;
    height: 38px;
}
.content-grid .center-section .materials-grid .material-item .material-icon i[data-v-deab8f5c] {
    font-size: 18px;
}
.content-grid .center-section .org-links[data-v-deab8f5c],
  .content-grid .center-section .news-links[data-v-deab8f5c] {
    gap: 10px;
}
.content-grid .center-section .org-links .org-link[data-v-deab8f5c],
  .content-grid .center-section .org-links .news-link[data-v-deab8f5c],
  .content-grid .center-section .news-links .org-link[data-v-deab8f5c],
  .content-grid .center-section .news-links .news-link[data-v-deab8f5c] {
    padding: 12px;
    font-size: 13px;
}
.content-grid .center-section .org-links .org-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .org-links .org-link .news-date[data-v-deab8f5c],
  .content-grid .center-section .org-links .news-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .org-links .news-link .news-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .org-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .org-link .news-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .news-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .news-link .news-date[data-v-deab8f5c] {
    width: 60px;
    padding: 6px;
    font-size: 10px;
}
.content-grid .right-section .theme-education[data-v-deab8f5c],
  .content-grid .right-section .right-materials[data-v-deab8f5c],
  .content-grid .right-section .history-education[data-v-deab8f5c],
  .content-grid .right-section .vanguard-section[data-v-deab8f5c] {
    padding: 18px;
    margin-bottom: 20px;
}
.content-grid .right-section .theme-education .section-title[data-v-deab8f5c],
  .content-grid .right-section .right-materials .section-title[data-v-deab8f5c],
  .content-grid .right-section .history-education .section-title[data-v-deab8f5c],
  .content-grid .right-section .vanguard-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
    margin-bottom: 12px;
    padding-bottom: 8px;
}
.content-grid .right-section .theme-education .section-title[data-v-deab8f5c]::after,
  .content-grid .right-section .right-materials .section-title[data-v-deab8f5c]::after,
  .content-grid .right-section .history-education .section-title[data-v-deab8f5c]::after,
  .content-grid .right-section .vanguard-section .section-title[data-v-deab8f5c]::after {
    width: 40px;
    height: 2px;
    bottom: -2px;
}
.content-grid .right-section .theme-links[data-v-deab8f5c],
  .content-grid .right-section .history-links[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links[data-v-deab8f5c] {
    gap: 8px;
}
.content-grid .right-section .theme-links .theme-link[data-v-deab8f5c],
  .content-grid .right-section .theme-links .history-link[data-v-deab8f5c],
  .content-grid .right-section .theme-links .vanguard-link[data-v-deab8f5c],
  .content-grid .right-section .history-links .theme-link[data-v-deab8f5c],
  .content-grid .right-section .history-links .history-link[data-v-deab8f5c],
  .content-grid .right-section .history-links .vanguard-link[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .theme-link[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .history-link[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .vanguard-link[data-v-deab8f5c] {
    font-size: 13px;
    padding: 10px 14px;
}
.content-grid .right-section .theme-links .theme-link i[data-v-deab8f5c],
  .content-grid .right-section .theme-links .history-link i[data-v-deab8f5c],
  .content-grid .right-section .theme-links .vanguard-link i[data-v-deab8f5c],
  .content-grid .right-section .history-links .theme-link i[data-v-deab8f5c],
  .content-grid .right-section .history-links .history-link i[data-v-deab8f5c],
  .content-grid .right-section .history-links .vanguard-link i[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .theme-link i[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .history-link i[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .vanguard-link i[data-v-deab8f5c] {
    font-size: 14px;
}
.content-grid .right-section .material-cards[data-v-deab8f5c] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.content-grid .right-section .material-cards .material-card[data-v-deab8f5c] {
    padding: 20px 10px;
    font-size: 12px;
}
.content-grid .right-section .material-cards .material-card i[data-v-deab8f5c] {
    font-size: 20px;
    margin-bottom: 8px;
}
.party-integration[data-v-deab8f5c] {
    padding: 20px 15px;
    margin-bottom: 35px;
}
.party-integration .section-title[data-v-deab8f5c] {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.party-integration .section-title .title-icon[data-v-deab8f5c]::after {
    width: 50px;
    height: 2px;
    bottom: -12px;
}
.party-integration .section-title .more-link[data-v-deab8f5c] {
    font-size: 12px;
    padding: 5px 10px;
}
.party-integration .integration-grid[data-v-deab8f5c] {
    grid-template-columns: 1fr;
    gap: 15px;
}
.party-integration .integration-grid .integration-item[data-v-deab8f5c] {
    padding: 25px 15px;
    text-align: center;
    background: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.party-integration .integration-grid .integration-item .integration-icon[data-v-deab8f5c] {
    width: 60px;
    height: 60px;
    background: #B22222;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    box-shadow: 0 4px 12px rgba(178, 34, 34, 0.3);
}
.party-integration .integration-grid .integration-item .integration-icon i[data-v-deab8f5c] {
    font-size: 28px;
}
.party-integration .integration-grid .integration-item .integration-title[data-v-deab8f5c] {
    font-size: 16px;
    font-weight: 700;
    color: #B22222;
    margin-bottom: 10px;
    font-family: "SimSun", "STSong", serif;
}
.party-integration .integration-grid .integration-item .integration-desc[data-v-deab8f5c] {
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
    font-family: "SimSun", "STSong", serif;
}
.bottom-nav[data-v-deab8f5c] {
    padding: 25px 0;
    margin-top: 35px;
}
.bottom-nav .nav-links[data-v-deab8f5c] {
    gap: 10px;
    padding: 0 10px;
}
.bottom-nav .nav-links .nav-item[data-v-deab8f5c] {
    font-size: 11px;
    padding: 6px 12px;
    border-radius: 18px;
    white-space: nowrap;
}
}
@media (max-width: 480px) {
.container[data-v-deab8f5c] {
    padding: 0 15px;
}
.top-banner[data-v-deab8f5c] {
    padding: 50px 0 35px;
    margin-top: 50px;
}
.top-banner .banner-content .banner-header h1[data-v-deab8f5c] {
    font-size: 24px;
}
.top-banner .banner-content .banner-header h1[data-v-deab8f5c]::after {
    width: 60px;
}
.top-banner .banner-content .banner-subtitle[data-v-deab8f5c] {
    font-size: 14px;
}
.top-banner .banner-content .banner-actions .action-btn[data-v-deab8f5c] {
    padding: 12px 25px;
    font-size: 14px;
}
.important-notice[data-v-deab8f5c] {
    padding: 20px 15px;
}
.important-notice .notice-content .notice-icon[data-v-deab8f5c] {
    font-size: 36px;
}
.important-notice .notice-content .notice-text[data-v-deab8f5c] {
    font-size: 15px;
}
.important-notice .notice-content .notice-link[data-v-deab8f5c] {
    padding: 10px 25px;
    font-size: 13px;
}
.content-grid[data-v-deab8f5c] {
    gap: 20px;
}
.content-grid .left-section .featured-content .featured-link[data-v-deab8f5c] {
    padding: 20px 15px;
}
.content-grid .left-section .featured-content .featured-link img[data-v-deab8f5c] {
    max-width: 120px;
}
.content-grid .left-section .featured-content .featured-link .featured-title[data-v-deab8f5c] {
    font-size: 18px;
}
.content-grid .left-section .featured-content .featured-link .featured-subtitle[data-v-deab8f5c] {
    font-size: 13px;
}
.content-grid .left-section .featured-content .featured-link .featured-btn[data-v-deab8f5c] {
    padding: 10px 25px;
    font-size: 13px;
}
.content-grid .left-section .learning-section[data-v-deab8f5c],
  .content-grid .left-section .calendar-section[data-v-deab8f5c] {
    padding: 18px 15px;
}
.content-grid .left-section .learning-section .section-title[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
}
.content-grid .left-section .learning-section .learning-links .learning-link[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .learning-links .learning-link[data-v-deab8f5c] {
    font-size: 13px;
    padding: 10px 14px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item[data-v-deab8f5c] {
    padding: 12px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item .calendar-icon[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-icon[data-v-deab8f5c] {
    width: 42px;
    height: 42px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item .calendar-icon i[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-icon i[data-v-deab8f5c] {
    font-size: 20px;
}
.content-grid .left-section .learning-section .calendar-content .calendar-item .calendar-title[data-v-deab8f5c],
  .content-grid .left-section .calendar-section .calendar-content .calendar-item .calendar-title[data-v-deab8f5c] {
    font-size: 13px;
}
.content-grid .left-section .test-section[data-v-deab8f5c] {
    padding: 20px 15px;
}
.content-grid .left-section .test-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
}
.content-grid .left-section .test-section .test-btn[data-v-deab8f5c] {
    padding: 12px 30px;
    font-size: 14px;
}
.content-grid .center-section .materials-section[data-v-deab8f5c],
  .content-grid .center-section .org-section[data-v-deab8f5c],
  .content-grid .center-section .party-news-section[data-v-deab8f5c] {
    padding: 18px 15px;
}
.content-grid .center-section .materials-section .section-title[data-v-deab8f5c],
  .content-grid .center-section .org-section .section-title[data-v-deab8f5c],
  .content-grid .center-section .party-news-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
}
.content-grid .center-section .materials-grid .material-item[data-v-deab8f5c] {
    padding: 12px;
    font-size: 13px;
}
.content-grid .center-section .materials-grid .material-item .material-icon[data-v-deab8f5c] {
    width: 38px;
    height: 38px;
}
.content-grid .center-section .materials-grid .material-item .material-icon i[data-v-deab8f5c] {
    font-size: 18px;
}
.content-grid .center-section .org-links .org-link[data-v-deab8f5c],
  .content-grid .center-section .org-links .news-link[data-v-deab8f5c],
  .content-grid .center-section .news-links .org-link[data-v-deab8f5c],
  .content-grid .center-section .news-links .news-link[data-v-deab8f5c] {
    padding: 12px;
    font-size: 13px;
}
.content-grid .center-section .org-links .org-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .org-links .org-link .news-date[data-v-deab8f5c],
  .content-grid .center-section .org-links .news-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .org-links .news-link .news-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .org-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .org-link .news-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .news-link .org-date[data-v-deab8f5c],
  .content-grid .center-section .news-links .news-link .news-date[data-v-deab8f5c] {
    width: 60px;
    padding: 6px;
    font-size: 10px;
}
.content-grid .right-section .theme-education[data-v-deab8f5c],
  .content-grid .right-section .right-materials[data-v-deab8f5c],
  .content-grid .right-section .history-education[data-v-deab8f5c],
  .content-grid .right-section .vanguard-section[data-v-deab8f5c] {
    padding: 18px 15px;
}
.content-grid .right-section .theme-education .section-title[data-v-deab8f5c],
  .content-grid .right-section .right-materials .section-title[data-v-deab8f5c],
  .content-grid .right-section .history-education .section-title[data-v-deab8f5c],
  .content-grid .right-section .vanguard-section .section-title[data-v-deab8f5c] {
    font-size: 16px;
}
.content-grid .right-section .theme-links .theme-link[data-v-deab8f5c],
  .content-grid .right-section .theme-links .history-link[data-v-deab8f5c],
  .content-grid .right-section .theme-links .vanguard-link[data-v-deab8f5c],
  .content-grid .right-section .history-links .theme-link[data-v-deab8f5c],
  .content-grid .right-section .history-links .history-link[data-v-deab8f5c],
  .content-grid .right-section .history-links .vanguard-link[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .theme-link[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .history-link[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .vanguard-link[data-v-deab8f5c] {
    font-size: 13px;
    padding: 10px 14px;
}
.content-grid .right-section .theme-links .theme-link i[data-v-deab8f5c],
  .content-grid .right-section .theme-links .history-link i[data-v-deab8f5c],
  .content-grid .right-section .theme-links .vanguard-link i[data-v-deab8f5c],
  .content-grid .right-section .history-links .theme-link i[data-v-deab8f5c],
  .content-grid .right-section .history-links .history-link i[data-v-deab8f5c],
  .content-grid .right-section .history-links .vanguard-link i[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .theme-link i[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .history-link i[data-v-deab8f5c],
  .content-grid .right-section .vanguard-links .vanguard-link i[data-v-deab8f5c] {
    font-size: 14px;
}
.content-grid .right-section .material-cards[data-v-deab8f5c] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.content-grid .right-section .material-cards .material-card[data-v-deab8f5c] {
    padding: 20px 15px;
    font-size: 12px;
}
.content-grid .right-section .material-cards .material-card i[data-v-deab8f5c] {
    font-size: 22px;
    margin-bottom: 8px;
}
.party-integration[data-v-deab8f5c] {
    padding: 20px 15px;
}
.party-integration .section-title[data-v-deab8f5c] {
    font-size: 18px;
    margin-bottom: 20px;
}
.party-integration .integration-grid[data-v-deab8f5c] {
    gap: 15px;
}
.party-integration .integration-grid .integration-item[data-v-deab8f5c] {
    padding: 20px 15px;
}
.party-integration .integration-grid .integration-item .integration-icon[data-v-deab8f5c] {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
}
.party-integration .integration-grid .integration-item .integration-icon i[data-v-deab8f5c] {
    font-size: 28px;
}
.party-integration .integration-grid .integration-item .integration-title[data-v-deab8f5c] {
    font-size: 15px;
    margin-bottom: 10px;
}
.party-integration .integration-grid .integration-item .integration-desc[data-v-deab8f5c] {
    font-size: 12px;
}
.bottom-nav[data-v-deab8f5c] {
    padding: 25px 0;
    margin-top: 30px;
}
.bottom-nav .nav-links[data-v-deab8f5c] {
    gap: 10px;
}
.bottom-nav .nav-links .nav-item[data-v-deab8f5c] {
    font-size: 11px;
    padding: 6px 12px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ecodehref2.vue?vue&type=style&index=0&id=74d80e22&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 全局页面样式 */
.ecode-page[data-v-74d80e22] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f7fa;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  color: #333;
}

/* 面包屑导航 */
.breadcrumb-wrapper[data-v-74d80e22] {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e6ed;
  padding: 16px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.breadcrumb-container[data-v-74d80e22] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* 主要内容区域 */
.ecode-main[data-v-74d80e22] {
  flex: 1;
  width: 100%;
}

/* 容器样式 - 控制页面宽度和居中 */
.container[data-v-74d80e22] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* 标题区域 */
.ecode-hero[data-v-74d80e22] {
  background: linear-gradient(135deg, #1a5490 0%, #0d47a1 100%);
  color: white;
  padding: 120px 0;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.hero-bg[data-v-74d80e22] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIvPgogICAgICA8cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmMTAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9wYXR0ZXJuPgogIDwvZGVmcz4KICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIiAvPgo8L3N2Zz4=);
  opacity: 0.1;
}
.hero-content[data-v-74d80e22] {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.ecode-title[data-v-74d80e22] {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
  line-height: 1.2;
}
.ecode-subtitle[data-v-74d80e22] {
  font-size: 20px;
  opacity: 0.9;
  font-weight: 400;
  margin-bottom: 32px;
  line-height: 1.5;
}
.hero-btn[data-v-74d80e22] {
  font-size: 18px;
  padding: 16px 40px;
  border-radius: 50px;
}

/* 内容区域 */
.ecode-content[data-v-74d80e22] {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* 通用卡片样式 */
.section-card[data-v-74d80e22] {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  padding: 40px;
  transition: all 0.4s ease;
  opacity: 0;
  transform: translateY(30px);
  border: 1px solid #e8f0fe;
}
.section-card[data-v-74d80e22]:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(-5px);
}

/* 卡片头部 */
.section-header[data-v-74d80e22] {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e8f0fe;
}
.section-icon[data-v-74d80e22] {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #1a5490 0%, #0d47a1 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}
.section-icon i[data-v-74d80e22] {
  font-size: 24px;
  color: white;
}
.section-title[data-v-74d80e22] {
  font-size: 28px;
  font-weight: 600;
  color: #1a5490;
  margin: 0;
}

/* 卡片内容 */
.section-content[data-v-74d80e22] {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5568;
  margin-bottom: 24px;
}

/* 链接样式 */
.link-primary[data-v-74d80e22] {
  color: #1a5490;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
}
.link-primary[data-v-74d80e22]:hover {
  color: #0d47a1;
}
.link-primary[data-v-74d80e22]::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #1a5490;
  transition: width 0.3s ease;
}
.link-primary[data-v-74d80e22]:hover::after {
  width: 100%;
}

/* 图片容器 */
.image-container[data-v-74d80e22] {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.image-container[data-v-74d80e22]:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.section-image[data-v-74d80e22] {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}
.image-container:hover .section-image[data-v-74d80e22] {
  transform: scale(1.02);
}
.image-overlay[data-v-74d80e22] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  padding: 24px;
  text-align: center;
}
.image-caption[data-v-74d80e22] {
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

/* 核心功能网格 */
.features-grid[data-v-74d80e22] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.feature-item[data-v-74d80e22] {
  background: #f8fafc;
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}
.feature-item[data-v-74d80e22]:hover {
  background: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-color: #1a5490;
}
.feature-icon[data-v-74d80e22] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #1a5490 0%, #0d47a1 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.feature-icon i[data-v-74d80e22] {
  font-size: 28px;
  color: white;
}
.feature-title[data-v-74d80e22] {
  font-size: 18px;
  font-weight: 600;
  color: #1a5490;
  margin-bottom: 12px;
}
.feature-description[data-v-74d80e22] {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}

/* 行动召唤区域 */
.cta-section[data-v-74d80e22] {
  background: linear-gradient(135deg, #1a5490 0%, #0d47a1 100%);
  color: white;
  border-radius: 16px;
  padding: 60px;
  text-align: center;
  margin-top: 40px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}
.cta-content[data-v-74d80e22] {
  max-width: 600px;
  margin: 0 auto;
}
.cta-title[data-v-74d80e22] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}
.cta-description[data-v-74d80e22] {
  font-size: 18px;
  opacity: 0.9;
  margin-bottom: 32px;
}
.cta-buttons[data-v-74d80e22] {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

/* 按钮样式 */
.btn-primary[data-v-74d80e22] {
  display: inline-block;
  background-color: #ffffff;
  color: #1a5490;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-primary[data-v-74d80e22]:hover {
  background-color: #f0f9ff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.btn-secondary[data-v-74d80e22] {
  display: inline-block;
  background-color: transparent;
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid white;
  cursor: pointer;
}
.btn-secondary[data-v-74d80e22]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

/* 动画效果 */
.fade-in-up[data-v-74d80e22] {
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 响应式设计 */
@media (max-width: 992px) {
.container[data-v-74d80e22] {
    padding: 0 20px;
}
.ecode-title[data-v-74d80e22] {
    font-size: 36px;
}
.ecode-hero[data-v-74d80e22] {
    padding: 100px 0;
}
.section-card[data-v-74d80e22] {
    padding: 30px;
}
.section-title[data-v-74d80e22] {
    font-size: 24px;
}
.features-grid[data-v-74d80e22] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.cta-section[data-v-74d80e22] {
    padding: 50px;
}
.cta-title[data-v-74d80e22] {
    font-size: 28px;
}
}
@media (max-width: 768px) {
.breadcrumb-container[data-v-74d80e22] {
    padding: 0 20px;
}
.ecode-title[data-v-74d80e22] {
    font-size: 28px;
}
.ecode-subtitle[data-v-74d80e22] {
    font-size: 16px;
}
.ecode-hero[data-v-74d80e22] {
    padding: 80px 0;
    margin-bottom: 40px;
}
.section-card[data-v-74d80e22] {
    padding: 24px;
}
.section-header[data-v-74d80e22] {
    flex-direction: column;
    text-align: center;
    gap: 16px;
}
.section-icon[data-v-74d80e22] {
    margin-right: 0;
}
.section-title[data-v-74d80e22] {
    font-size: 20px;
}
.section-content[data-v-74d80e22] {
    font-size: 15px;
}
.features-grid[data-v-74d80e22] {
    grid-template-columns: 1fr;
}
.cta-section[data-v-74d80e22] {
    padding: 40px 20px;
}
.cta-title[data-v-74d80e22] {
    font-size: 24px;
}
.cta-buttons[data-v-74d80e22] {
    flex-direction: column;
    align-items: center;
}
.btn-primary[data-v-74d80e22], .btn-secondary[data-v-74d80e22] {
    width: 100%;
    max-width: 250px;
    text-align: center;
}
}
@media (max-width: 480px) {
.ecode-title[data-v-74d80e22] {
    font-size: 24px;
}
.ecode-hero[data-v-74d80e22] {
    padding: 60px 0;
}
.section-card[data-v-74d80e22] {
    padding: 20px;
}
.feature-item[data-v-74d80e22] {
    padding: 24px;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/udihref2.vue?vue&type=style&index=0&id=17ac6687&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 全局页面样式 */
.udi-page[data-v-17ac6687] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f7fa;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  color: #333;
}

/* 面包屑导航 */
.breadcrumb-wrapper[data-v-17ac6687] {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e6ed;
  padding: 16px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.breadcrumb-container[data-v-17ac6687] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* 主要内容区域 */
.udi-main[data-v-17ac6687] {
  flex: 1;
  width: 100%;
}

/* 容器样式 - 控制页面宽度和居中 */
.container[data-v-17ac6687] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* 标题区域 */
.udi-hero[data-v-17ac6687] {
  background: linear-gradient(135deg, #0066cc 0%, #004a99 100%);
  color: white;
  padding: 120px 0;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.hero-bg[data-v-17ac6687] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIvPgogICAgICA8cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmMTAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9wYXR0ZXJuPgogIDwvZGVmcz4KICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIiAvPgo8L3N2Zz4=);
  opacity: 0.1;
}
.hero-content[data-v-17ac6687] {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.udi-title[data-v-17ac6687] {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
  line-height: 1.2;
}
.udi-subtitle[data-v-17ac6687] {
  font-size: 20px;
  opacity: 0.9;
  font-weight: 400;
  margin-bottom: 32px;
  line-height: 1.5;
}
.hero-btn[data-v-17ac6687] {
  font-size: 18px;
  padding: 16px 40px;
  border-radius: 50px;
}

/* 内容区域 */
.udi-content[data-v-17ac6687] {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* 通用卡片样式 */
.section-card[data-v-17ac6687] {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  padding: 40px;
  transition: all 0.4s ease;
  opacity: 0;
  transform: translateY(30px);
  border: 1px solid #e8f0fe;
}
.section-card[data-v-17ac6687]:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(-5px);
}

/* 卡片头部 */
.section-header[data-v-17ac6687] {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e8f0fe;
}
.section-icon[data-v-17ac6687] {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0066cc 0%, #004a99 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}
.section-icon i[data-v-17ac6687] {
  font-size: 24px;
  color: white;
}
.section-title[data-v-17ac6687] {
  font-size: 28px;
  font-weight: 600;
  color: #0066cc;
  margin: 0;
}

/* 卡片内容 */
.section-content[data-v-17ac6687] {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5568;
  margin-bottom: 24px;
}

/* 链接样式 */
.link-primary[data-v-17ac6687] {
  color: #0066cc;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
}
.link-primary[data-v-17ac6687]:hover {
  color: #004a99;
}
.link-primary[data-v-17ac6687]::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #0066cc;
  transition: width 0.3s ease;
}
.link-primary[data-v-17ac6687]:hover::after {
  width: 100%;
}

/* 图片容器 */
.image-container[data-v-17ac6687] {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.image-container[data-v-17ac6687]:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.section-image[data-v-17ac6687] {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}
.image-container:hover .section-image[data-v-17ac6687] {
  transform: scale(1.02);
}
.image-overlay[data-v-17ac6687] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  padding: 24px;
  text-align: center;
}
.image-caption[data-v-17ac6687] {
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

/* 实施流程 */
.process-steps[data-v-17ac6687] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.process-step[data-v-17ac6687] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  background: #f8fafc;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}
.process-step[data-v-17ac6687]:hover {
  background: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #0066cc;
}
.step-number[data-v-17ac6687] {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #0066cc 0%, #004a99 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 18px;
  flex-shrink: 0;
}
.step-content[data-v-17ac6687] {
  flex: 1;
}
.step-title[data-v-17ac6687] {
  font-size: 18px;
  font-weight: 600;
  color: #0066cc;
  margin-bottom: 8px;
}
.step-description[data-v-17ac6687] {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}

/* 优势网格 */
.advantages-grid[data-v-17ac6687] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.advantage-item[data-v-17ac6687] {
  background: #f8fafc;
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}
.advantage-item[data-v-17ac6687]:hover {
  background: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-color: #0066cc;
}
.advantage-icon[data-v-17ac6687] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #0066cc 0%, #004a99 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.advantage-icon i[data-v-17ac6687] {
  font-size: 28px;
  color: white;
}
.advantage-title[data-v-17ac6687] {
  font-size: 18px;
  font-weight: 600;
  color: #0066cc;
  margin-bottom: 12px;
}
.advantage-description[data-v-17ac6687] {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}

/* 行动召唤区域 */
.cta-section[data-v-17ac6687] {
  background: linear-gradient(135deg, #0066cc 0%, #004a99 100%);
  color: white;
  border-radius: 16px;
  padding: 60px;
  text-align: center;
  margin-top: 40px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}
.cta-content[data-v-17ac6687] {
  max-width: 600px;
  margin: 0 auto;
}
.cta-title[data-v-17ac6687] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}
.cta-description[data-v-17ac6687] {
  font-size: 18px;
  opacity: 0.9;
  margin-bottom: 32px;
}
.cta-buttons[data-v-17ac6687] {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

/* 按钮样式 */
.btn-primary[data-v-17ac6687] {
  display: inline-block;
  background-color: #ffffff;
  color: #0066cc;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-primary[data-v-17ac6687]:hover {
  background-color: #f0f9ff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.btn-secondary[data-v-17ac6687] {
  display: inline-block;
  background-color: transparent;
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid white;
  cursor: pointer;
}
.btn-secondary[data-v-17ac6687]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

/* 动画效果 */
.fade-in-up[data-v-17ac6687] {
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 响应式设计 */
@media (max-width: 992px) {
.container[data-v-17ac6687] {
    padding: 0 20px;
}
.udi-title[data-v-17ac6687] {
    font-size: 36px;
}
.udi-hero[data-v-17ac6687] {
    padding: 100px 0;
}
.section-card[data-v-17ac6687] {
    padding: 30px;
}
.section-title[data-v-17ac6687] {
    font-size: 24px;
}
.advantages-grid[data-v-17ac6687] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.cta-section[data-v-17ac6687] {
    padding: 50px;
}
.cta-title[data-v-17ac6687] {
    font-size: 28px;
}
}
@media (max-width: 768px) {
.breadcrumb-container[data-v-17ac6687] {
    padding: 0 20px;
}
.udi-title[data-v-17ac6687] {
    font-size: 28px;
}
.udi-subtitle[data-v-17ac6687] {
    font-size: 16px;
}
.udi-hero[data-v-17ac6687] {
    padding: 80px 0;
    margin-bottom: 40px;
}
.section-card[data-v-17ac6687] {
    padding: 24px;
}
.section-header[data-v-17ac6687] {
    flex-direction: column;
    text-align: center;
    gap: 16px;
}
.section-icon[data-v-17ac6687] {
    margin-right: 0;
}
.section-title[data-v-17ac6687] {
    font-size: 20px;
}
.section-content[data-v-17ac6687] {
    font-size: 15px;
}
.advantages-grid[data-v-17ac6687] {
    grid-template-columns: 1fr;
}
.process-step[data-v-17ac6687] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.cta-section[data-v-17ac6687] {
    padding: 40px 20px;
}
.cta-title[data-v-17ac6687] {
    font-size: 24px;
}
.cta-buttons[data-v-17ac6687] {
    flex-direction: column;
    align-items: center;
}
.btn-primary[data-v-17ac6687], .btn-secondary[data-v-17ac6687] {
    width: 100%;
    max-width: 250px;
    text-align: center;
}
}
@media (max-width: 480px) {
.udi-title[data-v-17ac6687] {
    font-size: 24px;
}
.udi-hero[data-v-17ac6687] {
    padding: 60px 0;
}
.section-card[data-v-17ac6687] {
    padding: 20px;
}
.advantage-item[data-v-17ac6687] {
    padding: 24px;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/tcode2.vue?vue&type=style&index=0&id=120a0e0b&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 全局页面样式 */
.tcode-page[data-v-120a0e0b] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f7fa;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  color: #333;
}

/* 面包屑导航 */
.breadcrumb-wrapper[data-v-120a0e0b] {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e6ed;
  padding: 16px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.breadcrumb-container[data-v-120a0e0b] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* 主要内容区域 */
.tcode-main[data-v-120a0e0b] {
  flex: 1;
  width: 100%;
}

/* 容器样式 - 控制页面宽度和居中 */
.container[data-v-120a0e0b] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* 标题区域 */
.tcode-hero[data-v-120a0e0b] {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
  padding: 120px 0;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.hero-bg[data-v-120a0e0b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIvPgogICAgICA8cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmMTAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9wYXR0ZXJuPgogIDwvZGVmcz4KICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIiAvPgo8L3N2Zz4=);
  opacity: 0.1;
}
.hero-content[data-v-120a0e0b] {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.tcode-title[data-v-120a0e0b] {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
  line-height: 1.2;
}
.tcode-subtitle[data-v-120a0e0b] {
  font-size: 20px;
  opacity: 0.9;
  font-weight: 400;
  margin-bottom: 32px;
  line-height: 1.5;
}
.hero-btn[data-v-120a0e0b] {
  font-size: 18px;
  padding: 16px 40px;
  border-radius: 50px;
}

/* 内容区域 */
.tcode-content[data-v-120a0e0b] {
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* 通用卡片样式 */
.section-card[data-v-120a0e0b] {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  padding: 40px;
  transition: all 0.4s ease;
  opacity: 0;
  transform: translateY(30px);
  border: 1px solid #e8f0fe;
}
.section-card[data-v-120a0e0b]:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(-5px);
}

/* 卡片头部 */
.section-header[data-v-120a0e0b] {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e8f0fe;
}
.section-icon[data-v-120a0e0b] {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}
.section-icon i[data-v-120a0e0b] {
  font-size: 24px;
  color: white;
}
.section-title[data-v-120a0e0b] {
  font-size: 28px;
  font-weight: 600;
  color: #007bff;
  margin: 0;
}

/* 卡片内容 */
.section-content[data-v-120a0e0b] {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5568;
  margin-bottom: 24px;
}

/* 链接样式 */
.link-primary[data-v-120a0e0b] {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
}
.link-primary[data-v-120a0e0b]:hover {
  color: #0056b3;
}
.link-primary[data-v-120a0e0b]::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #007bff;
  transition: width 0.3s ease;
}
.link-primary[data-v-120a0e0b]:hover::after {
  width: 100%;
}

/* 图片容器 */
.image-container[data-v-120a0e0b] {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.image-container[data-v-120a0e0b]:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.section-image[data-v-120a0e0b] {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}
.image-container:hover .section-image[data-v-120a0e0b] {
  transform: scale(1.02);
}
.image-overlay[data-v-120a0e0b] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  padding: 24px;
  text-align: center;
}
.image-caption[data-v-120a0e0b] {
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

/* 优势网格 */
.advantages-grid[data-v-120a0e0b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.advantage-item[data-v-120a0e0b] {
  background: #f8fafc;
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}
.advantage-item[data-v-120a0e0b]:hover {
  background: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-color: #007bff;
}
.advantage-icon[data-v-120a0e0b] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.advantage-icon i[data-v-120a0e0b] {
  font-size: 28px;
  color: white;
}
.advantage-title[data-v-120a0e0b] {
  font-size: 18px;
  font-weight: 600;
  color: #007bff;
  margin-bottom: 12px;
}
.advantage-description[data-v-120a0e0b] {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}

/* 应用场景网格 */
.scenarios-grid[data-v-120a0e0b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.scenario-item[data-v-120a0e0b] {
  background: #f8fafc;
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}
.scenario-item[data-v-120a0e0b]:hover {
  background: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-color: #007bff;
}
.scenario-icon[data-v-120a0e0b] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.scenario-icon i[data-v-120a0e0b] {
  font-size: 28px;
  color: white;
}
.scenario-title[data-v-120a0e0b] {
  font-size: 18px;
  font-weight: 600;
  color: #007bff;
  margin-bottom: 12px;
}
.scenario-description[data-v-120a0e0b] {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}

/* 行动召唤区域 */
.cta-section[data-v-120a0e0b] {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
  border-radius: 16px;
  padding: 60px;
  text-align: center;
  margin-top: 40px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}
.cta-content[data-v-120a0e0b] {
  max-width: 600px;
  margin: 0 auto;
}
.cta-title[data-v-120a0e0b] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}
.cta-description[data-v-120a0e0b] {
  font-size: 18px;
  opacity: 0.9;
  margin-bottom: 32px;
}
.cta-buttons[data-v-120a0e0b] {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

/* 按钮样式 */
.btn-primary[data-v-120a0e0b] {
  display: inline-block;
  background-color: #ffffff;
  color: #007bff;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-primary[data-v-120a0e0b]:hover {
  background-color: #f0f9ff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.btn-secondary[data-v-120a0e0b] {
  display: inline-block;
  background-color: transparent;
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid white;
  cursor: pointer;
}
.btn-secondary[data-v-120a0e0b]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

/* 动画效果 */
.fade-in-up[data-v-120a0e0b] {
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 响应式设计 */
@media (max-width: 992px) {
.container[data-v-120a0e0b] {
    padding: 0 20px;
}
.tcode-title[data-v-120a0e0b] {
    font-size: 36px;
}
.tcode-hero[data-v-120a0e0b] {
    padding: 100px 0;
}
.section-card[data-v-120a0e0b] {
    padding: 30px;
}
.section-title[data-v-120a0e0b] {
    font-size: 24px;
}
.advantages-grid[data-v-120a0e0b],
  .scenarios-grid[data-v-120a0e0b] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.cta-section[data-v-120a0e0b] {
    padding: 50px;
}
.cta-title[data-v-120a0e0b] {
    font-size: 28px;
}
}
@media (max-width: 768px) {
.breadcrumb-container[data-v-120a0e0b] {
    padding: 0 20px;
}
.tcode-title[data-v-120a0e0b] {
    font-size: 28px;
}
.tcode-subtitle[data-v-120a0e0b] {
    font-size: 16px;
}
.tcode-hero[data-v-120a0e0b] {
    padding: 80px 0;
    margin-bottom: 40px;
}
.section-card[data-v-120a0e0b] {
    padding: 24px;
}
.section-header[data-v-120a0e0b] {
    flex-direction: column;
    text-align: center;
    gap: 16px;
}
.section-icon[data-v-120a0e0b] {
    margin-right: 0;
}
.section-title[data-v-120a0e0b] {
    font-size: 20px;
}
.section-content[data-v-120a0e0b] {
    font-size: 15px;
}
.advantages-grid[data-v-120a0e0b],
  .scenarios-grid[data-v-120a0e0b] {
    grid-template-columns: 1fr;
}
.cta-section[data-v-120a0e0b] {
    padding: 40px 20px;
}
.cta-title[data-v-120a0e0b] {
    font-size: 24px;
}
.cta-buttons[data-v-120a0e0b] {
    flex-direction: column;
    align-items: center;
}
.btn-primary[data-v-120a0e0b], .btn-secondary[data-v-120a0e0b] {
    width: 100%;
    max-width: 250px;
    text-align: center;
}
}
@media (max-width: 480px) {
.tcode-title[data-v-120a0e0b] {
    font-size: 24px;
}
.tcode-hero[data-v-120a0e0b] {
    padding: 60px 0;
}
.section-card[data-v-120a0e0b] {
    padding: 20px;
}
.advantage-item[data-v-120a0e0b],
  .scenario-item[data-v-120a0e0b] {
    padding: 24px;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/encodingSolution.vue?vue&type=style&index=0&id=0966a206&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.encoding-solution-page[data-v-0966a206] {
  min-height: 100vh;
  background-color: #f8fafc;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.container[data-v-0966a206] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.btn-primary[data-v-0966a206] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(75, 115, 202, 0.3);
}
.btn-primary[data-v-0966a206]:hover {
  background: linear-gradient(135deg, #3a5bb0 0%, #4b73cc 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(75, 115, 202, 0.4);
}
.btn-primary[data-v-0966a206]:active {
  transform: translateY(0);
}
.btn-secondary[data-v-0966a206] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-secondary[data-v-0966a206]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
.btn-secondary[data-v-0966a206]:active {
  transform: translateY(0);
}
.section-padding[data-v-0966a206] {
  padding: 60px 0;
}
.section-header[data-v-0966a206] {
  text-align: center;
  margin-bottom: 40px;
}
.section-header .section-title[data-v-0966a206] {
  font-size: 28px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
  position: relative;
}
@media (max-width: 768px) {
.section-header .section-title[data-v-0966a206] {
    font-size: 24px;
}
}
.section-header .section-subtitle[data-v-0966a206] {
  font-size: 16px;
  color: #64748b;
  margin: 0 0 16px 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.section-header .section-divider[data-v-0966a206] {
  width: 60px;
  height: 3px;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  border-radius: 2px;
  margin: 0 auto;
}
.hero-section[data-v-0966a206] {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  color: #ffffff;
  overflow: hidden;
}
.hero-section .hero-bg-shapes[data-v-0966a206] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hero-section .hero-bg-shapes .shape[data-v-0966a206] {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: float-0966a206 6s ease-in-out infinite;
}
.hero-section .hero-bg-shapes .shape.shape-1[data-v-0966a206] {
  width: 300px;
  height: 300px;
  top: -100px;
  left: -100px;
  animation-delay: 0s;
}
.hero-section .hero-bg-shapes .shape.shape-2[data-v-0966a206] {
  width: 200px;
  height: 200px;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  animation-delay: 2s;
}
.hero-section .hero-bg-shapes .shape.shape-3[data-v-0966a206] {
  width: 150px;
  height: 150px;
  bottom: 20%;
  left: 20%;
  animation-delay: 4s;
}
.hero-section .hero-bg-shapes .shape.shape-4[data-v-0966a206] {
  width: 100px;
  height: 100px;
  top: 20%;
  left: 60%;
  animation-delay: 1s;
}
.hero-section .hero-bg-shapes .shape.shape-5[data-v-0966a206] {
  width: 80px;
  height: 80px;
  bottom: 10%;
  right: 30%;
  animation-delay: 3s;
}
.hero-section .hero-container[data-v-0966a206] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 768px) {
.hero-section .hero-container[data-v-0966a206] {
    flex-direction: column;
    text-align: center;
}
}
.hero-section .hero-container .hero-content[data-v-0966a206] {
  flex: 1;
  max-width: 600px;
}
.hero-section .hero-container .hero-content .hero-badge[data-v-0966a206] {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
  backdrop-filter: blur(10px);
}
.hero-section .hero-container .hero-content .hero-title[data-v-0966a206] {
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 12px 0;
  line-height: 1.1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.hero-section .hero-container .hero-content .hero-title[data-v-0966a206] {
    font-size: 28px;
}
}
.hero-section .hero-container .hero-content .hero-subtitle[data-v-0966a206] {
  font-size: 20px;
  margin: 0 0 16px 0;
  opacity: 0.9;
  font-weight: 500;
}
.hero-section .hero-container .hero-content .hero-description[data-v-0966a206] {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 24px 0;
  opacity: 0.8;
}
.hero-section .hero-container .hero-content .hero-features[data-v-0966a206] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.hero-section .hero-container .hero-content .hero-features .feature-tag[data-v-0966a206] {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 12px;
  backdrop-filter: blur(10px);
}
.hero-section .hero-container .hero-content .hero-features .feature-tag i[data-v-0966a206] {
  font-size: 14px;
}
.hero-section .hero-container .hero-content .hero-cta[data-v-0966a206] {
  display: flex;
  gap: 12px;
}
@media (max-width: 768px) {
.hero-section .hero-container .hero-content .hero-cta[data-v-0966a206] {
    justify-content: center;
    flex-wrap: wrap;
}
}
.hero-section .hero-container .hero-visual[data-v-0966a206] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
.hero-section .hero-container .hero-visual[data-v-0966a206] {
    margin-top: 60px;
    justify-content: center;
}
}
.hero-section .hero-container .hero-visual .visual-circle[data-v-0966a206] {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.hero-section .hero-container .hero-visual .visual-circle .visual-inner[data-v-0966a206] {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  backdrop-filter: blur(10px);
}
.hero-section .hero-container .hero-visual .visual-circle .visual-inner i[data-v-0966a206] {
  font-size: 64px;
  animation: pulse-icon-0966a206 3s ease-in-out infinite;
}
.hero-section .hero-container .hero-visual .visual-circle .visual-inner .visual-glow[data-v-0966a206] {
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  animation: pulse-0966a206 2s infinite;
}
.industry-solutions[data-v-0966a206] {
  background: #ffffff;
}
.industry-solutions .solutions-grid[data-v-0966a206] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin-top: 32px;
}
@media (max-width: 768px) {
.industry-solutions .solutions-grid[data-v-0966a206] {
    grid-template-columns: 1fr;
}
}
.industry-solutions .solutions-grid .industry-card[data-v-0966a206] {
  background: #f8fafc;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(75, 115, 202, 0.1);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.industry-solutions .solutions-grid .industry-card[data-v-0966a206]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  transition: height 0.3s ease;
}
.industry-solutions .solutions-grid .industry-card[data-v-0966a206]:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
}
.industry-solutions .solutions-grid .industry-card[data-v-0966a206]:hover::before {
  height: 100%;
}
.industry-solutions .solutions-grid .industry-card .card-icon-wrapper[data-v-0966a206] {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: #ffffff;
  font-size: 20px;
  box-shadow: 0 4px 12px rgba(75, 115, 202, 0.3);
}
.industry-solutions .solutions-grid .industry-card .card-title[data-v-0966a206] {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.industry-solutions .solutions-grid .industry-card .card-desc[data-v-0966a206] {
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
  margin: 0 0 16px 0;
}
.industry-solutions .solutions-grid .industry-card .card-features[data-v-0966a206] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.industry-solutions .solutions-grid .industry-card .card-features .feature-item[data-v-0966a206] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #1e293b;
}
.industry-solutions .solutions-grid .industry-card .card-features .feature-item i[data-v-0966a206] {
  color: #10b981;
  font-size: 14px;
}
.industry-solutions .solutions-grid .industry-card .card-action[data-v-0966a206] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #4b73cc;
  transition: all 0.3s ease;
}
.industry-solutions .solutions-grid .industry-card .card-action i[data-v-0966a206] {
  font-size: 16px;
  transition: transform 0.3s ease;
}
.industry-solutions .solutions-grid .industry-card .card-action[data-v-0966a206]:hover {
  color: #3a5bb0;
}
.industry-solutions .solutions-grid .industry-card .card-action:hover i[data-v-0966a206] {
  transform: translateX(4px);
}
.solution-features[data-v-0966a206] {
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.05) 0%, rgba(255, 255, 255, 0.9) 100%);
}
.solution-features .features-grid[data-v-0966a206] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 32px;
}
@media (max-width: 768px) {
.solution-features .features-grid[data-v-0966a206] {
    grid-template-columns: 1fr;
}
}
.solution-features .features-grid .feature-card[data-v-0966a206] {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(75, 115, 202, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.solution-features .features-grid .feature-card[data-v-0966a206]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.solution-features .features-grid .feature-card[data-v-0966a206]:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
}
.solution-features .features-grid .feature-card[data-v-0966a206]:hover::before {
  transform: scaleX(1);
}
.solution-features .features-grid .feature-card .feature-icon[data-v-0966a206] {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  color: #ffffff;
  font-size: 28px;
  box-shadow: 0 4px 12px rgba(75, 115, 202, 0.3);
  transition: all 0.3s ease;
}
.solution-features .features-grid .feature-card .feature-icon[data-v-0966a206]:hover {
  transform: scale(1.1);
}
.solution-features .features-grid .feature-card .feature-title[data-v-0966a206] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.solution-features .features-grid .feature-card .feature-desc[data-v-0966a206] {
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
  margin: 0;
}
.tech-advantages[data-v-0966a206] {
  background: #ffffff;
}
.tech-advantages .advantages-content[data-v-0966a206] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 32px;
}
@media (max-width: 768px) {
.tech-advantages .advantages-content[data-v-0966a206] {
    grid-template-columns: 1fr;
}
}
.tech-advantages .advantages-content .advantage-item[data-v-0966a206] {
  text-align: center;
  padding: 32px;
  background: #f8fafc;
  border-radius: 24px;
  border: 1px solid rgba(75, 115, 202, 0.1);
  transition: all 0.3s ease;
}
.tech-advantages .advantages-content .advantage-item[data-v-0966a206]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}
.tech-advantages .advantages-content .advantage-item .advantage-icon[data-v-0966a206] {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  color: #ffffff;
  font-size: 32px;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
}
.tech-advantages .advantages-content .advantage-item .advantage-title[data-v-0966a206] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
}
.tech-advantages .advantages-content .advantage-item .advantage-desc[data-v-0966a206] {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}
.contact-section[data-v-0966a206] {
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.05) 0%, rgba(255, 255, 255, 0.9) 100%);
}
.contact-section .contact-content[data-v-0966a206] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  margin-top: 48px;
}
@media (max-width: 768px) {
.contact-section .contact-content[data-v-0966a206] {
    grid-template-columns: 1fr;
    gap: 32px;
}
}
.contact-section .contact-content .contact-info[data-v-0966a206] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-section .contact-content .contact-info .contact-item[data-v-0966a206] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(75, 115, 202, 0.1);
  transition: all 0.3s ease;
}
.contact-section .contact-content .contact-info .contact-item[data-v-0966a206]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.contact-section .contact-content .contact-info .contact-item i[data-v-0966a206] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #4b73cc 0%, #6c88d4 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(75, 115, 202, 0.3);
}
.contact-section .contact-content .contact-info .contact-item .contact-details[data-v-0966a206] {
  flex: 1;
}
.contact-section .contact-content .contact-info .contact-item .contact-details h4[data-v-0966a206] {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px 0;
}
.contact-section .contact-content .contact-info .contact-item .contact-details p[data-v-0966a206] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.contact-section .contact-content .contact-form[data-v-0966a206] {
  background: #ffffff;
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(75, 115, 202, 0.1);
}
.contact-section .contact-content .contact-form h3[data-v-0966a206] {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 32px 0;
  text-align: center;
}
.contact-section .contact-content .contact-form .form-group[data-v-0966a206] {
  margin-bottom: 24px;
}
.contact-section .contact-content .contact-form .form-group label[data-v-0966a206] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 8px;
}
.contact-section .contact-content .contact-form .form-group input[data-v-0966a206],
.contact-section .contact-content .contact-form .form-group textarea[data-v-0966a206] {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(75, 115, 202, 0.2);
  border-radius: 12px;
  font-size: 14px;
  transition: all 0.3s ease;
  font-family: inherit;
}
.contact-section .contact-content .contact-form .form-group input[data-v-0966a206]:focus,
.contact-section .contact-content .contact-form .form-group textarea[data-v-0966a206]:focus {
  outline: none;
  border-color: #4b73cc;
  box-shadow: 0 0 0 3px rgba(75, 115, 202, 0.1);
}
.contact-section .contact-content .contact-form .form-group textarea[data-v-0966a206] {
  resize: vertical;
  min-height: 140px;
}
.contact-section .contact-content .contact-form button[data-v-0966a206] {
  width: 100%;
  padding: 14px 0;
  font-size: 16px;
}
@keyframes pulse-0966a206 {
0% {
    transform: scale(1);
    opacity: 1;
}
100% {
    transform: scale(1.2);
    opacity: 0;
}
}
@keyframes pulse-icon-0966a206 {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}
@keyframes float-0966a206 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
@media (max-width: 768px) {
.hero-section[data-v-0966a206] {
    padding: 120px 0;
}
.section-padding[data-v-0966a206] {
    padding: 60px 0;
}
.section-header[data-v-0966a206] {
    margin-bottom: 48px;
}
.section-header .section-title[data-v-0966a206] {
    font-size: 28px;
}
.section-header .section-subtitle[data-v-0966a206] {
    font-size: 16px;
}
.hero-container[data-v-0966a206] {
    padding: 0 20px;
}
.hero-content .hero-title[data-v-0966a206] {
    font-size: 36px;
}
.hero-content .hero-subtitle[data-v-0966a206] {
    font-size: 20px;
}
.hero-content .hero-description[data-v-0966a206] {
    font-size: 16px;
}
.hero-content .hero-cta[data-v-0966a206] {
    flex-direction: column;
    align-items: center;
}
.hero-visual .visual-circle[data-v-0966a206] {
    width: 280px;
    height: 280px;
}
.hero-visual .visual-circle .visual-inner[data-v-0966a206] {
    width: 200px;
    height: 200px;
}
.hero-visual .visual-circle .visual-inner i[data-v-0966a206] {
    font-size: 48px;
}
.industry-card[data-v-0966a206],
  .feature-card[data-v-0966a206] {
    padding: 32px;
}
.contact-form[data-v-0966a206] {
    padding: 32px;
}
}
@keyframes fadeInUp-0966a206 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInLeft-0966a206 {
from {
    opacity: 0;
    transform: translateX(-30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes fadeInRight-0966a206 {
from {
    opacity: 0;
    transform: translateX(30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
[data-v-0966a206]::-webkit-scrollbar {
  width: 8px;
}
[data-v-0966a206]::-webkit-scrollbar-track {
  background: #f8fafc;
}
[data-v-0966a206]::-webkit-scrollbar-thumb {
  background: #6c88d4;
  border-radius: 4px;
}
[data-v-0966a206]::-webkit-scrollbar-thumb:hover {
  background: #4b73cc;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/encodingDevices.vue?vue&type=style&index=0&id=60367fe0&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.encoding-devices-page[data-v-60367fe0] {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
}
.hero-section[data-v-60367fe0] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 50%, #1750ab 100%);
  color: #ffffff;
  padding: 120px 20px;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-bg-shapes[data-v-60367fe0] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.hero-section .hero-bg-shapes .shape[data-v-60367fe0] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  animation: float-60367fe0 8s ease-in-out infinite;
}
.hero-section .hero-bg-shapes .shape.shape-1[data-v-60367fe0] {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -100px;
  animation-delay: 0s;
}
.hero-section .hero-bg-shapes .shape.shape-2[data-v-60367fe0] {
  width: 200px;
  height: 200px;
  bottom: -50px;
  left: -50px;
  animation-delay: 3s;
}
.hero-section .hero-bg-shapes .shape.shape-3[data-v-60367fe0] {
  width: 100px;
  height: 100px;
  top: 40%;
  right: 15%;
  animation-delay: 6s;
}
.hero-section .hero-container[data-v-60367fe0] {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-section .hero-content[data-v-60367fe0] {
  flex: 1;
  max-width: 600px;
}
.hero-section .hero-content .hero-badge[data-v-60367fe0] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
.hero-section .hero-content .hero-title[data-v-60367fe0] {
  font-size: 48px;
  font-weight: 900;
  margin: 0 0 16px 0;
  line-height: 1.1;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-subtitle[data-v-60367fe0] {
  font-size: 24px;
  margin: 0 0 16px 0;
  opacity: 0.95;
  font-weight: 400;
}
.hero-section .hero-content .hero-description[data-v-60367fe0] {
  font-size: 16px;
  margin: 0 0 32px 0;
  opacity: 0.85;
  line-height: 1.6;
}
.hero-section .hero-content .hero-cta[data-v-60367fe0] {
  display: flex;
  gap: 16px;
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-60367fe0] {
  padding: 14px 32px;
  background: #ffffff;
  color: #3d5cb1;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-60367fe0]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-60367fe0] {
  padding: 14px 32px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-60367fe0]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
.hero-section .hero-visual[data-v-60367fe0] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-section .hero-visual .visual-icon[data-v-60367fe0] {
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.2);
  animation: pulse-60367fe0 3s ease-in-out infinite;
}
.hero-section .hero-visual .visual-icon i[data-v-60367fe0] {
  font-size: 100px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
}
.container[data-v-60367fe0] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.section-header[data-v-60367fe0] {
  text-align: center;
  margin-bottom: 60px;
}
.section-header .section-title[data-v-60367fe0] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
}
.section-header .section-subtitle[data-v-60367fe0] {
  font-size: 16px;
  color: #64748b;
  margin: 0 0 24px 0;
}
.section-header .section-divider[data-v-60367fe0] {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 2px;
  margin: 0 auto;
}
.products-section[data-v-60367fe0] {
  padding: 100px 0;
  background: #ffffff;
}
.products-section .products-grid[data-v-60367fe0] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.products-section .products-grid[data-v-60367fe0] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.products-section .products-grid[data-v-60367fe0] {
    grid-template-columns: 1fr;
}
}
.products-section .products-grid .product-card[data-v-60367fe0] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.products-section .products-grid .product-card[data-v-60367fe0]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.products-section .products-grid .product-card .product-image[data-v-60367fe0] {
  position: relative;
  height: 200px;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-section .products-grid .product-card .product-image img[data-v-60367fe0] {
  max-width: 90%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.3s ease;
}
.products-section .products-grid .product-card .product-image .image-overlay[data-v-60367fe0] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.1) 0%, rgba(75, 115, 202, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.products-section .products-grid .product-card .product-image:hover img[data-v-60367fe0] {
  transform: scale(1.05);
}
.products-section .products-grid .product-card .product-image:hover .image-overlay[data-v-60367fe0] {
  opacity: 1;
}
.products-section .products-grid .product-card .product-info[data-v-60367fe0] {
  padding: 24px;
}
.products-section .products-grid .product-card .product-info .product-title[data-v-60367fe0] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.products-section .products-grid .product-card .product-info .product-desc[data-v-60367fe0] {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 16px 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-section .products-grid .product-card .product-info .product-features[data-v-60367fe0] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag[data-v-60367fe0] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 12px;
  font-size: 12px;
  color: #4b73ca;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag i[data-v-60367fe0] {
  font-size: 10px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-60367fe0] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-60367fe0]:hover {
  background: linear-gradient(135deg, #1750ab 0%, #4b73ca 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(75, 115, 202, 0.3);
}
.application-section[data-v-60367fe0] {
  padding: 100px 0;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.application-section .applications-grid[data-v-60367fe0] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.application-section .applications-grid[data-v-60367fe0] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.application-section .applications-grid[data-v-60367fe0] {
    grid-template-columns: 1fr;
}
}
.application-section .applications-grid .application-card[data-v-60367fe0] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.application-section .applications-grid .application-card[data-v-60367fe0]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.application-section .applications-grid .application-card .application-icon[data-v-60367fe0] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.application-section .applications-grid .application-card .application-icon i[data-v-60367fe0] {
  font-size: 24px;
  color: #ffffff;
}
.application-section .applications-grid .application-card h3[data-v-60367fe0] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.application-section .applications-grid .application-card p[data-v-60367fe0] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.advantages-section[data-v-60367fe0] {
  padding: 100px 0;
  background: #ffffff;
}
.advantages-section .advantages-grid[data-v-60367fe0] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.advantages-section .advantages-grid[data-v-60367fe0] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.advantages-section .advantages-grid[data-v-60367fe0] {
    grid-template-columns: 1fr;
}
}
.advantages-section .advantages-grid .advantage-card[data-v-60367fe0] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}
.advantages-section .advantages-grid .advantage-card[data-v-60367fe0]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
  border-color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon[data-v-60367fe0] {
  width: 64px;
  height: 64px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon i[data-v-60367fe0] {
  font-size: 24px;
  color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card h3[data-v-60367fe0] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.advantages-section .advantages-grid .advantage-card p[data-v-60367fe0] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
@keyframes float-60367fe0 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
@keyframes pulse-60367fe0 {
0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
}
50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/collectionDevices.vue?vue&type=style&index=0&id=24bb8b96&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.collection-devices-page[data-v-24bb8b96] {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
}
.hero-section[data-v-24bb8b96] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 50%, #1750ab 100%);
  color: #ffffff;
  padding: 120px 20px;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-bg-shapes[data-v-24bb8b96] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.hero-section .hero-bg-shapes .shape[data-v-24bb8b96] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  animation: float-24bb8b96 8s ease-in-out infinite;
}
.hero-section .hero-bg-shapes .shape.shape-1[data-v-24bb8b96] {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -100px;
  animation-delay: 0s;
}
.hero-section .hero-bg-shapes .shape.shape-2[data-v-24bb8b96] {
  width: 200px;
  height: 200px;
  bottom: -50px;
  left: -50px;
  animation-delay: 3s;
}
.hero-section .hero-bg-shapes .shape.shape-3[data-v-24bb8b96] {
  width: 100px;
  height: 100px;
  top: 40%;
  right: 15%;
  animation-delay: 6s;
}
.hero-section .hero-container[data-v-24bb8b96] {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-section .hero-content[data-v-24bb8b96] {
  flex: 1;
  max-width: 600px;
}
.hero-section .hero-content .hero-badge[data-v-24bb8b96] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
.hero-section .hero-content .hero-title[data-v-24bb8b96] {
  font-size: 48px;
  font-weight: 900;
  margin: 0 0 16px 0;
  line-height: 1.1;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-subtitle[data-v-24bb8b96] {
  font-size: 24px;
  margin: 0 0 16px 0;
  opacity: 0.95;
  font-weight: 400;
}
.hero-section .hero-content .hero-description[data-v-24bb8b96] {
  font-size: 16px;
  margin: 0 0 32px 0;
  opacity: 0.85;
  line-height: 1.6;
}
.hero-section .hero-content .hero-cta[data-v-24bb8b96] {
  display: flex;
  gap: 16px;
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-24bb8b96] {
  padding: 14px 32px;
  background: #ffffff;
  color: #3d5cb1;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-24bb8b96]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-24bb8b96] {
  padding: 14px 32px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-24bb8b96]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
.hero-section .hero-visual[data-v-24bb8b96] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-section .hero-visual .visual-icon[data-v-24bb8b96] {
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.2);
  animation: pulse-24bb8b96 3s ease-in-out infinite;
}
.hero-section .hero-visual .visual-icon i[data-v-24bb8b96] {
  font-size: 100px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
}
.container[data-v-24bb8b96] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.section-header[data-v-24bb8b96] {
  text-align: center;
  margin-bottom: 60px;
}
.section-header .section-title[data-v-24bb8b96] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
}
.section-header .section-subtitle[data-v-24bb8b96] {
  font-size: 16px;
  color: #64748b;
  margin: 0 0 24px 0;
}
.section-header .section-divider[data-v-24bb8b96] {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 2px;
  margin: 0 auto;
}
.products-section[data-v-24bb8b96] {
  padding: 100px 0;
  background: #ffffff;
}
.products-section .products-grid[data-v-24bb8b96] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.products-section .products-grid[data-v-24bb8b96] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.products-section .products-grid[data-v-24bb8b96] {
    grid-template-columns: 1fr;
}
}
.products-section .products-grid .product-card[data-v-24bb8b96] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.products-section .products-grid .product-card[data-v-24bb8b96]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.products-section .products-grid .product-card .product-image[data-v-24bb8b96] {
  position: relative;
  height: 200px;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-section .products-grid .product-card .product-image img[data-v-24bb8b96] {
  max-width: 90%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.3s ease;
}
.products-section .products-grid .product-card .product-image .image-overlay[data-v-24bb8b96] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.1) 0%, rgba(75, 115, 202, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.products-section .products-grid .product-card .product-image:hover img[data-v-24bb8b96] {
  transform: scale(1.05);
}
.products-section .products-grid .product-card .product-image:hover .image-overlay[data-v-24bb8b96] {
  opacity: 1;
}
.products-section .products-grid .product-card .product-info[data-v-24bb8b96] {
  padding: 24px;
}
.products-section .products-grid .product-card .product-info .product-title[data-v-24bb8b96] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.products-section .products-grid .product-card .product-info .product-desc[data-v-24bb8b96] {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 16px 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-section .products-grid .product-card .product-info .product-features[data-v-24bb8b96] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag[data-v-24bb8b96] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 12px;
  font-size: 12px;
  color: #4b73ca;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag i[data-v-24bb8b96] {
  font-size: 10px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-24bb8b96] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-24bb8b96]:hover {
  background: linear-gradient(135deg, #1750ab 0%, #4b73ca 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(75, 115, 202, 0.3);
}
.application-section[data-v-24bb8b96] {
  padding: 100px 0;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.application-section .applications-grid[data-v-24bb8b96] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.application-section .applications-grid[data-v-24bb8b96] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.application-section .applications-grid[data-v-24bb8b96] {
    grid-template-columns: 1fr;
}
}
.application-section .applications-grid .application-card[data-v-24bb8b96] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.application-section .applications-grid .application-card[data-v-24bb8b96]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.application-section .applications-grid .application-card .application-icon[data-v-24bb8b96] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.application-section .applications-grid .application-card .application-icon i[data-v-24bb8b96] {
  font-size: 24px;
  color: #ffffff;
}
.application-section .applications-grid .application-card h3[data-v-24bb8b96] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.application-section .applications-grid .application-card p[data-v-24bb8b96] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.advantages-section[data-v-24bb8b96] {
  padding: 100px 0;
  background: #ffffff;
}
.advantages-section .advantages-grid[data-v-24bb8b96] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.advantages-section .advantages-grid[data-v-24bb8b96] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.advantages-section .advantages-grid[data-v-24bb8b96] {
    grid-template-columns: 1fr;
}
}
.advantages-section .advantages-grid .advantage-card[data-v-24bb8b96] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}
.advantages-section .advantages-grid .advantage-card[data-v-24bb8b96]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
  border-color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon[data-v-24bb8b96] {
  width: 64px;
  height: 64px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon i[data-v-24bb8b96] {
  font-size: 24px;
  color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card h3[data-v-24bb8b96] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.advantages-section .advantages-grid .advantage-card p[data-v-24bb8b96] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
@keyframes float-24bb8b96 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
@keyframes pulse-24bb8b96 {
0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
}
50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/scanningDevices.vue?vue&type=style&index=0&id=2cefadc2&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.scanning-devices-page[data-v-2cefadc2] {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
}
.hero-section[data-v-2cefadc2] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 50%, #1750ab 100%);
  color: #ffffff;
  padding: 120px 20px;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-bg-shapes[data-v-2cefadc2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.hero-section .hero-bg-shapes .shape[data-v-2cefadc2] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  animation: float-2cefadc2 8s ease-in-out infinite;
}
.hero-section .hero-bg-shapes .shape.shape-1[data-v-2cefadc2] {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -100px;
  animation-delay: 0s;
}
.hero-section .hero-bg-shapes .shape.shape-2[data-v-2cefadc2] {
  width: 200px;
  height: 200px;
  bottom: -50px;
  left: -50px;
  animation-delay: 3s;
}
.hero-section .hero-bg-shapes .shape.shape-3[data-v-2cefadc2] {
  width: 100px;
  height: 100px;
  top: 40%;
  right: 15%;
  animation-delay: 6s;
}
.hero-section .hero-container[data-v-2cefadc2] {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-section .hero-content[data-v-2cefadc2] {
  flex: 1;
  max-width: 600px;
}
.hero-section .hero-content .hero-badge[data-v-2cefadc2] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
.hero-section .hero-content .hero-title[data-v-2cefadc2] {
  font-size: 48px;
  font-weight: 900;
  margin: 0 0 16px 0;
  line-height: 1.1;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-subtitle[data-v-2cefadc2] {
  font-size: 24px;
  margin: 0 0 16px 0;
  opacity: 0.95;
  font-weight: 400;
}
.hero-section .hero-content .hero-description[data-v-2cefadc2] {
  font-size: 16px;
  margin: 0 0 32px 0;
  opacity: 0.85;
  line-height: 1.6;
}
.hero-section .hero-content .hero-cta[data-v-2cefadc2] {
  display: flex;
  gap: 16px;
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-2cefadc2] {
  padding: 14px 32px;
  background: #ffffff;
  color: #3d5cb1;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-2cefadc2]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-2cefadc2] {
  padding: 14px 32px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-2cefadc2]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
.hero-section .hero-visual[data-v-2cefadc2] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-section .hero-visual .visual-icon[data-v-2cefadc2] {
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.2);
  animation: pulse-2cefadc2 3s ease-in-out infinite;
}
.hero-section .hero-visual .visual-icon i[data-v-2cefadc2] {
  font-size: 100px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
}
.container[data-v-2cefadc2] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.section-header[data-v-2cefadc2] {
  text-align: center;
  margin-bottom: 60px;
}
.section-header .section-title[data-v-2cefadc2] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
}
.section-header .section-subtitle[data-v-2cefadc2] {
  font-size: 16px;
  color: #64748b;
  margin: 0 0 24px 0;
}
.section-header .section-divider[data-v-2cefadc2] {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 2px;
  margin: 0 auto;
}
.products-section[data-v-2cefadc2] {
  padding: 100px 0;
  background: #ffffff;
}
.products-section .products-grid[data-v-2cefadc2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.products-section .products-grid[data-v-2cefadc2] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.products-section .products-grid[data-v-2cefadc2] {
    grid-template-columns: 1fr;
}
}
.products-section .products-grid .product-card[data-v-2cefadc2] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.products-section .products-grid .product-card[data-v-2cefadc2]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.products-section .products-grid .product-card .product-image[data-v-2cefadc2] {
  position: relative;
  height: 200px;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-section .products-grid .product-card .product-image img[data-v-2cefadc2] {
  max-width: 90%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.3s ease;
}
.products-section .products-grid .product-card .product-image .image-overlay[data-v-2cefadc2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.1) 0%, rgba(75, 115, 202, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.products-section .products-grid .product-card .product-image:hover img[data-v-2cefadc2] {
  transform: scale(1.05);
}
.products-section .products-grid .product-card .product-image:hover .image-overlay[data-v-2cefadc2] {
  opacity: 1;
}
.products-section .products-grid .product-card .product-info[data-v-2cefadc2] {
  padding: 24px;
}
.products-section .products-grid .product-card .product-info .product-title[data-v-2cefadc2] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.products-section .products-grid .product-card .product-info .product-desc[data-v-2cefadc2] {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 16px 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-section .products-grid .product-card .product-info .product-features[data-v-2cefadc2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag[data-v-2cefadc2] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 12px;
  font-size: 12px;
  color: #4b73ca;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag i[data-v-2cefadc2] {
  font-size: 10px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-2cefadc2] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-2cefadc2]:hover {
  background: linear-gradient(135deg, #1750ab 0%, #4b73ca 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(75, 115, 202, 0.3);
}
.application-section[data-v-2cefadc2] {
  padding: 100px 0;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.application-section .applications-grid[data-v-2cefadc2] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.application-section .applications-grid[data-v-2cefadc2] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.application-section .applications-grid[data-v-2cefadc2] {
    grid-template-columns: 1fr;
}
}
.application-section .applications-grid .application-card[data-v-2cefadc2] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.application-section .applications-grid .application-card[data-v-2cefadc2]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.application-section .applications-grid .application-card .application-icon[data-v-2cefadc2] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.application-section .applications-grid .application-card .application-icon i[data-v-2cefadc2] {
  font-size: 24px;
  color: #ffffff;
}
.application-section .applications-grid .application-card h3[data-v-2cefadc2] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.application-section .applications-grid .application-card p[data-v-2cefadc2] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.advantages-section[data-v-2cefadc2] {
  padding: 100px 0;
  background: #ffffff;
}
.advantages-section .advantages-grid[data-v-2cefadc2] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.advantages-section .advantages-grid[data-v-2cefadc2] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.advantages-section .advantages-grid[data-v-2cefadc2] {
    grid-template-columns: 1fr;
}
}
.advantages-section .advantages-grid .advantage-card[data-v-2cefadc2] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}
.advantages-section .advantages-grid .advantage-card[data-v-2cefadc2]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
  border-color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon[data-v-2cefadc2] {
  width: 64px;
  height: 64px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon i[data-v-2cefadc2] {
  font-size: 24px;
  color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card h3[data-v-2cefadc2] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.advantages-section .advantages-grid .advantage-card p[data-v-2cefadc2] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
@keyframes float-2cefadc2 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
@keyframes pulse-2cefadc2 {
0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
}
50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/consumablesDevices.vue?vue&type=style&index=0&id=3b6fe532&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.consumables-devices-page[data-v-3b6fe532] {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
}
.hero-section[data-v-3b6fe532] {
  background: linear-gradient(135deg, #3d5cb1 0%, #4b73ca 50%, #1750ab 100%);
  color: #ffffff;
  padding: 120px 20px;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-bg-shapes[data-v-3b6fe532] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.hero-section .hero-bg-shapes .shape[data-v-3b6fe532] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  animation: float-3b6fe532 8s ease-in-out infinite;
}
.hero-section .hero-bg-shapes .shape.shape-1[data-v-3b6fe532] {
  width: 300px;
  height: 300px;
  top: -100px;
  right: -100px;
  animation-delay: 0s;
}
.hero-section .hero-bg-shapes .shape.shape-2[data-v-3b6fe532] {
  width: 200px;
  height: 200px;
  bottom: -50px;
  left: -50px;
  animation-delay: 3s;
}
.hero-section .hero-bg-shapes .shape.shape-3[data-v-3b6fe532] {
  width: 100px;
  height: 100px;
  top: 40%;
  right: 15%;
  animation-delay: 6s;
}
.hero-section .hero-container[data-v-3b6fe532] {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-section .hero-content[data-v-3b6fe532] {
  flex: 1;
  max-width: 600px;
}
.hero-section .hero-content .hero-badge[data-v-3b6fe532] {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  color: #1e293b;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
.hero-section .hero-content .hero-title[data-v-3b6fe532] {
  font-size: 48px;
  font-weight: 900;
  margin: 0 0 16px 0;
  line-height: 1.1;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-subtitle[data-v-3b6fe532] {
  font-size: 24px;
  margin: 0 0 16px 0;
  opacity: 0.95;
  font-weight: 400;
}
.hero-section .hero-content .hero-description[data-v-3b6fe532] {
  font-size: 16px;
  margin: 0 0 32px 0;
  opacity: 0.85;
  line-height: 1.6;
}
.hero-section .hero-content .hero-cta[data-v-3b6fe532] {
  display: flex;
  gap: 16px;
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-3b6fe532] {
  padding: 14px 32px;
  background: #ffffff;
  color: #3d5cb1;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.hero-section .hero-content .hero-cta .btn-primary[data-v-3b6fe532]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-3b6fe532] {
  padding: 14px 32px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-section .hero-content .hero-cta .btn-secondary[data-v-3b6fe532]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
.hero-section .hero-visual[data-v-3b6fe532] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-section .hero-visual .visual-icon[data-v-3b6fe532] {
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.2);
  animation: pulse-3b6fe532 3s ease-in-out infinite;
}
.hero-section .hero-visual .visual-icon i[data-v-3b6fe532] {
  font-size: 100px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
}
.container[data-v-3b6fe532] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.section-header[data-v-3b6fe532] {
  text-align: center;
  margin-bottom: 60px;
}
.section-header .section-title[data-v-3b6fe532] {
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
}
.section-header .section-subtitle[data-v-3b6fe532] {
  font-size: 16px;
  color: #64748b;
  margin: 0 0 24px 0;
}
.section-header .section-divider[data-v-3b6fe532] {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 2px;
  margin: 0 auto;
}
.products-section[data-v-3b6fe532] {
  padding: 100px 0;
  background: #ffffff;
}
.products-section .products-grid[data-v-3b6fe532] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.products-section .products-grid[data-v-3b6fe532] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.products-section .products-grid[data-v-3b6fe532] {
    grid-template-columns: 1fr;
}
}
.products-section .products-grid .product-card[data-v-3b6fe532] {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.products-section .products-grid .product-card[data-v-3b6fe532]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.products-section .products-grid .product-card .product-image[data-v-3b6fe532] {
  position: relative;
  height: 200px;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-section .products-grid .product-card .product-image img[data-v-3b6fe532] {
  max-width: 90%;
  max-height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.3s ease;
}
.products-section .products-grid .product-card .product-image .image-overlay[data-v-3b6fe532] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(75, 115, 202, 0.1) 0%, rgba(75, 115, 202, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.products-section .products-grid .product-card .product-image:hover img[data-v-3b6fe532] {
  transform: scale(1.05);
}
.products-section .products-grid .product-card .product-image:hover .image-overlay[data-v-3b6fe532] {
  opacity: 1;
}
.products-section .products-grid .product-card .product-info[data-v-3b6fe532] {
  padding: 24px;
}
.products-section .products-grid .product-card .product-info .product-title[data-v-3b6fe532] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.products-section .products-grid .product-card .product-info .product-desc[data-v-3b6fe532] {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 16px 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-section .products-grid .product-card .product-info .product-features[data-v-3b6fe532] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag[data-v-3b6fe532] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 12px;
  font-size: 12px;
  color: #4b73ca;
}
.products-section .products-grid .product-card .product-info .product-features .feature-tag i[data-v-3b6fe532] {
  font-size: 10px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-3b6fe532] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #4b73ca 0%, #1750ab 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.products-section .products-grid .product-card .product-info .view-detail-btn[data-v-3b6fe532]:hover {
  background: linear-gradient(135deg, #1750ab 0%, #4b73ca 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(75, 115, 202, 0.3);
}
.application-section[data-v-3b6fe532] {
  padding: 100px 0;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.application-section .applications-grid[data-v-3b6fe532] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.application-section .applications-grid[data-v-3b6fe532] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.application-section .applications-grid[data-v-3b6fe532] {
    grid-template-columns: 1fr;
}
}
.application-section .applications-grid .application-card[data-v-3b6fe532] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.application-section .applications-grid .application-card[data-v-3b6fe532]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
}
.application-section .applications-grid .application-card .application-icon[data-v-3b6fe532] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #4b73ca 0%, #10b981 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.application-section .applications-grid .application-card .application-icon i[data-v-3b6fe532] {
  font-size: 24px;
  color: #ffffff;
}
.application-section .applications-grid .application-card h3[data-v-3b6fe532] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.application-section .applications-grid .application-card p[data-v-3b6fe532] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
.advantages-section[data-v-3b6fe532] {
  padding: 100px 0;
  background: #ffffff;
}
.advantages-section .advantages-grid[data-v-3b6fe532] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
.advantages-section .advantages-grid[data-v-3b6fe532] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.advantages-section .advantages-grid[data-v-3b6fe532] {
    grid-template-columns: 1fr;
}
}
.advantages-section .advantages-grid .advantage-card[data-v-3b6fe532] {
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}
.advantages-section .advantages-grid .advantage-card[data-v-3b6fe532]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(75, 115, 202, 0.15);
  border-color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon[data-v-3b6fe532] {
  width: 64px;
  height: 64px;
  background: rgba(75, 115, 202, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.advantages-section .advantages-grid .advantage-card .advantage-icon i[data-v-3b6fe532] {
  font-size: 24px;
  color: #4b73ca;
}
.advantages-section .advantages-grid .advantage-card h3[data-v-3b6fe532] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
}
.advantages-section .advantages-grid .advantage-card p[data-v-3b6fe532] {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}
@keyframes float-3b6fe532 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
@keyframes pulse-3b6fe532 {
0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
}
50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/jy3c.vue?vue&type=style&index=0&id=0743b88e&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-0743b88e] {
  max-width: 1351px;
  margin: 0 auto 0 auto;
  padding: 0 20px;
}

/* 面包屑导航 */
.breadcrumb-section[data-v-0743b88e] {
  background: white;
  padding: 120px 0 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb-section .breadcrumb[data-v-0743b88e] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666666;
  padding: 12px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.breadcrumb-section .breadcrumb a[data-v-0743b88e] {
  color: #C8102E;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}
.breadcrumb-section .breadcrumb a[data-v-0743b88e]:hover {
  color: #9A0B23;
  transform: translateY(-1px);
}
.breadcrumb-section .breadcrumb .breadcrumb-separator[data-v-0743b88e] {
  margin: 0 12px;
  color: #666666;
  font-size: 12px;
  opacity: 0.6;
}
.breadcrumb-section .breadcrumb .breadcrumb-current[data-v-0743b88e] {
  color: #1A1A1A;
  font-weight: 600;
  font-size: 15px;
}
.jy3c-page[data-v-0743b88e] {
  background: #fff;
  min-height: 100vh;
}
.product-header[data-v-0743b88e] {
  padding: 40px 0 30px;
}
.product-header .header-line[data-v-0743b88e] {
  margin-bottom: 20px;
}
.product-header .product-content[data-v-0743b88e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 768px) {
.product-header .product-content[data-v-0743b88e] {
    grid-template-columns: 1fr;
    gap: 20px;
}
}
.product-header .product-image[data-v-0743b88e] {
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  margin-top: 28px;
}
.product-header .product-image img[data-v-0743b88e] {
  max-width: 100%;
  max-height: 339px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.product-header .product-info .product-title[data-v-0743b88e] {
  font-size: 24px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 15px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #C8102E;
}
.product-header .product-info .section-title[data-v-0743b88e] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0 10px 0;
}
.product-header .product-info .product-features[data-v-0743b88e] {
  margin-bottom: 10px;
}
.product-header .product-info .product-features .feature-list[data-v-0743b88e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-features .feature-list li[data-v-0743b88e] {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 6px;
  position: relative;
  padding-left: 18px;
}
.product-header .product-info .product-features .feature-list li[data-v-0743b88e]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-header .product-info .product-features .feature-list li[data-v-0743b88e]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads[data-v-0743b88e] {
  margin-bottom: 15px;
}
.product-header .product-info .product-downloads .download-list[data-v-0743b88e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-downloads .download-list li[data-v-0743b88e] {
  margin-bottom: 8px;
}
.product-header .product-info .product-downloads .download-list li[data-v-0743b88e]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads .download-list li a[data-v-0743b88e] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C8102E;
  text-decoration: none;
  transition: color 0.3s;
}
.product-header .product-info .product-downloads .download-list li a[data-v-0743b88e]:hover {
  color: #9A0B23;
  text-decoration: underline;
}
.product-header .product-info .request-quote[data-v-0743b88e] {
  margin-top: 15px;
}
.product-header .product-info .request-quote .quote-btn[data-v-0743b88e] {
  display: block;
  width: 100%;
  padding: 14px;
  background: #C8102E;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}
.product-header .product-info .request-quote .quote-btn[data-v-0743b88e]:hover {
  background: #9A0B23;
}
.product-details[data-v-0743b88e] {
  padding: 40px 0;
  border-top: 1px solid #E8E8E8;
}
.product-details .details-grid[data-v-0743b88e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
.product-details .details-grid[data-v-0743b88e] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.product-details .section-title[data-v-0743b88e] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.product-details p[data-v-0743b88e] {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0 0 15px 0;
}
.product-details p[data-v-0743b88e]:last-child {
  margin-bottom: 0;
}
.product-details .specs-list[data-v-0743b88e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-details .specs-list li[data-v-0743b88e] {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}
.product-details .specs-list li[data-v-0743b88e]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-details .specs-list li[data-v-0743b88e]:last-child {
  margin-bottom: 0;
}
.related-products[data-v-0743b88e] {
  padding: 40px 0 60px;
  border-top: 1px solid #E8E8E8;
}
.related-products .section-title[data-v-0743b88e] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.related-products .related-grid[data-v-0743b88e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
.related-products .related-grid[data-v-0743b88e] {
    grid-template-columns: 1fr;
}
}
.related-products .related-item[data-v-0743b88e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: none;
  border-radius: 0;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
}
.related-products .related-item[data-v-0743b88e]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.related-products .related-item .product-name[data-v-0743b88e] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0;
}
.related-products .related-item img[data-v-0743b88e] {
  width: 100%;
  max-width: 100%;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.related-products .related-item .product-desc[data-v-0743b88e] {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  margin: 15px 0 0;
  padding: 0 10px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/pc6100s.vue?vue&type=style&index=0&id=3323ec1b&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-3323ec1b] {
  max-width: 1351px;
  margin: 0 auto 0 auto;
  padding: 0 20px;
}

/* 面包屑导航 */
.breadcrumb-section[data-v-3323ec1b] {
  background: white;
  padding: 120px 0 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb-section .breadcrumb[data-v-3323ec1b] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666666;
  padding: 12px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.breadcrumb-section .breadcrumb a[data-v-3323ec1b] {
  color: #C8102E;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}
.breadcrumb-section .breadcrumb a[data-v-3323ec1b]:hover {
  color: #9A0B23;
  transform: translateY(-1px);
}
.breadcrumb-section .breadcrumb .breadcrumb-separator[data-v-3323ec1b] {
  margin: 0 12px;
  color: #666666;
  font-size: 12px;
  opacity: 0.6;
}
.breadcrumb-section .breadcrumb .breadcrumb-current[data-v-3323ec1b] {
  color: #1A1A1A;
  font-weight: 600;
  font-size: 15px;
}
.pc6100s-page[data-v-3323ec1b] {
  background: #fff;
  min-height: 100vh;
}
.product-header[data-v-3323ec1b] {
  padding: 40px 0 30px;
}
.product-header .header-line[data-v-3323ec1b] {
  margin-bottom: 20px;
}
.product-header .product-content[data-v-3323ec1b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 768px) {
.product-header .product-content[data-v-3323ec1b] {
    grid-template-columns: 1fr;
    gap: 20px;
}
}
.product-header .product-image[data-v-3323ec1b] {
  display: flex;
  align-items: flex-start;
}
.product-header .product-image img[data-v-3323ec1b] {
  max-width: 100%;
  max-height: 339px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.product-header .product-info .product-title[data-v-3323ec1b] {
  font-size: 24px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 15px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #C8102E;
}
.product-header .product-info .section-title[data-v-3323ec1b] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0 10px 0;
}
.product-header .product-info .product-features[data-v-3323ec1b] {
  margin-bottom: 10px;
}
.product-header .product-info .product-features .feature-list[data-v-3323ec1b] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-features .feature-list li[data-v-3323ec1b] {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 6px;
  position: relative;
  padding-left: 18px;
}
.product-header .product-info .product-features .feature-list li[data-v-3323ec1b]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-header .product-info .product-features .feature-list li[data-v-3323ec1b]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads[data-v-3323ec1b] {
  margin-bottom: 15px;
}
.product-header .product-info .product-downloads .download-list[data-v-3323ec1b] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-downloads .download-list li[data-v-3323ec1b] {
  margin-bottom: 8px;
}
.product-header .product-info .product-downloads .download-list li[data-v-3323ec1b]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads .download-list li a[data-v-3323ec1b] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C8102E;
  text-decoration: none;
  transition: color 0.3s;
}
.product-header .product-info .product-downloads .download-list li a[data-v-3323ec1b]:hover {
  color: #9A0B23;
  text-decoration: underline;
}
.product-header .product-info .request-quote[data-v-3323ec1b] {
  margin-top: 15px;
}
.product-header .product-info .request-quote .quote-btn[data-v-3323ec1b] {
  display: block;
  width: 100%;
  padding: 14px;
  background: #C8102E;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}
.product-header .product-info .request-quote .quote-btn[data-v-3323ec1b]:hover {
  background: #9A0B23;
}
.product-details[data-v-3323ec1b] {
  padding: 40px 0;
  border-top: 1px solid #E8E8E8;
}
.product-details .details-grid[data-v-3323ec1b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
.product-details .details-grid[data-v-3323ec1b] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.product-details .section-title[data-v-3323ec1b] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.product-details p[data-v-3323ec1b] {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0 0 15px 0;
}
.product-details p[data-v-3323ec1b]:last-child {
  margin-bottom: 0;
}
.product-details .specs-list[data-v-3323ec1b] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-details .specs-list li[data-v-3323ec1b] {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}
.product-details .specs-list li[data-v-3323ec1b]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-details .specs-list li[data-v-3323ec1b]:last-child {
  margin-bottom: 0;
}
.related-products[data-v-3323ec1b] {
  padding: 40px 0 60px;
  border-top: 1px solid #E8E8E8;
}
.related-products .section-title[data-v-3323ec1b] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.related-products .related-grid[data-v-3323ec1b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
.related-products .related-grid[data-v-3323ec1b] {
    grid-template-columns: 1fr;
}
}
.related-products .related-item[data-v-3323ec1b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: none;
  border-radius: 0;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
}
.related-products .related-item[data-v-3323ec1b]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.related-products .related-item .product-name[data-v-3323ec1b] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0;
}
.related-products .related-item img[data-v-3323ec1b] {
  width: 100%;
  max-width: 100%;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.related-products .related-item .product-desc[data-v-3323ec1b] {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  margin: 15px 0 0;
  padding: 0 10px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/pc7100s.vue?vue&type=style&index=0&id=712f49c8&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-712f49c8] {
  max-width: 1351px;
  margin: 0 auto 0 auto;
  padding: 0 20px;
}

/* 面包屑导航 */
.breadcrumb-section[data-v-712f49c8] {
  background: white;
  padding: 120px 0 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb-section .breadcrumb[data-v-712f49c8] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666666;
  padding: 12px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.breadcrumb-section .breadcrumb a[data-v-712f49c8] {
  color: #C8102E;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}
.breadcrumb-section .breadcrumb a[data-v-712f49c8]:hover {
  color: #9A0B23;
  transform: translateY(-1px);
}
.breadcrumb-section .breadcrumb .breadcrumb-separator[data-v-712f49c8] {
  margin: 0 12px;
  color: #666666;
  font-size: 12px;
  opacity: 0.6;
}
.breadcrumb-section .breadcrumb .breadcrumb-current[data-v-712f49c8] {
  color: #1A1A1A;
  font-weight: 600;
  font-size: 15px;
}
.pc7100s-page[data-v-712f49c8] {
  background: #fff;
  min-height: 100vh;
}
.product-header[data-v-712f49c8] {
  padding: 40px 0 30px;
}
.product-header .header-line[data-v-712f49c8] {
  margin-bottom: 20px;
}
.product-header .product-content[data-v-712f49c8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 768px) {
.product-header .product-content[data-v-712f49c8] {
    grid-template-columns: 1fr;
    gap: 20px;
}
}
.product-header .product-image[data-v-712f49c8] {
  display: flex;
  align-items: flex-start;
}
.product-header .product-image img[data-v-712f49c8] {
  max-width: 100%;
  max-height: 339px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.product-header .product-info .product-title[data-v-712f49c8] {
  font-size: 24px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 15px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #C8102E;
}
.product-header .product-info .section-title[data-v-712f49c8] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0 10px 0;
}
.product-header .product-info .product-features[data-v-712f49c8] {
  margin-bottom: 10px;
}
.product-header .product-info .product-features .feature-list[data-v-712f49c8] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-features .feature-list li[data-v-712f49c8] {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 6px;
  position: relative;
  padding-left: 18px;
}
.product-header .product-info .product-features .feature-list li[data-v-712f49c8]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-header .product-info .product-features .feature-list li[data-v-712f49c8]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads[data-v-712f49c8] {
  margin-bottom: 15px;
}
.product-header .product-info .product-downloads .download-list[data-v-712f49c8] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-downloads .download-list li[data-v-712f49c8] {
  margin-bottom: 8px;
}
.product-header .product-info .product-downloads .download-list li[data-v-712f49c8]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads .download-list li a[data-v-712f49c8] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C8102E;
  text-decoration: none;
  transition: color 0.3s;
}
.product-header .product-info .product-downloads .download-list li a[data-v-712f49c8]:hover {
  color: #9A0B23;
  text-decoration: underline;
}
.product-header .product-info .request-quote[data-v-712f49c8] {
  margin-top: 15px;
}
.product-header .product-info .request-quote .quote-btn[data-v-712f49c8] {
  display: block;
  width: 100%;
  padding: 14px;
  background: #C8102E;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}
.product-header .product-info .request-quote .quote-btn[data-v-712f49c8]:hover {
  background: #9A0B23;
}
.product-details[data-v-712f49c8] {
  padding: 40px 0;
  border-top: 1px solid #E8E8E8;
}
.product-details .details-grid[data-v-712f49c8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
.product-details .details-grid[data-v-712f49c8] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.product-details .section-title[data-v-712f49c8] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.product-details p[data-v-712f49c8] {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0 0 15px 0;
}
.product-details p[data-v-712f49c8]:last-child {
  margin-bottom: 0;
}
.product-details .specs-list[data-v-712f49c8] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-details .specs-list li[data-v-712f49c8] {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}
.product-details .specs-list li[data-v-712f49c8]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-details .specs-list li[data-v-712f49c8]:last-child {
  margin-bottom: 0;
}
.related-products[data-v-712f49c8] {
  padding: 40px 0 60px;
  border-top: 1px solid #E8E8E8;
}
.related-products .section-title[data-v-712f49c8] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.related-products .related-grid[data-v-712f49c8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
.related-products .related-grid[data-v-712f49c8] {
    grid-template-columns: 1fr;
}
}
.related-products .related-item[data-v-712f49c8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: none;
  border-radius: 0;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
}
.related-products .related-item[data-v-712f49c8]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.related-products .related-item .product-name[data-v-712f49c8] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0;
}
.related-products .related-item img[data-v-712f49c8] {
  width: 100%;
  max-width: 100%;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.related-products .related-item .product-desc[data-v-712f49c8] {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  margin: 15px 0 0;
  padding: 0 10px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/15200.vue?vue&type=style&index=0&id=6867c864&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-6867c864] {
  max-width: 1351px;
  margin: 0 auto 0 auto;
  padding: 0 20px;
}

/* 面包屑导航 */
.breadcrumb-section[data-v-6867c864] {
  background: white;
  padding: 120px 0 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb-section .breadcrumb[data-v-6867c864] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666666;
  padding: 12px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.breadcrumb-section .breadcrumb a[data-v-6867c864] {
  color: #C8102E;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}
.breadcrumb-section .breadcrumb a[data-v-6867c864]:hover {
  color: #9A0B23;
  transform: translateY(-1px);
}
.breadcrumb-section .breadcrumb .breadcrumb-separator[data-v-6867c864] {
  margin: 0 12px;
  color: #666666;
  font-size: 12px;
  opacity: 0.6;
}
.breadcrumb-section .breadcrumb .breadcrumb-current[data-v-6867c864] {
  color: #1A1A1A;
  font-weight: 600;
  font-size: 15px;
}
.page-15200[data-v-6867c864] {
  background: #fff;
  min-height: 100vh;
}
.product-header[data-v-6867c864] {
  padding: 40px 0 30px;
}
.product-header .header-line[data-v-6867c864] {
  margin-bottom: 20px;
}
.product-header .product-content[data-v-6867c864] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 768px) {
.product-header .product-content[data-v-6867c864] {
    grid-template-columns: 1fr;
    gap: 20px;
}
}
.product-header .product-image[data-v-6867c864] {
  display: flex;
  align-items: flex-start;
}
.product-header .product-image img[data-v-6867c864] {
  max-width: 100%;
  max-height: 339px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.product-header .product-info .product-title[data-v-6867c864] {
  font-size: 24px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 15px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #C8102E;
}
.product-header .product-info .section-title[data-v-6867c864] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0 10px 0;
}
.product-header .product-info .product-features[data-v-6867c864] {
  margin-bottom: 10px;
}
.product-header .product-info .product-features .feature-list[data-v-6867c864] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-features .feature-list li[data-v-6867c864] {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 6px;
  position: relative;
  padding-left: 18px;
}
.product-header .product-info .product-features .feature-list li[data-v-6867c864]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-header .product-info .product-features .feature-list li[data-v-6867c864]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads[data-v-6867c864] {
  margin-bottom: 15px;
}
.product-header .product-info .product-downloads .download-list[data-v-6867c864] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-downloads .download-list li[data-v-6867c864] {
  margin-bottom: 8px;
}
.product-header .product-info .product-downloads .download-list li[data-v-6867c864]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads .download-list li a[data-v-6867c864] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C8102E;
  text-decoration: none;
  transition: color 0.3s;
}
.product-header .product-info .product-downloads .download-list li a[data-v-6867c864]:hover {
  color: #9A0B23;
  text-decoration: underline;
}
.product-header .product-info .request-quote[data-v-6867c864] {
  margin-top: 15px;
}
.product-header .product-info .request-quote .quote-btn[data-v-6867c864] {
  display: block;
  width: 100%;
  padding: 14px;
  background: #C8102E;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}
.product-header .product-info .request-quote .quote-btn[data-v-6867c864]:hover {
  background: #9A0B23;
}
.product-details[data-v-6867c864] {
  padding: 40px 0;
  border-top: 1px solid #E8E8E8;
}
.product-details .details-grid[data-v-6867c864] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
.product-details .details-grid[data-v-6867c864] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.product-details .section-title[data-v-6867c864] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.product-details p[data-v-6867c864] {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0 0 15px 0;
}
.product-details p[data-v-6867c864]:last-child {
  margin-bottom: 0;
}
.product-details .specs-list[data-v-6867c864] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-details .specs-list li[data-v-6867c864] {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}
.product-details .specs-list li[data-v-6867c864]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-details .specs-list li[data-v-6867c864]:last-child {
  margin-bottom: 0;
}
.related-products[data-v-6867c864] {
  padding: 40px 0 60px;
  border-top: 1px solid #E8E8E8;
}
.related-products .section-title[data-v-6867c864] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.related-products .related-grid[data-v-6867c864] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
.related-products .related-grid[data-v-6867c864] {
    grid-template-columns: 1fr;
}
}
.related-products .related-item[data-v-6867c864] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: none;
  border-radius: 0;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
}
.related-products .related-item[data-v-6867c864]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.related-products .related-item .product-name[data-v-6867c864] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0;
}
.related-products .related-item img[data-v-6867c864] {
  width: 100%;
  max-width: 100%;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.related-products .related-item .product-desc[data-v-6867c864] {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  margin: 15px 0 0;
  padding: 0 10px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/15500.vue?vue&type=style&index=0&id=071a7a27&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slide-in-left-071a7a27 {
from {
    opacity: 0;
    transform: translateX(-50px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes slide-in-right-071a7a27 {
from {
    opacity: 0;
    transform: translateX(50px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes slide-in-up-071a7a27 {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.container[data-v-071a7a27] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.hero-section[data-v-071a7a27] {
  position: relative;
  padding: 120px 0;
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
  color: #ffffff;
  overflow: hidden;
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
.hero-section .hero-bg[data-v-071a7a27] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4xIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIiAvPjwvc3ZnPg==);
  opacity: 0.5;
}
.hero-section .container[data-v-071a7a27] {
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 2;
}
.hero-section .hero-content[data-v-071a7a27] {
  flex: 1;
  max-width: 600px;
  animation: slide-in-left-071a7a27 0.8s ease-out forwards;
}
.hero-section .hero-content .hero-badge[data-v-071a7a27] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  margin-bottom: 24px;
  backdrop-filter: blur(10px);
}
.hero-section .hero-content .hero-title[data-v-071a7a27] {
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 16px 0;
  line-height: 1.2;
}
.hero-section .hero-content .hero-title .hero-subtitle[data-v-071a7a27] {
  display: block;
  font-size: 24px;
  font-weight: 500;
  margin-top: 8px;
  opacity: 0.9;
}
.hero-section .hero-content .hero-description[data-v-071a7a27] {
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 32px 0;
  opacity: 0.9;
}
.hero-section .hero-content .hero-features[data-v-071a7a27] {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 40px;
}
.hero-section .hero-content .hero-features .feature-item[data-v-071a7a27] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
.hero-section .hero-content .hero-features .feature-item .feature-icon[data-v-071a7a27] {
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-section .hero-content .hero-features .feature-item .feature-icon i[data-v-071a7a27] {
  font-size: 14px;
}
.hero-section .hero-content .hero-actions[data-v-071a7a27] {
  display: flex;
  gap: 20px;
}
.hero-section .hero-content .hero-actions .btn-primary[data-v-071a7a27],
.hero-section .hero-content .hero-actions .btn-secondary[data-v-071a7a27] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 32px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.hero-section .hero-content .hero-actions .btn-primary[data-v-071a7a27] {
  background: #ffffff;
  color: #2563eb;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-actions .btn-primary[data-v-071a7a27]:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.hero-section .hero-content .hero-actions .btn-secondary[data-v-071a7a27] {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero-section .hero-content .hero-actions .btn-secondary[data-v-071a7a27]:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.hero-section .hero-image[data-v-071a7a27] {
  flex: 1;
  max-width: 500px;
  animation: slide-in-right-071a7a27 0.8s ease-out forwards;
}
.hero-section .hero-image .image-container[data-v-071a7a27] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-section .hero-image .image-container .product-image[data-v-071a7a27] {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  transform: perspective(1000px) rotateY(-10deg) rotateX(5deg);
  transition: all 0.5s ease;
}
.hero-section .hero-image .image-container .product-image[data-v-071a7a27]:hover {
  transform: perspective(1000px) rotateY(0) rotateX(0);
}
.hero-section .hero-image .image-container .image-glow[data-v-071a7a27] {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  z-index: -1;
}
.content-section[data-v-071a7a27] {
  padding: 100px 20px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
.content-section[data-v-071a7a27]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(96, 165, 250, 0.02) 100%);
  z-index: 0;
}
.content-section[data-v-071a7a27]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 200px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxwYXRoIGQ9Ik0gNDAgMCBMIDAgMCAwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYjgyZjYiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4wNSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIgLz48L3N2Zz4=);
  opacity: 0.5;
  z-index: 0;
}
.content-section .container[data-v-071a7a27] {
  max-width: 1200px;
  position: relative;
  z-index: 1;
}
.content-section .content-layout[data-v-071a7a27] {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}
.content-section .content-wrapper[data-v-071a7a27] {
  flex: 1;
  position: relative;
}
.content-section .section-title[data-v-071a7a27] {
  font-size: 32px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
  animation: slide-in-left-071a7a27 0.8s ease-out forwards;
}
.content-section .section-title[data-v-071a7a27]::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
  border-radius: 2px;
  animation: slide-in-left-071a7a27 0.8s ease-out 0.2s forwards;
  opacity: 0;
}
.content-section .specs-subtitle[data-v-071a7a27] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin: 32px 0 16px 0;
}
.content-section .product-overview[data-v-071a7a27] {
  margin-bottom: 80px;
  padding: 0 0 40px 0;
  border-bottom: 1px solid rgba(75, 115, 202, 0.1);
  animation: slide-in-up-071a7a27 0.8s ease-out forwards;
}
.content-section .product-overview .overview-description[data-v-071a7a27] {
  font-size: 16px;
  line-height: 1.7;
  color: #64748b;
  margin-bottom: 24px;
}
.content-section .product-features[data-v-071a7a27] {
  margin-bottom: 80px;
  padding: 0 0 40px 0;
  border-bottom: 1px solid rgba(75, 115, 202, 0.1);
  animation: slide-in-up-071a7a27 0.8s ease-out 0.1s forwards;
  opacity: 0;
}
.content-section .product-features .features-grid[data-v-071a7a27] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.content-section .product-features .features-grid .feature-card[data-v-071a7a27] {
  background: #ffffff;
  border: 1px solid rgba(75, 115, 202, 0.1);
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  transition: all 0.3s ease;
}
.content-section .product-features .features-grid .feature-card[data-v-071a7a27]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-color: #60a5fa;
}
.content-section .product-features .features-grid .feature-card .feature-card-icon[data-v-071a7a27] {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.content-section .product-features .features-grid .feature-card .feature-card-icon i[data-v-071a7a27] {
  color: #ffffff;
  font-size: 24px;
}
.content-section .product-features .features-grid .feature-card .feature-card-title[data-v-071a7a27] {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 12px;
}
.content-section .product-features .features-grid .feature-card .feature-card-text[data-v-071a7a27] {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
}
@media (max-width: 992px) {
.content-section .product-features .features-grid[data-v-071a7a27] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.content-section .product-features .features-grid[data-v-071a7a27] {
    grid-template-columns: 1fr;
}
}
.content-section .technical-specs[data-v-071a7a27] {
  padding: 40px 0 0 0;
  animation: slide-in-up-071a7a27 0.8s ease-out 0.2s forwards;
  opacity: 0;
}
.content-section .technical-specs .specs-container[data-v-071a7a27] {
  background: #ffffff;
  border: 1px solid rgba(75, 115, 202, 0.1);
  border-radius: 12px;
  overflow: hidden;
}
.content-section .technical-specs .specs-container .specs-section[data-v-071a7a27] {
  padding: 30px;
  border-bottom: 1px solid rgba(75, 115, 202, 0.05);
}
.content-section .technical-specs .specs-container .specs-section[data-v-071a7a27]:last-child {
  border-bottom: none;
}
.content-section .technical-specs .specs-container .specs-section .specs-subtitle[data-v-071a7a27] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 20px 0;
}
.content-section .technical-specs .specs-container .specs-section .specs-table .specs-row[data-v-071a7a27] {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0;
  border-bottom: 1px solid rgba(75, 115, 202, 0.05);
}
.content-section .technical-specs .specs-container .specs-section .specs-table .specs-row[data-v-071a7a27]:last-child {
  border-bottom: none;
}
.content-section .technical-specs .specs-container .specs-section .specs-table .specs-row .specs-label[data-v-071a7a27] {
  flex: 0 0 200px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
.content-section .technical-specs .specs-container .specs-section .specs-table .specs-row .specs-label[data-v-071a7a27] {
    flex: 0 0 100%;
}
}
.content-section .technical-specs .specs-container .specs-section .specs-table .specs-row .specs-value[data-v-071a7a27] {
  flex: 1;
  color: #64748b;
  line-height: 1.6;
}
@media (max-width: 768px) {
.content-section .technical-specs .specs-container .specs-section .specs-table .specs-row .specs-value[data-v-071a7a27] {
    flex: 0 0 100%;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/6525s.vue?vue&type=style&index=0&id=59f65547&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container[data-v-59f65547] {
  max-width: 1351px;
  margin: 0 auto 0 auto;
  padding: 0 20px;
}

/* 面包屑导航 */
.breadcrumb-section[data-v-59f65547] {
  background: white;
  padding: 120px 0 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb-section .breadcrumb[data-v-59f65547] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666666;
  padding: 12px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.breadcrumb-section .breadcrumb a[data-v-59f65547] {
  color: #C8102E;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}
.breadcrumb-section .breadcrumb a[data-v-59f65547]:hover {
  color: #9A0B23;
  transform: translateY(-1px);
}
.breadcrumb-section .breadcrumb .breadcrumb-separator[data-v-59f65547] {
  margin: 0 12px;
  color: #666666;
  font-size: 12px;
  opacity: 0.6;
}
.breadcrumb-section .breadcrumb .breadcrumb-current[data-v-59f65547] {
  color: #1A1A1A;
  font-weight: 600;
  font-size: 15px;
}
.page-6525s[data-v-59f65547] {
  background: #fff;
  min-height: 100vh;
}
.product-header[data-v-59f65547] {
  padding: 40px 0 30px;
}
.product-header .header-line[data-v-59f65547] {
  margin-bottom: 20px;
}
.product-header .product-content[data-v-59f65547] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 768px) {
.product-header .product-content[data-v-59f65547] {
    grid-template-columns: 1fr;
    gap: 20px;
}
}
.product-header .product-image[data-v-59f65547] {
  display: flex;
  align-items: flex-start;
}
.product-header .product-image img[data-v-59f65547] {
  max-width: 100%;
  max-height: 339px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.product-header .product-info .product-title[data-v-59f65547] {
  font-size: 24px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 15px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #C8102E;
}
.product-header .product-info .section-title[data-v-59f65547] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0 10px 0;
}
.product-header .product-info .product-features[data-v-59f65547] {
  margin-bottom: 10px;
}
.product-header .product-info .product-features .feature-list[data-v-59f65547] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-features .feature-list li[data-v-59f65547] {
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 6px;
  position: relative;
  padding-left: 18px;
}
.product-header .product-info .product-features .feature-list li[data-v-59f65547]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-header .product-info .product-features .feature-list li[data-v-59f65547]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads[data-v-59f65547] {
  margin-bottom: 15px;
}
.product-header .product-info .product-downloads .download-list[data-v-59f65547] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-header .product-info .product-downloads .download-list li[data-v-59f65547] {
  margin-bottom: 8px;
}
.product-header .product-info .product-downloads .download-list li[data-v-59f65547]:last-child {
  margin-bottom: 0;
}
.product-header .product-info .product-downloads .download-list li a[data-v-59f65547] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C8102E;
  text-decoration: none;
  transition: color 0.3s;
}
.product-header .product-info .product-downloads .download-list li a[data-v-59f65547]:hover {
  color: #9A0B23;
  text-decoration: underline;
}
.product-header .product-info .request-quote[data-v-59f65547] {
  margin-top: 15px;
}
.product-header .product-info .request-quote .quote-btn[data-v-59f65547] {
  display: block;
  width: 100%;
  padding: 14px;
  background: #C8102E;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}
.product-header .product-info .request-quote .quote-btn[data-v-59f65547]:hover {
  background: #9A0B23;
}
.product-details[data-v-59f65547] {
  padding: 40px 0;
  border-top: 1px solid #E8E8E8;
}
.product-details .details-grid[data-v-59f65547] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
.product-details .details-grid[data-v-59f65547] {
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.product-details .section-title[data-v-59f65547] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.product-details p[data-v-59f65547] {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0 0 15px 0;
}
.product-details p[data-v-59f65547]:last-child {
  margin-bottom: 0;
}
.product-details .specs-list[data-v-59f65547] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-details .specs-list li[data-v-59f65547] {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}
.product-details .specs-list li[data-v-59f65547]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C8102E;
  font-weight: bold;
}
.product-details .specs-list li[data-v-59f65547]:last-child {
  margin-bottom: 0;
}
.related-products[data-v-59f65547] {
  padding: 40px 0 60px;
  border-top: 1px solid #E8E8E8;
}
.related-products .section-title[data-v-59f65547] {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8E8E8;
}
.related-products .related-grid[data-v-59f65547] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
.related-products .related-grid[data-v-59f65547] {
    grid-template-columns: 1fr;
}
}
.related-products .related-item[data-v-59f65547] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: none;
  border-radius: 0;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
}
.related-products .related-item[data-v-59f65547]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.related-products .related-item .product-name[data-v-59f65547] {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 15px 0;
}
.related-products .related-item img[data-v-59f65547] {
  width: 100%;
  max-width: 100%;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.related-products .related-item .product-desc[data-v-59f65547] {
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  margin: 15px 0 0;
  padding: 0 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/ExcelImport/index.vue?vue&type=style&index=0&id=7f3776bf&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.excel-import-container[data-v-7f3776bf] {
  display: inline-block;
  margin-right: 10px;
}
.import-section[data-v-7f3776bf] {
  padding: 20px;
  text-align: center;
}
.mapping-section[data-v-7f3776bf] {
  padding: 20px;
}
.mapping-section .mapping-header[data-v-7f3776bf] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background-color: #f5f7fa;
  font-weight: bold;
  margin-bottom: 10px;
}
.mapping-section .mapping-header span[data-v-7f3776bf] {
  flex: 1;
  text-align: center;
}
.mapping-section .mapping-header span[data-v-7f3776bf]:first-child {
  text-align: left;
}
.mapping-section .mapping-list[data-v-7f3776bf] {
  max-height: 400px;
  overflow-y: auto;
}
.mapping-section .mapping-item[data-v-7f3776bf] {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ebeef5;
}
.mapping-section .mapping-item .column-name[data-v-7f3776bf] {
  flex: 1;
  font-weight: 500;
}
.mapping-section .mapping-item .el-select[data-v-7f3776bf] {
  flex: 1;
  margin: 0 20px;
}
.mapping-section .mapping-item .preview-data[data-v-7f3776bf] {
  flex: 1;
  color: #909399;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preview-section[data-v-7f3776bf] {
  padding: 20px;
}
.preview-section .data-info[data-v-7f3776bf] {
  margin-top: 10px;
  text-align: center;
  color: #909399;
}
.select-section[data-v-7f3776bf] {
  padding: 10px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./src/views/template/commonTem/mouldesign/css/hiprint.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.print_template_container{  
  /* margin-top: 100px; */
  margin-bottom: 100px;
  margin-right: 14%;
}
.print_template_main{
  margin-left: 1%;
}
/* hiprint-pagination ��ӡ��ҳ*/
.hiprint-pagination {
  display: inline-block;
  padding-left: 0;
}
.hiprint-pagination > li {
      display: inline;
}
.hiprint-pagination > li > a {
          position: relative;
          float: left;
          padding: 3px 10px;
          margin-left: -1px;
          line-height: 1.42857143;
          color: #337ab7;
          text-decoration: none;
          background-color: #fff;
          border: 1px solid #ddd;
}
.hiprint-pagination-sm > li > a {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
/*rect-printElement-type hiprint-printElement-type */
.rect-printElement-types .hiprint-printElement-type {
  display: block;
}
.rect-printElement-types .hiprint-printElement-type {
  padding: 0 0 0 0;
  list-style: none;
}
.rect-printElement-types .hiprint-printElement-type > li > .title {
      display: block;
      padding: 4px 0px;
      clear: both;
}
.rect-printElement-types .hiprint-printElement-type > li > ul {
      padding: 0 0 0 0;
      display: block;
      list-style: none;
}
.rect-printElement-types .hiprint-printElement-type > li > ul > li {
          display: block;
          width: 50%;
          float: left;
          max-width: 100px;
}
.rect-printElement-types .hiprint-printElement-type > li > ul > li > a {
              height: 92px;
              padding: 12px 6px;
              margin-left: -1px;
              line-height: 1.42857143;
              color: #337ab7;
              text-decoration: none;
              background-color: #fff;
              border: 1px solid #ddd;
              margin-right: 5px;
              width: 95%;
              max-width: 100px;
              display: inline-block;
              text-align: center;
              margin-bottom: 7px;
              box-sizing: border-box;
              color: #b9a5a6;
              border: 1px solid rgba(0,0,0,0.2);
              border-radius: 3px;
              box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
}


/*small-printElement-type hiprint-printElement-type */
.small-printElement-types .hiprint-printElement-type {
  display: block;
}
.small-printElement-types .hiprint-printElement-type {
  padding: 0 0 0 0;
  list-style: none;
}
.small-printElement-types .hiprint-printElement-type > li > .title {
      display: block;
      padding: 4px 0px;
      clear: both;
}
.small-printElement-types .hiprint-printElement-type > li > ul {
      padding: 0 0 0 0;
      display: block;
      list-style: none;
      width: 100%;
}
.small-printElement-types .hiprint-printElement-type > li > ul > li {
          display: block;
          width: 50%;
          float: left;
          padding: 0 4px;
}
.small-printElement-types .hiprint-printElement-type > li > ul > li > a {
              height: 22px;
              /* padding: 12px 6px; */
              /* margin-left: -1px; */
              line-height: 20px;
              color: #337ab7;
              text-decoration: none;
              background-color: #fff;
              border: 1px solid #ddd;
              margin-right: 5px;
              width: 100%;
              display: block;
              text-align: center;
              margin-bottom: 7px;
              box-sizing: border-box;
              color: #b9a5a6;
              border: 1px solid rgba(0,0,0,0.2);
              border-radius: 3px;
              box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
}


/* hiprint-toolbar*/
.hiprint-toolbar {
}
.hiprint-toolbar > ul {
      padding: 0px;
      margin-bottom: 0px;
}
.hiprint-toolbar > ul > li {
          display: inline-block;
}
.hiprint-toolbar > ul > li > a {
              position: relative;
              float: left;
              padding: 3px 10px;
              margin-left: -1px;
              line-height: 1.42857143;
              color: #337ab7;
              text-decoration: none;
              background-color: #fff;
              border: 1px solid #ddd;
              margin-right: 4px;
              cursor: pointer;
}
.hiprint-printElement-type .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word;
  /*font-size: 0.65rem;
font-weight: normal;*/
  font-family: Helvetica, sans-serif;
}
.hiprint-printElement-type .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 37px;
}


/*


*/

/*option css*/
/*option css*/
.hiprint-option-items {
  font-size: 1rem;
  padding: 10px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
}
.hiprint-option-items .hiprint-option-item {
      box-sizing: border-box;
      float: left;
      width: 100%;
      margin-bottom: 5px;
      padding: 0 5px;
}
.hiprint-option-items .hiprint-option-item-row {
      width: 100%;
}
.hiprint-option-item-label {
  margin: 5px 5px 3px 0;
}
.hiprint-option-items .hiprint-option-item-field input, .hiprint-option-items .hiprint-option-item-field select, .hiprint-option-items .hiprint-option-item-field textarea {
  color: inherit;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: 3px;
  z-index: 1;
  border: 1px solid rgb(169, 169, 169);
  /* height: 19pt; */
}
.hiprint-option-item-settingBtn {
    height: 19pt;
    line-height: 19pt;
    font-size: 12px;
    padding: 0 24px;
    background: #00c1de;
    border-color: transparent;
    color: #fff;
    display: inline-block;
    margin: 5px;
    font-weight: 400;
    border: 1px solid transparent;
    font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, "sans-serif";
    vertical-align: middle;
    transition: .3s cubic-bezier(.4, 0, .2, 1);
    transform: translateZ(0);
}
.hiprint-option-item-deleteBtn {
    background:red;
}
.hiprint-option-items .minicolors {
    position: relative;
}
.hiprint-option-items .minicolors-sprite {
  background-image: url(/img/jquery.minicolors.00ae20f0.png);
}
.hiprint-option-items .minicolors-swatch {
  position: absolute;
  vertical-align: middle;
  background-position: -80px 0;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.hiprint-option-items .minicolors-swatch-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.hiprint-option-items .minicolors input[type=hidden] + .minicolors-swatch {
  width: 28px;
  position: static;
  cursor: pointer;
}
.hiprint-option-items .minicolors input[type=hidden][disabled] + .minicolors-swatch {
  cursor: default;
}

/* Panel */
.hiprint-option-items .minicolors-panel {
  position: absolute;
  width: 173px;
  background: white;
  border: solid 1px #CCC;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  z-index: 99999;
  box-sizing: content-box;
  display: none;
}
.hiprint-option-items .minicolors-panel.minicolors-visible {
      display: block;
}

/* Panel positioning */
.hiprint-option-items .minicolors-position-top .minicolors-panel {
  top: -154px;
}
.hiprint-option-items .minicolors-position-right .minicolors-panel {
  right: 0;
}
.hiprint-option-items .minicolors-position-bottom .minicolors-panel {
  top: auto;
}
.hiprint-option-items .minicolors-position-left .minicolors-panel {
  left: 0;
}
.hiprint-option-items .minicolors-with-opacity .minicolors-panel {
  width: 194px;
}
.hiprint-option-items .minicolors .minicolors-grid {
  position: relative;
  top: 1px;
  left: 1px; /* LTR */
  width: 150px;
  height: 150px;
  margin-bottom: 2px;
  background-position: -120px 0;
  cursor: crosshair;
}
.hiprint-option-items .minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}
.hiprint-option-items .minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0;
}
.hiprint-option-items .minicolors-slider-saturation .minicolors-grid-inner {
  background-position: -270px 0;
  background-image: inherit;
}
.hiprint-option-items .minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0;
}
.hiprint-option-items .minicolors-slider-brightness .minicolors-grid-inner {
  background-color: black;
}
.hiprint-option-items .minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0;
}
.hiprint-option-items .minicolors-slider,
.hiprint-option-items .minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 152px; /* LTR */
  width: 20px;
  height: 150px;
  background-color: white;
  background-position: 0 0;
  cursor: row-resize;
}
.hiprint-option-items .minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0;
}
.hiprint-option-items .minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0;
}
.hiprint-option-items .minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0;
}
.hiprint-option-items .minicolors-opacity-slider {
  left: 173px; /* LTR */
  background-position: -40px 0;
  display: none;
}
.hiprint-option-items .minicolors-with-opacity .minicolors-opacity-slider {
  display: block;
}

/* Pickers */
.hiprint-option-items .minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 12px;
  height: 12px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none;
}
.hiprint-option-items .minicolors-grid .minicolors-picker > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 8px;
      border: solid 2px white;
      box-sizing: content-box;
}
.hiprint-option-items .minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  margin-top: -2px;
  box-sizing: content-box;
}

/* Swatches */
.hiprint-option-items .minicolors-swatches,
.hiprint-option-items .minicolors-swatches li {
  margin: 5px 0 3px 5px; /* LTR */
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.hiprint-option-items .minicolors-swatches .minicolors-swatch {
      position: relative;
      float: left; /* LTR */
      cursor: pointer;
      margin: 0 4px 0 0; /* LTR */
}
.hiprint-option-items .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
  margin-right: 7px; /* LTR */
}
.hiprint-option-items .minicolors-swatch.selected {
  border-color: #000;
}

/* Inline controls */
.hiprint-option-items .minicolors-inline {
  display: inline-block;
}
.hiprint-option-items .minicolors-inline .minicolors-input {
      display: none !important;
}
.hiprint-option-items .minicolors-inline .minicolors-panel {
      position: relative;
      top: auto;
      left: auto; /* LTR */
      box-shadow: none;
      z-index: auto;
      display: inline-block;
}



/* Bootstrap theme */
.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch {
  z-index: 2;
  top: 3px;
  left: 3px;
  width: 17px;
  height: 17px;
}
.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0; /* LTR */
  width: 20px;
  height: 20px;
}
.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch-color {
  border-radius: inherit;
}
.hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
  left: auto; /* LTR */
  right: 3px; /* LTR */
}
.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input {
  float: none;
  padding-left: 23px; /* LTR */
}
.hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
  padding-right: 44px; /* LTR */
  padding-left: 12px; /* LTR */
}
.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
  top: 4px;
  left: 4px; /* LTR */
  width: 37px;
  height: 37px;
  border-radius: 5px;
}
.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
  width: 24px;
  height: 24px;
}
.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
  width: 18px;
  height: 18px;
}
.hiprint-option-items .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
  border-top-left-radius: 0; /* LTR */
  border-bottom-left-radius: 0; /* LTR */
}



/*hitable reizer*/
.hitable {
}
.hitable .selected {
      background: #3e66ad;
}


  /*resizer*/
.hitable tr.resizerRow,
  .hitable .resizerRow td {
      border: 0pt dashed;
      height: 0pt;
      background: #fff;
}
.hitable tr.resizerRow + tr,
      .hitable tr.resizerRow + tr td {
          border-top: 0px !important;
}
.hitable td.resizerColumn {
      border: 0pt dashed;
      width: 0.000001px !important;
      background: #fff;
}
.hitable td.resizerColumn + td {
          border-left: 0px !important;
}


/*GRIP*/
.columngrips {
  height: 0px;
  position: absolute;
}
.columngrip {
  margin-left: -5px;
  position: absolute;
  z-index: 5;
  width: 10px;
}
.columngrip .gripResizer {
      position: absolute;
      filter: alpha(opacity=1);
      opacity: 0;
      width: 10px;
      height: 100%;
      cursor: col-resize;
      top: 0px;
}
.columngripDraging {
  border-left: 1px dotted black;
}
.rowgrips {
  height: 0px;
  width: 0px;
  position: absolute;
}
.rowgrip {
  margin-top: -5px;
  position: absolute;
  z-index: 5;
  height: 10px;
}
.rowgrip .gripResizer {
      position: absolute;
      filter: alpha(opacity=1);
      opacity: 0;
      height: 10px;
      width: 100%;
      cursor: row-resize;
      left: 0px;
}
.rowgripDraging {
  border-top: 1px dotted black;
}
.hitable .hitable-editor-text {
  border: 1px solid;
  width: 95%;
  height: 80%;
}
.hipanel-disable {
    height: 0px;
    display: block !important;
    top: 8500px;
    width: 0px;
    overflow: hidden;
    position: absolute;
}
.hiprint_rul_wrapper {
  /* display: none; */
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  border: 0;
  /* border-top: 1px solid rgb(201, 190, 190); */
  /* border-left: 1px solid rgb(201, 190, 190); */
  padding-left: 15px;
  margin: -16px
}
.hiprint_rul_wrapper .h_img {
  position: absolute;
  top: -3px;
  left: 15px;
  width: 400mm;
  height: 19px;
}
.hiprint_rul_wrapper .v_img {
  width: 400mm;
  transform: rotate(90deg);
  transform-origin: 0 100%;
  height: 19px;
  position: absolute;
  top: 0px;
  left: -3px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./src/views/template/commonTem/mouldesign/css/print-lock.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/

@media print {
body {
        margin: 0px;
        padding: 0px;
}
}
@page {
    margin: 0;
}
.hiprint-printPaper * {
    box-sizing: content-box;
}
.hiprint-printPaper {
    position: relative;
    padding: 0 0 0 0;
    page-break-after: always;
    overflow-x: hidden;
    overflow:hidden;
}
.hiprint-printPaper .hiprint-printPaper-content {
        position: relative;
}
.hiprint-printPaper.design {
    overflow: visible;
}
.hiprint-printTemplate .hiprint-printPanel {
    page-break-after: always;
}
.hiprint-printPaper, hiprint-printPanel {
    box-sizing: border-box;
    border: 0px;
}
.hiprint-printPanel .hiprint-printPaper:last-child {
    page-break-after: avoid;
}
.hiprint-printTemplate .hiprint-printPanel:last-child {
    page-break-after: avoid;
}
.hiprint-printPaper .hideheaderLinetarget {
    border-top: 0px dashed rgb(201, 190, 190) !important;
}
.hiprint-printPaper .hidefooterLinetarget {
    border-top: 0px dashed rgb(201, 190, 190) !important;
}
.hiprint-printPaper.design {
    border: 1px dashed rgba(170,170,170,0.7);
}
.design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
    overflow: hidden;
    box-sizing: border-box;
}
.design .resize-panel {
    box-sizing: border-box;
    border: 1pt dotted;
}
.hiprint-printElement-text {
    background-color: transparent;
    background-repeat: repeat;
    padding: 0 0 0 0;
    border-color: rgb(0,0,0);
    border-style: none;
    direction: ltr;
    font-family: 'SimSun';
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    padding-top: 0pt;
    text-align: left;
    text-decoration: none;
    line-height: 9.75pt;
    box-sizing: content-box;
    word-wrap: break-word;
    word-break: break-all;
}
.design .hiprint-printElement-text-content {
    border: 1px dashed rgb(206, 188, 188);
    box-sizing: border-box;
}
.hiprint-printElement-longText {
    background-color: transparent;
    background-repeat: repeat;
    border-color: rgb(0,0,0);
    border-style: none;
    direction: ltr;
    font-family: 'SimSun';
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    padding-top: 0pt;
    text-align: left;
    text-decoration: none;
    line-height: 9.75pt;
    box-sizing: content-box;
    word-wrap: break-word;
    word-break: break-all;
    /*white-space: pre-wrap*/
}
.hiprint-printElement-table {
    background-color: transparent;
    background-repeat: repeat;
    color: rgb(0,0,0);
    border-color: rgb(0,0,0);
    border-style: none;
    direction: ltr;
    font-family: 'SimSun';
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    padding-top: 0pt;
    text-align: left;
    text-decoration: none;
    padding: 0 0 0 0;
    box-sizing: content-box;
    line-height: 9.75pt;
}
.hiprint-printElement-table thead {
        background: #e8e8e8;
        font-weight: 700;
}
.hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
    border-color: rgb(0,0,0);
    border-style: none;
    border: 1px solid;
    font-weight: normal;
    direction: ltr;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    padding-top: 0pt;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: content-box;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 9pt;
    line-height: 9.75pt;
}
.hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
        height: 18pt;
}
.hiprint-printPaper .hiprint-paperNumber {
    font-size: 9pt;
}
.design .hiprint-printElement-table-handle {
    position: absolute;
    height: 20pt;
    width: 20pt;
	background: #ff9800b3;
}
.hiprint-printPaper .hiprint-paperNumber-disabled {
    float: right !important;
    right: 0 !important;
    color: gainsboro !important;
}
.hiprint-printElement-vline, .hiprint-printElement-hline, .hiprint-printElement-oval, .hiprint-printElement-rect {
    border: 1px;
}



/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/template/commonTem/mouldesign/mouldesign.vue?vue&type=style&index=0&id=91bfcb94&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/



/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/template/commonTem/mouldesign/mouldesign.vue?vue&type=style&index=1&id=91bfcb94&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.print_template_container {
	width: 100%;
	height: 100vh;
	background-color: #f5f7fa;
	display: flex;
	flex-direction: column;
}

/* 顶部标题栏 */
.top-header {
	background-color: #00b8c4;
	color: white;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.header-left h1 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}
.header-right {
	display: flex;
	gap: 8px;
}
.header-right .el-button {
	background-color: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.3);
	color: white;
	transition: all 0.3s ease;
}
.header-right .el-button:hover {
	background-color: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.4);
}

/* 工具栏 */
.toolbar {
	background-color: #f0f5f9;
	padding: 8px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e4e7ed;
}
.toolbar-left {
	display: flex;
	gap: 4px;
}
.toolbar-right {
	display: flex;
	align-items: center;
	gap: 4px;
}
.toolbar .el-button {
	background-color: white;
	border-color: #dcdfe6;
	color: #606266;
	transition: all 0.3s ease;
}
.toolbar .el-button:hover {
	background-color: #ecf5ff;
	border-color: #c6e2ff;
	color: #409eff;
}

/* 刻度尺 */
.ruler {
	background-color: #f0f5f9;
	padding: 4px 20px;
	border-bottom: 1px solid #e4e7ed;
	height: 20px;
}
.ruler-mark {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-size: 10px;
	color: #606266;
}
.ruler-mark span {
	position: relative;
}
.ruler-mark span::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 6px;
	background-color: #c0c4cc;
}
.print_template_main{
	margin-left: 1px;
	height: calc(100vh - 140px);
}
.navigation-bar {
	background-color: #409EFF;
	border-bottom: none;
	padding: 0 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.nav-menu {
	max-width: 100%;
	border: none;
	background-color: #409EFF;
}
.nav-menu.el-menu--horizontal {
	line-height: 60px;
}
.nav-menu .el-menu-item {
	font-size: 16px;
	font-weight: 600;
	color: white;
	padding: 0 20px;
}
.nav-menu .el-menu-item:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.nav-menu .el-menu-item.is-active {
	background-color: rgba(255, 255, 255, 0.2);
}
.el-header,
.el-footer {
	background-color: #b3c0d1;
	color: #333;
	line-height: 60px;
}
.el-aside {
	background-color:whitesmoke;
	color: #333;
	/* margin-left: 10%; */
}
.el-main {
	background-color: #e9eef3;
	color: #333;
	padding: 0;
}
.drag_item_box {
	height: 100px;
	padding: 6px;
}
.drag_item_box > div {
	height: 100%;
	width: 100%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.drag_item_box > div > a {
	text-align: center;
	text-decoration-line: none;
}
.drag_item_box > div > a > span {
	font-size: 28px;
}
.drag_item_box > div > a > p {
	margin: 0;
}
.drag_item_title {
	font-size: 16px;
	padding: 12px 6px 0 6px;
	font-weight: bold;
}
.preview_dialog .el-dialog__body {
	padding: 0;
}
#params_content .container {
	width: 100% !important;
}

/* .params_drawer .el-drawer.rtl {
	overflow: auto;
} */
.el-drawer__wrapper{
	right: 0 !important;
	left: auto !important;
	top: 100px !important;
}
.params_drawer .el-drawer__header {
	margin-bottom: 0;
}
.params_drawer {
	left: auto;
}
.hiprint-printTemplate {
	overflow-x: auto;
}
.hiprint-printPaper {
	background-color: #fff!important;
}
.full_screen_dialog .el-dialog__header {
	padding: 0;
	margin: 0;
}
.full_screen_dialog .el-dialog__body {
	padding: 0;
}
.middleelbtn{
  vertical-align: middle!important;
}
#udi_show{
	/* width: 100%; */
  /* height: 100%; */
	/* line-height: 40px; */
	pointer-events: none;
	background-color:rgba(153,153, 153, .2);
}
#udi_show a .glyphicon, #udi_show a .glyphicon-class{
	color:rgba(153,153, 153);
}
/* #udi_icon{
   top: 10px;
} */

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/template/commonTem/mouldesign/design2.vue?vue&type=style&index=0&id=30cd93c5&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/



/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/template/commonTem/mouldesign/design2.vue?vue&type=style&index=1&id=30cd93c5&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.print_template_main{
	height: calc(100vh - 90px);
}
.el-header,
.el-footer {
	background-color: #b3c0d1;
	color: #333;
	line-height: 60px;
}
.el-aside {
	background-color: #d3dce6;
	color: #333;
	padding: 6px;
}
.el-main {
	background-color: #e9eef3;
	color: #333;
	padding: 0;
}
.drag_item_box {
	height: 100px;
	padding: 6px;
}
.drag_item_box > div {
	height: 100%;
	width: 100%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.drag_item_box > div > a {
	text-align: center;
	text-decoration-line: none;
}
.drag_item_box > div > a > span {
	font-size: 28px;
}
.drag_item_box > div > a > p {
	margin: 0;
}
.drag_item_title {
	font-size: 16px;
	padding: 12px 6px 0 6px;
	font-weight: bold;
}
.preview_dialog .el-dialog__body {
	padding: 0;
}
#params_content .container {
	width: 100% !important;
}
.params_drawer .el-drawer.rtl {
	overflow: auto;
}
.params_drawer .el-drawer__header {
	margin-bottom: 0;
}
.params_drawer {
	left: auto;
}
.hiprint-printTemplate {
	overflow-x: auto;
}
.hiprint-printPaper {
	background-color: #fff!important;
}
.full_screen_dialog .el-dialog__header {
	padding: 0;
	margin: 0;
}
.full_screen_dialog .el-dialog__body {
	padding: 0;
}
.middleelbtn{
  vertical-align: middle!important;
}
#udi_show{
	/* width: 100%; */
  /* height: 100%; */
	/* line-height: 40px; */
	pointer-events: none;
	background-color:rgba(153,153, 153, .2);
}
#udi_show a .glyphicon, #udi_show a .glyphicon-class{
	color:rgba(153,153, 153);
}
/* #udi_icon{
   top: 10px;
} */

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/template/commonTem/mouldesign/template-list.vue?vue&type=style&index=0&id=7bf14a62&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.template-list-container[data-v-7bf14a62] {
  min-height: 100%;
  background-color: #f0f2f5;
  padding: 20px;
  padding-bottom: 40px;
}

/* 搜索和创建区域 */
.template-list-search[data-v-7bf14a62] {
  margin-bottom: 24px;
}
.search-card[data-v-7bf14a62] {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.search-card[data-v-7bf14a62]:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
}
.search-header[data-v-7bf14a62] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  flex-wrap: wrap;
  gap: 16px;
}
.page-title[data-v-7bf14a62] {
  font-size: 24px;
  font-weight: 600;
  color: #1890ff;
  margin: 0;
}
.search-actions[data-v-7bf14a62] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.create-button[data-v-7bf14a62] {
  border-radius: 25px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.create-button[data-v-7bf14a62]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
}

/* 表格区域 */
.template-list-main[data-v-7bf14a62] {
  margin-bottom: 20px;
}
.table-card[data-v-7bf14a62] {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.table-card[data-v-7bf14a62]:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
}
.el-table[data-v-7bf14a62] {
  border-radius: 12px;
  overflow: hidden;
}
.el-table__header-wrapper[data-v-7bf14a62] {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.el-table__body-wrapper[data-v-7bf14a62] {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.template-name[data-v-7bf14a62] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}

/* 操作按钮 */
.action-button[data-v-7bf14a62] {
  border-radius: 6px;
  margin: 0 4px;
  transition: all 0.3s ease;
}
.action-button[data-v-7bf14a62]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.edit-button[data-v-7bf14a62] {
  background-color: #1890ff;
  border-color: #1890ff;
}
.edit-button[data-v-7bf14a62]:hover {
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.delete-button[data-v-7bf14a62] {
  background-color: #f5222d;
  border-color: #f5222d;
}
.delete-button[data-v-7bf14a62]:hover {
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}

/* 分页区域 */
.template-list-pagination[data-v-7bf14a62] {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  padding: 16px;
  background-color: #ffffff;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 12px 12px;
}

/* 响应式设计 */
@media (max-width: 768px) {
.template-list-container[data-v-7bf14a62] {
    padding: 15px;
}
.search-header[data-v-7bf14a62] {
    flex-direction: column;
    align-items: flex-start;
}
.page-title[data-v-7bf14a62] {
    font-size: 20px;
}
.search-actions[data-v-7bf14a62] {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
}
.search-actions .el-input[data-v-7bf14a62] {
    width: 100% !important;
    margin-right: 0 !important;
}
.create-button[data-v-7bf14a62] {
    width: 100%;
    text-align: center;
}
.template-list-search[data-v-7bf14a62] {
    margin-bottom: 20px;
}
.el-table[data-v-7bf14a62] {
    font-size: 13px;
}
.el-table-column[data-v-7bf14a62] {
    min-width: 100px;
}
.action-button[data-v-7bf14a62] {
    margin: 2px 0;
    width: 80px;
}
.template-list-pagination[data-v-7bf14a62] {
    justify-content: center;
    padding: 12px;
}
}
@media (max-width: 480px) {
.template-list-container[data-v-7bf14a62] {
    padding: 10px;
}
.page-title[data-v-7bf14a62] {
    font-size: 18px;
}
.search-header[data-v-7bf14a62] {
    padding: 15px;
}
.el-table[data-v-7bf14a62] {
    font-size: 12px;
}
.action-button[data-v-7bf14a62] {
    width: 70px;
    font-size: 12px;
    padding: 4px 8px;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/login.vue?vue&type=style&index=0&id=7589b93f&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.login-container[data-v-7589b93f] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 20px;
}
.login-card[data-v-7589b93f] {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  padding: 40px;
  width: 100%;
  max-width: 400px;
  animation: fadeInUp-7589b93f 0.5s ease-out;
}
.login-header[data-v-7589b93f] {
  text-align: center;
  margin-bottom: 30px;
}
.login-logo[data-v-7589b93f] {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.login-title[data-v-7589b93f] {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.login-subtitle[data-v-7589b93f] {
  font-size: 14px;
  color: #666;
  margin: 0;
}
.login-form[data-v-7589b93f] {
  width: 100%;
}
.login-form .el-form-item[data-v-7589b93f] {
  margin-bottom: 20px;
}
.login-form .el-input[data-v-7589b93f] {
  height: 48px;
  border-radius: 8px;
}
.login-form .el-input__inner[data-v-7589b93f] {
  font-size: 14px;
  padding: 0 15px;
}
.login-form .el-checkbox[data-v-7589b93f] {
  font-size: 14px;
  color: #666;
}
.forgot-password[data-v-7589b93f] {
  float: right;
  font-size: 14px;
}
.login-button[data-v-7589b93f] {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  transition: all 0.3s ease;
}
.login-button[data-v-7589b93f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.login-footer[data-v-7589b93f] {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}
.login-footer a[data-v-7589b93f] {
  font-size: 14px;
}
@keyframes fadeInUp-7589b93f {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 768px) {
.login-card[data-v-7589b93f] {
    padding: 30px 20px;
}
.login-title[data-v-7589b93f] {
    font-size: 20px;
}
.login-form .el-input[data-v-7589b93f] {
    height: 44px;
}
.login-button[data-v-7589b93f] {
    height: 44px;
    font-size: 15px;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/register.vue?vue&type=style&index=0&id=77453986&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.register-container[data-v-77453986] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 20px;
}
.register-card[data-v-77453986] {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  padding: 40px;
  width: 100%;
  max-width: 400px;
  animation: fadeInUp-77453986 0.5s ease-out;
}
.register-header[data-v-77453986] {
  text-align: center;
  margin-bottom: 30px;
}
.register-logo[data-v-77453986] {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.register-title[data-v-77453986] {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.register-subtitle[data-v-77453986] {
  font-size: 14px;
  color: #666;
  margin: 0;
}
.register-form[data-v-77453986] {
  width: 100%;
}
.register-form .el-form-item[data-v-77453986] {
  margin-bottom: 20px;
}
.register-form .el-input[data-v-77453986] {
  height: 48px;
  border-radius: 8px;
}
.register-form .el-input__inner[data-v-77453986] {
  font-size: 14px;
  padding: 0 15px;
}
.register-button[data-v-77453986] {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  transition: all 0.3s ease;
}
.register-button[data-v-77453986]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.register-footer[data-v-77453986] {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}
.register-footer a[data-v-77453986] {
  font-size: 14px;
  cursor: pointer;
}
@keyframes fadeInUp-77453986 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 768px) {
.register-card[data-v-77453986] {
    padding: 30px 20px;
}
.register-title[data-v-77453986] {
    font-size: 20px;
}
.register-form .el-input[data-v-77453986] {
    height: 44px;
}
.register-button[data-v-77453986] {
    height: 44px;
    font-size: 15px;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/layout/index.vue?vue&type=style&index=0&id=038e7047&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.app-container[data-v-038e7047] {
  display: flex;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}

/* 左侧菜单 */
.sidebar[data-v-038e7047] {
  width: 260px;
  background-color: #ffffff;
  border-right: 1px solid #e8e8e8;
  height: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  z-index: 100;
}
.sidebar.collapsed[data-v-038e7047] {
  width: 80px;
}
.sidebar-header[data-v-038e7047] {
  padding: 0 20px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.logo-container[data-v-038e7047] {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.logo-container[data-v-038e7047]:hover {
  opacity: 0.8;
}
.logo-icon[data-v-038e7047] {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #409eff 0%, #69c0ff 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
.logo-icon i[data-v-038e7047] {
  color: white;
  font-size: 20px;
}
.sidebar-header h3[data-v-038e7047] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  transition: all 0.3s ease;
}
.collapse-btn[data-v-038e7047] {
  background: none;
  border: none;
  color: #909399;
  font-size: 16px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.collapse-btn[data-v-038e7047]:hover {
  background-color: #f5f7fa;
  color: #409eff;
}
.sidebar-menu[data-v-038e7047] {
  flex: 1;
  padding-top: 20px;
  overflow-y: auto;
}
.el-menu-vertical-demo[data-v-038e7047] {
  background-color: transparent;
  border-right: none;
}
.el-menu-item[data-v-038e7047] {
  color: #606266;
  height: 56px;
  line-height: 56px;
  margin: 0 12px;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 14px;
}
.el-menu-item[data-v-038e7047]:hover {
  background-color: #ecf5ff;
  color: #409eff;
}
.el-menu-item.is-active[data-v-038e7047] {
  background-color: #ecf5ff;
  color: #409eff;
  font-weight: 600;
}
.el-menu-item.is-active[data-v-038e7047]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 24px;
  background-color: #409eff;
  border-radius: 0 4px 4px 0;
}
.sidebar-footer[data-v-038e7047] {
  padding: 20px;
  border-top: 1px solid #e8e8e8;
  background-color: #fafafa;
}
.version-info[data-v-038e7047] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.version-label[data-v-038e7047] {
  font-size: 12px;
  color: #909399;
}
.version-number[data-v-038e7047] {
  font-size: 12px;
  color: #409eff;
  font-weight: 600;
}

/* 右侧内容 */
.main-content[data-v-038e7047] {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #f5f7fa;
  height: 100%;
  overflow-y: auto;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.content-header[data-v-038e7047] {
  padding: 0 24px;
  height: 64px;
  background-color: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 50;
}
.header-left[data-v-038e7047] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mobile-menu-btn[data-v-038e7047] {
  display: none;
  background: none;
  border: none;
  color: #909399;
  font-size: 18px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.mobile-menu-btn[data-v-038e7047]:hover {
  background-color: #f5f7fa;
  color: #409eff;
}
.content-header h2[data-v-038e7047] {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #303133;
  transition: all 0.3s ease;
}
.user-info[data-v-038e7047] {
  display: flex;
  align-items: center;
}
.user-controls[data-v-038e7047] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.search-box[data-v-038e7047] {
  position: relative;
}
.search-input[data-v-038e7047] {
  width: 240px;
  transition: all 0.3s ease;
}
.search-input[data-v-038e7047]:focus {
  width: 300px;
}
.notification-badge[data-v-038e7047] {
  position: relative;
}
.control-button[data-v-038e7047] {
  font-size: 18px;
  color: #909399;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  padding: 8px;
  border-radius: 4px;
}
.control-button[data-v-038e7047]:hover {
  color: #409eff;
  background-color: #ecf5ff;
}
.user-dropdown-link[data-v-038e7047] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #f5f7fa;
}
.user-dropdown-link[data-v-038e7047]:hover {
  background-color: #ecf5ff;
}
.user-avatar[data-v-038e7047] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  border: 2px solid #409eff;
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
}
.online-indicator[data-v-038e7047] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: #67c23a;
  border: 2px solid white;
  border-radius: 50%;
}
.user-avatar img[data-v-038e7047] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-name[data-v-038e7047] {
  color: #303133;
  font-size: 14px;
  font-weight: 500;
  margin-right: 5px;
  transition: all 0.3s ease;
}
.user-dropdown-link i[data-v-038e7047] {
  color: #909399;
  font-size: 12px;
  transition: all 0.3s ease;
}
.content-body[data-v-038e7047] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  background-color: #f5f7fa;
  transition: all 0.3s ease;
}

/* 深色主题样式 */
.dark-theme[data-v-038e7047] {
.sidebar[data-v-038e7047] {
    background-color: #1a1a1a;
    border-right-color: #333333;
}
.sidebar-header[data-v-038e7047] {
    background-color: #1a1a1a;
    border-bottom-color: #333333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.sidebar-header h3[data-v-038e7047] {
    color: #e4e4e4;
}
.logo-icon[data-v-038e7047] {
    background: linear-gradient(135deg, #409eff 0%, #69c0ff 100%);
}
.collapse-btn[data-v-038e7047] {
    color: #bfbfbf;
}
.collapse-btn[data-v-038e7047]:hover {
    background-color: #3a3a3a;
    color: #409eff;
}
.el-menu-item[data-v-038e7047] {
    color: #bfbfbf;
}
.el-menu-item[data-v-038e7047]:hover {
    background-color: rgba(64, 158, 255, 0.1);
    color: #409eff;
}
.el-menu-item.is-active[data-v-038e7047] {
    background-color: rgba(64, 158, 255, 0.1);
    color: #409eff;
}
.sidebar-footer[data-v-038e7047] {
    background-color: #1f1f1f;
    border-top-color: #333333;
}
.version-label[data-v-038e7047] {
    color: #909399;
}
.version-number[data-v-038e7047] {
    color: #409eff;
}
.main-content[data-v-038e7047] {
    background-color: #1f1f1f;
}
.content-header[data-v-038e7047] {
    background-color: #1a1a1a;
    border-bottom-color: #333333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.content-header h2[data-v-038e7047] {
    color: #e4e4e4;
}
.mobile-menu-btn[data-v-038e7047] {
    color: #bfbfbf;
}
.mobile-menu-btn[data-v-038e7047]:hover {
    background-color: #3a3a3a;
    color: #409eff;
}
.search-input[data-v-038e7047] {
    background-color: #3a3a3a;
    border-color: #4e4e4e;
    color: #e4e4e4;
}
.search-input[data-v-038e7047]::-moz-placeholder {
    color: #909399;
}
.search-input[data-v-038e7047]::placeholder {
    color: #909399;
}
.control-button[data-v-038e7047] {
    color: #bfbfbf;
}
.control-button[data-v-038e7047]:hover {
    color: #409eff;
    background-color: rgba(64, 158, 255, 0.1);
}
.user-dropdown-link[data-v-038e7047] {
    background-color: #3a3a3a;
}
.user-dropdown-link[data-v-038e7047]:hover {
    background-color: rgba(64, 158, 255, 0.1);
}
.user-name[data-v-038e7047] {
    color: #e4e4e4;
}
.user-dropdown-link i[data-v-038e7047] {
    color: #909399;
}
.content-body[data-v-038e7047] {
    background-color: #1f1f1f;
}
}
.no-roles-tip[data-v-038e7047] {
  padding: 40px 20px;
  text-align: center;
  color: #909399;
  font-size: 14px;
  line-height: 1.6;
}
.no-roles-tip p[data-v-038e7047] {
  margin: 8px 0;
}

/* 设置对话框样式 */
.settings-content[data-v-038e7047] {
  padding: 20px 0;
}
.settings-content h4[data-v-038e7047] {
  margin: 0 0 16px 0;
  color: #303133;
  font-size: 16px;
  font-weight: 600;
}

/* 深色主题下的设置样式 */
.dark-theme[data-v-038e7047] {
.settings-content h4[data-v-038e7047] {
    color: #e4e4e4;
}
.el-form-item__label[data-v-038e7047] {
    color: #e4e4e4;
}
.el-radio__label[data-v-038e7047] {
    color: #e4e4e4;
}
.el-select[data-v-038e7047] {
.el-input__inner[data-v-038e7047] {
      background-color: #3a3a3a;
      border-color: #4e4e4e;
      color: #e4e4e4;
}
}
}

/* 响应式设计 */
@media (max-width: 768px) {
.sidebar[data-v-038e7047] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    transform: translateX(0);
}
.sidebar.collapsed[data-v-038e7047] {
    transform: translateX(-100%);
}
.mobile-menu-btn[data-v-038e7047] {
    display: block;
}
.search-input[data-v-038e7047] {
    width: 180px;
}
.search-input[data-v-038e7047]:focus {
    width: 220px;
}
.notification-menu[data-v-038e7047] {
    width: 280px;
}
}
@media (max-width: 480px) {
.content-header[data-v-038e7047] {
    padding: 0 16px;
}
.content-body[data-v-038e7047] {
    padding: 16px;
}
.search-input[data-v-038e7047] {
    width: 140px;
}
.search-input[data-v-038e7047]:focus {
    width: 180px;
}
.user-name[data-v-038e7047] {
    display: none;
}
.notification-menu[data-v-038e7047] {
    width: 240px;
}
.notification-header[data-v-038e7047] {
    padding: 10px 12px;
}
.notification-item[data-v-038e7047] {
    padding: 10px 12px;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/download.vue?vue&type=style&index=0&id=6c4282a2&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.download-page[data-v-6c4282a2] {
  padding-top: 100px;
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.hero-section[data-v-6c4282a2] {
  background: linear-gradient(135deg, #c8102e 0%, #a00d24 100%);
  color: #fff;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-content[data-v-6c4282a2] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
  text-align: center;
}
.hero-section .hero-title[data-v-6c4282a2] {
  font-size: 42px;
  font-weight: 700;
  margin: 0 0 16px;
  letter-spacing: 2px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.hero-section .hero-subtitle[data-v-6c4282a2] {
  font-size: 18px;
  margin: 0 0 40px;
  opacity: 0.95;
  font-weight: 300;
}
.hero-section .hero-stats[data-v-6c4282a2] {
  display: flex;
  justify-content: center;
  gap: 60px;
}
.hero-section .hero-stats .stat-item[data-v-6c4282a2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-section .hero-stats .stat-item .stat-number[data-v-6c4282a2] {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 8px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.hero-section .hero-stats .stat-item .stat-label[data-v-6c4282a2] {
  font-size: 14px;
  opacity: 0.9;
  font-weight: 400;
}
.hero-section .hero-decoration[data-v-6c4282a2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.hero-section .hero-decoration .decoration-circle[data-v-6c4282a2] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}
.hero-section .hero-decoration .decoration-circle.circle-1[data-v-6c4282a2] {
  width: 300px;
  height: 300px;
  top: -150px;
  right: -100px;
  animation: float-6c4282a2 6s ease-in-out infinite;
}
.hero-section .hero-decoration .decoration-circle.circle-2[data-v-6c4282a2] {
  width: 200px;
  height: 200px;
  bottom: -100px;
  left: -50px;
  animation: float-6c4282a2 8s ease-in-out infinite reverse;
}
.hero-section .hero-decoration .decoration-circle.circle-3[data-v-6c4282a2] {
  width: 150px;
  height: 150px;
  top: 50%;
  right: 10%;
  animation: float-6c4282a2 5s ease-in-out infinite;
}
@keyframes float-6c4282a2 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
.downloads-section[data-v-6c4282a2] {
  padding: 20px 0 40px;
}
.downloads-section .container[data-v-6c4282a2] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.downloads-section .download-layout[data-v-6c4282a2] {
  display: flex;
  gap: 16px;
}
.downloads-section .download-layout .download-sidebar[data-v-6c4282a2] {
  width: 200px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 16px;
}
.downloads-section .download-layout .download-sidebar .sidebar-header[data-v-6c4282a2] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  background: linear-gradient(135deg, #c8102e 0%, #a00d24 100%);
  color: #fff;
}
.downloads-section .download-layout .download-sidebar .sidebar-header i[data-v-6c4282a2] {
  font-size: 20px;
}
.downloads-section .download-layout .download-sidebar .sidebar-header .sidebar-title[data-v-6c4282a2] {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.downloads-section .download-layout .download-sidebar .category-list[data-v-6c4282a2] {
  list-style: none;
  padding: 8px;
  margin: 0;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item[data-v-6c4282a2] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  margin-bottom: 2px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 13px;
  color: #666;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item .category-icon-wrapper[data-v-6c4282a2] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item .category-icon-wrapper i[data-v-6c4282a2] {
  font-size: 14px;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item .category-name[data-v-6c4282a2] {
  flex: 1;
  font-weight: 500;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item .category-count[data-v-6c4282a2] {
  font-size: 12px;
  padding: 2px 8px;
  background: #f5f5f5;
  border-radius: 10px;
  color: #999;
  transition: all 0.3s ease;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item[data-v-6c4282a2]:hover {
  color: #c8102e;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item:hover .category-icon-wrapper[data-v-6c4282a2] {
  background: #c8102e;
  color: #fff;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item:hover .category-count[data-v-6c4282a2] {
  background: #c8102e;
  color: #fff;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item.active[data-v-6c4282a2] {
  background: #c8102e;
  color: #fff;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}
.downloads-section .download-layout .download-sidebar .category-list .category-item.active .category-icon-wrapper[data-v-6c4282a2] {
  background: rgba(255, 255, 255, 0.2);
}
.downloads-section .download-layout .download-sidebar .category-list .category-item.active .category-count[data-v-6c4282a2] {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.downloads-section .download-layout .download-sidebar .sidebar-footer[data-v-6c4282a2] {
  padding: 16px 20px;
  border-top: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #999;
}
.downloads-section .download-layout .download-sidebar .sidebar-footer i[data-v-6c4282a2] {
  font-size: 14px;
}
.downloads-section .download-layout .download-content[data-v-6c4282a2] {
  flex: 1;
}
.downloads-section .download-layout .download-content .content-header[data-v-6c4282a2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}
.downloads-section .download-layout .download-content .content-header .header-left[data-v-6c4282a2] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.downloads-section .download-layout .download-content .content-header .header-left .category-title[data-v-6c4282a2] {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.downloads-section .download-layout .download-content .content-header .header-left .category-title i[data-v-6c4282a2] {
  font-size: 28px;
  color: #c8102e;
}
.downloads-section .download-layout .download-content .content-header .header-left .result-count[data-v-6c4282a2] {
  font-size: 14px;
  color: #999;
  background: #f5f5f5;
  padding: 6px 12px;
  border-radius: 20px;
}
.downloads-section .download-layout .download-content .search-box .el-input[data-v-6c4282a2] {
  width: 320px;
}
.downloads-section .download-layout .download-content .search-box .el-input[data-v-6c4282a2] .el-input__inner {
  border-radius: 8px 0 0 8px;
  border-right: none;
}
.downloads-section .download-layout .download-content .search-box .el-input[data-v-6c4282a2] .el-input__inner:focus {
  border-color: #c8102e;
}
.downloads-section .download-layout .download-content .search-box .el-input[data-v-6c4282a2] .el-input-group__append {
  background: #c8102e;
  border-color: #c8102e;
  color: #fff;
  border-radius: 0 8px 8px 0;
  padding: 0 16px;
}
.downloads-section .download-layout .download-content .search-box .el-input[data-v-6c4282a2] .el-input-group__append .el-button {
  color: #fff;
}
.downloads-section .download-layout .download-content .search-box .el-input[data-v-6c4282a2] .el-input-group__append .el-button:hover {
  background: #a00d24;
}
.downloads-section .download-layout .download-content .content-table[data-v-6c4282a2] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 24px;
}
.downloads-section .download-layout .download-content .download-table[data-v-6c4282a2] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.downloads-section .download-layout .download-content .download-table th[data-v-6c4282a2],
.downloads-section .download-layout .download-content .download-table td[data-v-6c4282a2] {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
}
.downloads-section .download-layout .download-content .download-table th[data-v-6c4282a2] {
  background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);
  font-weight: 600;
  color: #1a1a1a;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  border-bottom: 2px solid #e5e5e5;
}
.downloads-section .download-layout .download-content .download-table th[data-v-6c4282a2]:first-child {
  border-radius: 12px 0 0 0;
}
.downloads-section .download-layout .download-content .download-table th[data-v-6c4282a2]:last-child {
  border-radius: 0 12px 0 0;
}
.downloads-section .download-layout .download-content .download-table .table-row[data-v-6c4282a2] {
  transition: all 0.3s ease;
}
.downloads-section .download-layout .download-content .download-table .table-row[data-v-6c4282a2]:hover {
  background: linear-gradient(135deg, rgba(200, 16, 46, 0.02) 0%, rgba(200, 16, 46, 0.05) 100%);
  transform: translateX(4px);
}
.downloads-section .download-layout .download-content .download-table .table-row:last-child td[data-v-6c4282a2] {
  border-bottom: none;
}
.downloads-section .download-layout .download-content .download-table .row-number[data-v-6c4282a2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #f5f5f5;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  color: #666;
}
.downloads-section .download-layout .download-content .download-table .file-info[data-v-6c4282a2] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.downloads-section .download-layout .download-content .download-table .file-info .file-icon[data-v-6c4282a2] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(200, 16, 46, 0.1);
  color: #c8102e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.downloads-section .download-layout .download-content .download-table .file-info .file-name[data-v-6c4282a2] {
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1.4;
}
.downloads-section .download-layout .download-content .download-table .file-description[data-v-6c4282a2] {
  color: #666;
  line-height: 1.5;
}
.downloads-section .download-layout .download-content .download-table .download-btn[data-v-6c4282a2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #c8102e 0%, #a00d24 100%);
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(200, 16, 46, 0.3);
}
.downloads-section .download-layout .download-content .download-table .download-btn[data-v-6c4282a2]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(200, 16, 46, 0.4);
}
.downloads-section .download-layout .download-content .download-table .download-btn[data-v-6c4282a2]:active {
  transform: translateY(0);
}
.downloads-section .download-layout .download-content .download-table .download-btn.disabled[data-v-6c4282a2] {
  background: #e5e5e5;
  color: #999;
  cursor: not-allowed;
  box-shadow: none;
}
.downloads-section .download-layout .download-content .download-table .download-btn.disabled[data-v-6c4282a2]:hover {
  transform: none;
  box-shadow: none;
}
.downloads-section .download-layout .download-content .download-table .download-btn i[data-v-6c4282a2] {
  font-size: 14px;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination {
  margin: 0;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .el-pagination__total {
  color: #666;
  font-size: 13px;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .el-pagination__sizes .el-input__inner {
  border-radius: 6px;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .el-pager li {
  border-radius: 6px;
  font-weight: 500;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .el-pager li.active {
  background: #c8102e;
  color: #fff;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .el-pager li:hover:not(.active) {
  color: #c8102e;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .btn-prev,
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .btn-next {
  border-radius: 6px;
}
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .btn-prev:hover,
.downloads-section .download-layout .download-content .pagination-box[data-v-6c4282a2] .el-pagination .btn-next:hover {
  color: #c8102e;
}
.downloads-section .download-layout .download-content .empty-state[data-v-6c4282a2] {
  text-align: center;
  padding: 80px 40px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.downloads-section .download-layout .download-content .empty-state i[data-v-6c4282a2] {
  font-size: 64px;
  color: #e5e5e5;
  margin-bottom: 24px;
}
.downloads-section .download-layout .download-content .empty-state h3[data-v-6c4282a2] {
  font-size: 18px;
  color: #1a1a1a;
  margin: 0 0 8px;
  font-weight: 600;
}
.downloads-section .download-layout .download-content .empty-state p[data-v-6c4282a2] {
  font-size: 14px;
  color: #999;
  margin: 0;
}
@media (max-width: 1024px) {
.hero-section[data-v-6c4282a2] {
    padding: 40px 0;
}
.hero-section .hero-title[data-v-6c4282a2] {
    font-size: 32px;
}
.hero-section .hero-stats[data-v-6c4282a2] {
    gap: 40px;
}
.hero-section .hero-stats .stat-item .stat-number[data-v-6c4282a2] {
    font-size: 28px;
}
.downloads-section .download-layout .download-sidebar[data-v-6c4282a2] {
    width: 200px;
}
}
@media (max-width: 768px) {
.hero-section[data-v-6c4282a2] {
    padding: 30px 0;
}
.hero-section .hero-title[data-v-6c4282a2] {
    font-size: 28px;
}
.hero-section .hero-subtitle[data-v-6c4282a2] {
    font-size: 14px;
}
.hero-section .hero-stats[data-v-6c4282a2] {
    flex-direction: column;
    gap: 20px;
}
.hero-section .hero-stats .stat-item .stat-number[data-v-6c4282a2] {
    font-size: 24px;
}
.hero-section .hero-decoration[data-v-6c4282a2] {
    display: none;
}
.downloads-section[data-v-6c4282a2] {
    padding: 20px 0 40px;
}
.downloads-section .download-layout[data-v-6c4282a2] {
    flex-direction: column;
}
.downloads-section .download-layout .download-sidebar[data-v-6c4282a2] {
    width: 100%;
    position: static;
}
.downloads-section .download-layout .download-sidebar .category-list[data-v-6c4282a2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item[data-v-6c4282a2] {
    margin-bottom: 0;
    padding: 10px 14px;
    flex: 1;
    min-width: 140px;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item .category-icon-wrapper[data-v-6c4282a2] {
    width: 28px;
    height: 28px;
}
.downloads-section .download-layout .download-sidebar .category-list .category-item .category-count[data-v-6c4282a2] {
    display: none;
}
.downloads-section .download-layout .download-content .content-header[data-v-6c4282a2] {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}
.downloads-section .download-layout .download-content .content-header .search-box[data-v-6c4282a2] {
    width: 100%;
}
.downloads-section .download-layout .download-content .content-header .search-box .el-input[data-v-6c4282a2] {
    width: 100%;
}
.downloads-section .download-layout .download-content .download-table th[data-v-6c4282a2],
  .downloads-section .download-layout .download-content .download-table td[data-v-6c4282a2] {
    padding: 12px;
    font-size: 13px;
}
.downloads-section .download-layout .download-content .download-table .file-info .file-icon[data-v-6c4282a2] {
    width: 32px;
    height: 32px;
    font-size: 16px;
}
.downloads-section .download-layout .download-content .download-table .download-btn[data-v-6c4282a2] {
    padding: 8px 14px;
    font-size: 12px;
}
.downloads-section .download-layout .download-content .download-table .download-btn span[data-v-6c4282a2] {
    display: none;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/style/element-variables.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
@font-face {
  font-family: "element-icons";
  src: url(/fonts/element-icons.ff18efd1.woff) format("woff"), url(/fonts/element-icons.f1a45d74.ttf) format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-display: "auto";
  font-style: normal;
}
[class^=el-icon-], [class*=" el-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "element-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
  content: "\e6a0";
}

.el-icon-ice-cream-square:before {
  content: "\e6a3";
}

.el-icon-lollipop:before {
  content: "\e6a4";
}

.el-icon-potato-strips:before {
  content: "\e6a5";
}

.el-icon-milk-tea:before {
  content: "\e6a6";
}

.el-icon-ice-drink:before {
  content: "\e6a7";
}

.el-icon-ice-tea:before {
  content: "\e6a9";
}

.el-icon-coffee:before {
  content: "\e6aa";
}

.el-icon-orange:before {
  content: "\e6ab";
}

.el-icon-pear:before {
  content: "\e6ac";
}

.el-icon-apple:before {
  content: "\e6ad";
}

.el-icon-cherry:before {
  content: "\e6ae";
}

.el-icon-watermelon:before {
  content: "\e6af";
}

.el-icon-grape:before {
  content: "\e6b0";
}

.el-icon-refrigerator:before {
  content: "\e6b1";
}

.el-icon-goblet-square-full:before {
  content: "\e6b2";
}

.el-icon-goblet-square:before {
  content: "\e6b3";
}

.el-icon-goblet-full:before {
  content: "\e6b4";
}

.el-icon-goblet:before {
  content: "\e6b5";
}

.el-icon-cold-drink:before {
  content: "\e6b6";
}

.el-icon-coffee-cup:before {
  content: "\e6b8";
}

.el-icon-water-cup:before {
  content: "\e6b9";
}

.el-icon-hot-water:before {
  content: "\e6ba";
}

.el-icon-ice-cream:before {
  content: "\e6bb";
}

.el-icon-dessert:before {
  content: "\e6bc";
}

.el-icon-sugar:before {
  content: "\e6bd";
}

.el-icon-tableware:before {
  content: "\e6be";
}

.el-icon-burger:before {
  content: "\e6bf";
}

.el-icon-knife-fork:before {
  content: "\e6c1";
}

.el-icon-fork-spoon:before {
  content: "\e6c2";
}

.el-icon-chicken:before {
  content: "\e6c3";
}

.el-icon-food:before {
  content: "\e6c4";
}

.el-icon-dish-1:before {
  content: "\e6c5";
}

.el-icon-dish:before {
  content: "\e6c6";
}

.el-icon-moon-night:before {
  content: "\e6ee";
}

.el-icon-moon:before {
  content: "\e6f0";
}

.el-icon-cloudy-and-sunny:before {
  content: "\e6f1";
}

.el-icon-partly-cloudy:before {
  content: "\e6f2";
}

.el-icon-cloudy:before {
  content: "\e6f3";
}

.el-icon-sunny:before {
  content: "\e6f6";
}

.el-icon-sunset:before {
  content: "\e6f7";
}

.el-icon-sunrise-1:before {
  content: "\e6f8";
}

.el-icon-sunrise:before {
  content: "\e6f9";
}

.el-icon-heavy-rain:before {
  content: "\e6fa";
}

.el-icon-lightning:before {
  content: "\e6fb";
}

.el-icon-light-rain:before {
  content: "\e6fc";
}

.el-icon-wind-power:before {
  content: "\e6fd";
}

.el-icon-baseball:before {
  content: "\e712";
}

.el-icon-soccer:before {
  content: "\e713";
}

.el-icon-football:before {
  content: "\e715";
}

.el-icon-basketball:before {
  content: "\e716";
}

.el-icon-ship:before {
  content: "\e73f";
}

.el-icon-truck:before {
  content: "\e740";
}

.el-icon-bicycle:before {
  content: "\e741";
}

.el-icon-mobile-phone:before {
  content: "\e6d3";
}

.el-icon-service:before {
  content: "\e6d4";
}

.el-icon-key:before {
  content: "\e6e2";
}

.el-icon-unlock:before {
  content: "\e6e4";
}

.el-icon-lock:before {
  content: "\e6e5";
}

.el-icon-watch:before {
  content: "\e6fe";
}

.el-icon-watch-1:before {
  content: "\e6ff";
}

.el-icon-timer:before {
  content: "\e702";
}

.el-icon-alarm-clock:before {
  content: "\e703";
}

.el-icon-map-location:before {
  content: "\e704";
}

.el-icon-delete-location:before {
  content: "\e705";
}

.el-icon-add-location:before {
  content: "\e706";
}

.el-icon-location-information:before {
  content: "\e707";
}

.el-icon-location-outline:before {
  content: "\e708";
}

.el-icon-location:before {
  content: "\e79e";
}

.el-icon-place:before {
  content: "\e709";
}

.el-icon-discover:before {
  content: "\e70a";
}

.el-icon-first-aid-kit:before {
  content: "\e70b";
}

.el-icon-trophy-1:before {
  content: "\e70c";
}

.el-icon-trophy:before {
  content: "\e70d";
}

.el-icon-medal:before {
  content: "\e70e";
}

.el-icon-medal-1:before {
  content: "\e70f";
}

.el-icon-stopwatch:before {
  content: "\e710";
}

.el-icon-mic:before {
  content: "\e711";
}

.el-icon-copy-document:before {
  content: "\e718";
}

.el-icon-full-screen:before {
  content: "\e719";
}

.el-icon-switch-button:before {
  content: "\e71b";
}

.el-icon-aim:before {
  content: "\e71c";
}

.el-icon-crop:before {
  content: "\e71d";
}

.el-icon-odometer:before {
  content: "\e71e";
}

.el-icon-time:before {
  content: "\e71f";
}

.el-icon-bangzhu:before {
  content: "\e724";
}

.el-icon-close-notification:before {
  content: "\e726";
}

.el-icon-microphone:before {
  content: "\e727";
}

.el-icon-turn-off-microphone:before {
  content: "\e728";
}

.el-icon-position:before {
  content: "\e729";
}

.el-icon-postcard:before {
  content: "\e72a";
}

.el-icon-message:before {
  content: "\e72b";
}

.el-icon-chat-line-square:before {
  content: "\e72d";
}

.el-icon-chat-dot-square:before {
  content: "\e72e";
}

.el-icon-chat-dot-round:before {
  content: "\e72f";
}

.el-icon-chat-square:before {
  content: "\e730";
}

.el-icon-chat-line-round:before {
  content: "\e731";
}

.el-icon-chat-round:before {
  content: "\e732";
}

.el-icon-set-up:before {
  content: "\e733";
}

.el-icon-turn-off:before {
  content: "\e734";
}

.el-icon-open:before {
  content: "\e735";
}

.el-icon-connection:before {
  content: "\e736";
}

.el-icon-link:before {
  content: "\e737";
}

.el-icon-cpu:before {
  content: "\e738";
}

.el-icon-thumb:before {
  content: "\e739";
}

.el-icon-female:before {
  content: "\e73a";
}

.el-icon-male:before {
  content: "\e73b";
}

.el-icon-guide:before {
  content: "\e73c";
}

.el-icon-news:before {
  content: "\e73e";
}

.el-icon-price-tag:before {
  content: "\e744";
}

.el-icon-discount:before {
  content: "\e745";
}

.el-icon-wallet:before {
  content: "\e747";
}

.el-icon-coin:before {
  content: "\e748";
}

.el-icon-money:before {
  content: "\e749";
}

.el-icon-bank-card:before {
  content: "\e74a";
}

.el-icon-box:before {
  content: "\e74b";
}

.el-icon-present:before {
  content: "\e74c";
}

.el-icon-sell:before {
  content: "\e6d5";
}

.el-icon-sold-out:before {
  content: "\e6d6";
}

.el-icon-shopping-bag-2:before {
  content: "\e74d";
}

.el-icon-shopping-bag-1:before {
  content: "\e74e";
}

.el-icon-shopping-cart-2:before {
  content: "\e74f";
}

.el-icon-shopping-cart-1:before {
  content: "\e750";
}

.el-icon-shopping-cart-full:before {
  content: "\e751";
}

.el-icon-smoking:before {
  content: "\e752";
}

.el-icon-no-smoking:before {
  content: "\e753";
}

.el-icon-house:before {
  content: "\e754";
}

.el-icon-table-lamp:before {
  content: "\e755";
}

.el-icon-school:before {
  content: "\e756";
}

.el-icon-office-building:before {
  content: "\e757";
}

.el-icon-toilet-paper:before {
  content: "\e758";
}

.el-icon-notebook-2:before {
  content: "\e759";
}

.el-icon-notebook-1:before {
  content: "\e75a";
}

.el-icon-files:before {
  content: "\e75b";
}

.el-icon-collection:before {
  content: "\e75c";
}

.el-icon-receiving:before {
  content: "\e75d";
}

.el-icon-suitcase-1:before {
  content: "\e760";
}

.el-icon-suitcase:before {
  content: "\e761";
}

.el-icon-film:before {
  content: "\e763";
}

.el-icon-collection-tag:before {
  content: "\e765";
}

.el-icon-data-analysis:before {
  content: "\e766";
}

.el-icon-pie-chart:before {
  content: "\e767";
}

.el-icon-data-board:before {
  content: "\e768";
}

.el-icon-data-line:before {
  content: "\e76d";
}

.el-icon-reading:before {
  content: "\e769";
}

.el-icon-magic-stick:before {
  content: "\e76a";
}

.el-icon-coordinate:before {
  content: "\e76b";
}

.el-icon-mouse:before {
  content: "\e76c";
}

.el-icon-brush:before {
  content: "\e76e";
}

.el-icon-headset:before {
  content: "\e76f";
}

.el-icon-umbrella:before {
  content: "\e770";
}

.el-icon-scissors:before {
  content: "\e771";
}

.el-icon-mobile:before {
  content: "\e773";
}

.el-icon-attract:before {
  content: "\e774";
}

.el-icon-monitor:before {
  content: "\e775";
}

.el-icon-search:before {
  content: "\e778";
}

.el-icon-takeaway-box:before {
  content: "\e77a";
}

.el-icon-paperclip:before {
  content: "\e77d";
}

.el-icon-printer:before {
  content: "\e77e";
}

.el-icon-document-add:before {
  content: "\e782";
}

.el-icon-document:before {
  content: "\e785";
}

.el-icon-document-checked:before {
  content: "\e786";
}

.el-icon-document-copy:before {
  content: "\e787";
}

.el-icon-document-delete:before {
  content: "\e788";
}

.el-icon-document-remove:before {
  content: "\e789";
}

.el-icon-tickets:before {
  content: "\e78b";
}

.el-icon-folder-checked:before {
  content: "\e77f";
}

.el-icon-folder-delete:before {
  content: "\e780";
}

.el-icon-folder-remove:before {
  content: "\e781";
}

.el-icon-folder-add:before {
  content: "\e783";
}

.el-icon-folder-opened:before {
  content: "\e784";
}

.el-icon-folder:before {
  content: "\e78a";
}

.el-icon-edit-outline:before {
  content: "\e764";
}

.el-icon-edit:before {
  content: "\e78c";
}

.el-icon-date:before {
  content: "\e78e";
}

.el-icon-c-scale-to-original:before {
  content: "\e7c6";
}

.el-icon-view:before {
  content: "\e6ce";
}

.el-icon-loading:before {
  content: "\e6cf";
}

.el-icon-rank:before {
  content: "\e6d1";
}

.el-icon-sort-down:before {
  content: "\e7c4";
}

.el-icon-sort-up:before {
  content: "\e7c5";
}

.el-icon-sort:before {
  content: "\e6d2";
}

.el-icon-finished:before {
  content: "\e6cd";
}

.el-icon-refresh-left:before {
  content: "\e6c7";
}

.el-icon-refresh-right:before {
  content: "\e6c8";
}

.el-icon-refresh:before {
  content: "\e6d0";
}

.el-icon-video-play:before {
  content: "\e7c0";
}

.el-icon-video-pause:before {
  content: "\e7c1";
}

.el-icon-d-arrow-right:before {
  content: "\e6dc";
}

.el-icon-d-arrow-left:before {
  content: "\e6dd";
}

.el-icon-arrow-up:before {
  content: "\e6e1";
}

.el-icon-arrow-down:before {
  content: "\e6df";
}

.el-icon-arrow-right:before {
  content: "\e6e0";
}

.el-icon-arrow-left:before {
  content: "\e6de";
}

.el-icon-top-right:before {
  content: "\e6e7";
}

.el-icon-top-left:before {
  content: "\e6e8";
}

.el-icon-top:before {
  content: "\e6e6";
}

.el-icon-bottom:before {
  content: "\e6eb";
}

.el-icon-right:before {
  content: "\e6e9";
}

.el-icon-back:before {
  content: "\e6ea";
}

.el-icon-bottom-right:before {
  content: "\e6ec";
}

.el-icon-bottom-left:before {
  content: "\e6ed";
}

.el-icon-caret-top:before {
  content: "\e78f";
}

.el-icon-caret-bottom:before {
  content: "\e790";
}

.el-icon-caret-right:before {
  content: "\e791";
}

.el-icon-caret-left:before {
  content: "\e792";
}

.el-icon-d-caret:before {
  content: "\e79a";
}

.el-icon-share:before {
  content: "\e793";
}

.el-icon-menu:before {
  content: "\e798";
}

.el-icon-s-grid:before {
  content: "\e7a6";
}

.el-icon-s-check:before {
  content: "\e7a7";
}

.el-icon-s-data:before {
  content: "\e7a8";
}

.el-icon-s-opportunity:before {
  content: "\e7aa";
}

.el-icon-s-custom:before {
  content: "\e7ab";
}

.el-icon-s-claim:before {
  content: "\e7ad";
}

.el-icon-s-finance:before {
  content: "\e7ae";
}

.el-icon-s-comment:before {
  content: "\e7af";
}

.el-icon-s-flag:before {
  content: "\e7b0";
}

.el-icon-s-marketing:before {
  content: "\e7b1";
}

.el-icon-s-shop:before {
  content: "\e7b4";
}

.el-icon-s-open:before {
  content: "\e7b5";
}

.el-icon-s-management:before {
  content: "\e7b6";
}

.el-icon-s-ticket:before {
  content: "\e7b7";
}

.el-icon-s-release:before {
  content: "\e7b8";
}

.el-icon-s-home:before {
  content: "\e7b9";
}

.el-icon-s-promotion:before {
  content: "\e7ba";
}

.el-icon-s-operation:before {
  content: "\e7bb";
}

.el-icon-s-unfold:before {
  content: "\e7bc";
}

.el-icon-s-fold:before {
  content: "\e7a9";
}

.el-icon-s-platform:before {
  content: "\e7bd";
}

.el-icon-s-order:before {
  content: "\e7be";
}

.el-icon-s-cooperation:before {
  content: "\e7bf";
}

.el-icon-bell:before {
  content: "\e725";
}

.el-icon-message-solid:before {
  content: "\e799";
}

.el-icon-video-camera:before {
  content: "\e772";
}

.el-icon-video-camera-solid:before {
  content: "\e796";
}

.el-icon-camera:before {
  content: "\e779";
}

.el-icon-camera-solid:before {
  content: "\e79b";
}

.el-icon-download:before {
  content: "\e77c";
}

.el-icon-upload2:before {
  content: "\e77b";
}

.el-icon-upload:before {
  content: "\e7c3";
}

.el-icon-picture-outline-round:before {
  content: "\e75f";
}

.el-icon-picture-outline:before {
  content: "\e75e";
}

.el-icon-picture:before {
  content: "\e79f";
}

.el-icon-close:before {
  content: "\e6db";
}

.el-icon-check:before {
  content: "\e6da";
}

.el-icon-plus:before {
  content: "\e6d9";
}

.el-icon-minus:before {
  content: "\e6d8";
}

.el-icon-help:before {
  content: "\e73d";
}

.el-icon-s-help:before {
  content: "\e7b3";
}

.el-icon-circle-close:before {
  content: "\e78d";
}

.el-icon-circle-check:before {
  content: "\e720";
}

.el-icon-circle-plus-outline:before {
  content: "\e723";
}

.el-icon-remove-outline:before {
  content: "\e722";
}

.el-icon-zoom-out:before {
  content: "\e776";
}

.el-icon-zoom-in:before {
  content: "\e777";
}

.el-icon-error:before {
  content: "\e79d";
}

.el-icon-success:before {
  content: "\e79c";
}

.el-icon-circle-plus:before {
  content: "\e7a0";
}

.el-icon-remove:before {
  content: "\e7a2";
}

.el-icon-info:before {
  content: "\e7a1";
}

.el-icon-question:before {
  content: "\e7a4";
}

.el-icon-warning-outline:before {
  content: "\e6c9";
}

.el-icon-warning:before {
  content: "\e7a3";
}

.el-icon-goods:before {
  content: "\e7c2";
}

.el-icon-s-goods:before {
  content: "\e7b2";
}

.el-icon-star-off:before {
  content: "\e717";
}

.el-icon-star-on:before {
  content: "\e797";
}

.el-icon-more-outline:before {
  content: "\e6cc";
}

.el-icon-more:before {
  content: "\e794";
}

.el-icon-phone-outline:before {
  content: "\e6cb";
}

.el-icon-phone:before {
  content: "\e795";
}

.el-icon-user:before {
  content: "\e6e3";
}

.el-icon-user-solid:before {
  content: "\e7a5";
}

.el-icon-setting:before {
  content: "\e6ca";
}

.el-icon-s-tools:before {
  content: "\e7ac";
}

.el-icon-delete:before {
  content: "\e6d7";
}

.el-icon-delete-solid:before {
  content: "\e7c9";
}

.el-icon-eleme:before {
  content: "\e7c7";
}

.el-icon-platform-eleme:before {
  content: "\e7ca";
}

.el-icon-loading {
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: solid 1px #dfe4ed;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {
  padding-right: 40px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #1890ff;
  background-color: #FFFFFF;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #F5F7FA;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 20px;
  font-family: "element-icons";
  content: "\e6da";
  font-size: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
  color: #1890ff;
}
.el-tag.is-hit {
  border-color: #1890ff;
}

.el-tag .el-tag__close {
  color: #1890ff;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag.el-tag--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
  color: #13ce66;
}
.el-tag.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag.el-tag--warning {
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
  color: #ffba00;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag.el-tag--danger {
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
  color: #ff4949;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}
.el-tag {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1890ff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #1890ff;
  border-color: #1890ff;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #1890ff;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(70.2, 166.2, 255);
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(166.2, 168.6, 173.4);
}
.el-tag--dark.el-tag--success {
  background-color: #13ce66;
  border-color: #13ce66;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(66.2, 215.8, 132.6);
}
.el-tag--dark.el-tag--warning {
  background-color: #ffba00;
  border-color: #ffba00;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 199.8, 51);
}
.el-tag--dark.el-tag--danger {
  background-color: #ff4949;
  border-color: #ff4949;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 109.4, 109.4);
}

.el-tag--plain {
  background-color: white;
  border-color: rgb(162.6, 210.6, 255);
  color: #1890ff;
}
.el-tag--plain.is-hit {
  border-color: #1890ff;
}

.el-tag--plain .el-tag__close {
  color: #1890ff;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: rgb(160.6, 235.4, 193.8);
  color: #13ce66;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: rgb(255, 227.4, 153);
  color: #ffba00;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: rgb(255, 182.2, 182.2);
  color: #ff4949;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
  background-color: #FFFFFF;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #F5F7FA;
}
.el-select-dropdown__item.selected {
  color: #1890ff;
  font-weight: bold;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.el-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #dfe4ed;
}

.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
}
.el-select .el-select__tags > span {
  display: contents;
}
.el-select:hover .el-input__inner {
  border-color: #C0C4CC;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-select .el-input__inner:focus {
  border-color: #1890ff;
}
.el-select .el-input .el-select__caret {
  color: #C0C4CC;
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotateZ(180deg);
  cursor: pointer;
}
.el-select .el-input .el-select__caret.is-reverse {
  transform: rotateZ(0deg);
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: #C0C4CC;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #dfe4ed;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #1890ff;
}
.el-select > .el-input {
  display: block;
}
.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 28px;
  background-color: transparent;
}
.el-select__input.is-mini {
  height: 14px;
}

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #C0C4CC;
  line-height: 18px;
  font-size: 14px;
}
.el-select__close:hover {
  color: #909399;
}

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.el-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-select .el-tag {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
  display: flex;
  max-width: 100%;
  align-items: center;
}
.el-select .el-tag__close.el-icon-close {
  background-color: #C0C4CC;
  top: 0;
  color: #FFFFFF;
  flex-shrink: 0;
}
.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399;
}
.el-select .el-tag__close.el-icon-close::before {
  display: block;
  transform: translate(0, 0.5px);
}

.el-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: #303133;
  font-weight: bold;
}
.el-pagination::before,
.el-pagination::after {
  display: table;
  content: "";
}

.el-pagination::after {
  clear: both;
}

.el-pagination span:not([class*=suffix]),
.el-pagination button {
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
  box-sizing: border-box;
}
.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
  line-height: normal;
}
.el-pagination .el-input__suffix {
  right: 0;
  transform: scale(0.8);
}
.el-pagination .el-select .el-input {
  width: 100px;
  margin: 0 5px;
}
.el-pagination .el-select .el-input .el-input__inner {
  padding-right: 25px;
  border-radius: 3px;
}
.el-pagination button {
  border: none;
  padding: 0 6px;
  background: transparent;
}
.el-pagination button:focus {
  outline: none;
}
.el-pagination button:hover {
  color: #1890ff;
}
.el-pagination button:disabled {
  color: #C0C4CC;
  background-color: #FFFFFF;
  cursor: not-allowed;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  background: center center no-repeat;
  background-size: 16px;
  background-color: #FFFFFF;
  cursor: pointer;
  margin: 0;
  color: #303133;
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
}
.el-pagination .btn-prev {
  padding-right: 12px;
}
.el-pagination .btn-next {
  padding-left: 12px;
}
.el-pagination .el-pager li.disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
  border-color: transparent;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  min-width: 22px;
}
.el-pagination--small .arrow.disabled {
  visibility: hidden;
}
.el-pagination--small .more::before,
.el-pagination--small li.more::before {
  line-height: 24px;
}
.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
  height: 22px;
  line-height: 22px;
}
.el-pagination--small .el-pagination__editor {
  height: 22px;
}
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
  height: 22px;
}

.el-pagination__sizes {
  margin: 0 10px 0 0;
  font-weight: normal;
  color: #606266;
}
.el-pagination__sizes .el-input .el-input__inner {
  font-size: 13px;
  padding-left: 8px;
}
.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #1890ff;
}

.el-pagination__total {
  margin-right: 10px;
  font-weight: normal;
  color: #606266;
}

.el-pagination__jump {
  margin-left: 24px;
  font-weight: normal;
  color: #606266;
}
.el-pagination__jump .el-input__inner {
  padding: 0 3px;
}

.el-pagination__rightwrapper {
  float: right;
}

.el-pagination__editor {
  line-height: 18px;
  padding: 0 2px;
  height: 28px;
  text-align: center;
  margin: 0 2px;
  box-sizing: border-box;
  border-radius: 3px;
}
.el-pagination__editor.el-input {
  width: 50px;
}
.el-pagination__editor.el-input .el-input__inner {
  height: 28px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 5px;
  background-color: rgb(243.9, 244.2, 244.8);
  color: #606266;
  min-width: 30px;
  border-radius: 2px;
}
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .el-pager li.disabled {
  color: #C0C4CC;
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next {
  padding: 0;
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled {
  color: #C0C4CC;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #1890ff;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #1890ff;
  color: #FFFFFF;
}
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .el-pager li {
  margin: 0 3px;
  min-width: 22px;
}

.el-pager {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.el-pager .more::before {
  line-height: 30px;
}
.el-pager li {
  padding: 0 4px;
  background: #FFFFFF;
  vertical-align: top;
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
  line-height: 28px;
  color: #303133;
}
.el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled {
  color: #C0C4CC;
}
.el-pager li.btn-quickprev:hover {
  cursor: pointer;
}
.el-pager li.btn-quicknext:hover {
  cursor: pointer;
}
.el-pager li.active + li {
  border-left: 0;
}
.el-pager li:hover {
  color: #1890ff;
}
.el-pager li.active {
  color: #1890ff;
  cursor: default;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  width: 50%;
}
.el-dialog.is-fullscreen {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog__header {
  padding: 20px;
  padding-bottom: 10px;
}

.el-dialog__headerbtn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
}
.el-dialog__headerbtn .el-dialog__close {
  color: #909399;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: #1890ff;
}

.el-dialog__title {
  line-height: 24px;
  font-size: 18px;
  color: #303133;
}

.el-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}

.el-dialog__footer {
  padding: 20px;
  padding-top: 10px;
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
  padding: 25px 25px 30px;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.dialog-fade-enter-active {
  animation: dialog-fade-in 0.3s;
}

.dialog-fade-leave-active {
  animation: dialog-fade-out 0.3s;
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-autocomplete {
  position: relative;
  display: inline-block;
}

.el-autocomplete-suggestion {
  margin: 5px 0;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #dfe4ed;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.el-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: #606266;
  font-size: 14px;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-autocomplete-suggestion li:hover {
  background-color: #F5F7FA;
}
.el-autocomplete-suggestion li.highlighted {
  background-color: #F5F7FA;
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid #000000;
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  color: #999;
}
.el-autocomplete-suggestion.is-loading li::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-autocomplete-suggestion.is-loading li:hover {
  background-color: #FFFFFF;
}
.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 400;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button {
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #1890ff;
  border-color: rgb(185.7, 221.7, 255);
  background-color: rgb(231.9, 243.9, 255);
}
.el-button:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #1890ff;
  color: #1890ff;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: rgb(21.6, 129.6, 229.5);
  color: rgb(21.6, 129.6, 229.5);
  outline: none;
}

.el-button.is-active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: rgb(70.2, 166.2, 255);
  border-color: rgb(70.2, 166.2, 255);
  color: #FFFFFF;
}
.el-button--primary:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(139.5, 199.5, 255);
  border-color: rgb(139.5, 199.5, 255);
}
.el-button--primary.is-plain {
  color: #1890ff;
  background: rgb(231.9, 243.9, 255);
  border-color: rgb(162.6, 210.6, 255);
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #1890ff;
  border-color: #1890ff;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: rgb(116.4, 188.4, 255);
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
}

.el-button--success {
  color: #FFFFFF;
  background-color: #13ce66;
  border-color: #13ce66;
}
.el-button--success:hover, .el-button--success:focus {
  background: rgb(66.2, 215.8, 132.6);
  border-color: rgb(66.2, 215.8, 132.6);
  color: #FFFFFF;
}
.el-button--success:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(137, 230.5, 178.5);
  border-color: rgb(137, 230.5, 178.5);
}
.el-button--success.is-plain {
  color: #13ce66;
  background: rgb(231.4, 250.1, 239.7);
  border-color: rgb(160.6, 235.4, 193.8);
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #13ce66;
  border-color: #13ce66;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: rgb(113.4, 225.6, 163.2);
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #ffba00;
  border-color: #ffba00;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: rgb(255, 199.8, 51);
  border-color: rgb(255, 199.8, 51);
  color: #FFFFFF;
}
.el-button--warning:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(255, 220.5, 127.5);
  border-color: rgb(255, 220.5, 127.5);
}
.el-button--warning.is-plain {
  color: #ffba00;
  background: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 227.4, 153);
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #ffba00;
  border-color: #ffba00;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 213.6, 102);
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #ff4949;
  border-color: #ff4949;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: rgb(255, 109.4, 109.4);
  border-color: rgb(255, 109.4, 109.4);
  color: #FFFFFF;
}
.el-button--danger:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #ffa4a4;
  border-color: #ffa4a4;
}
.el-button--danger.is-plain {
  color: #ff4949;
  background: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 182.2, 182.2);
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #ff4949;
  border-color: #ff4949;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 145.8, 145.8);
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #FFFFFF;
}
.el-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.el-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #1890ff;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: rgb(70.2, 166.2, 255);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: 14px;
}
.el-dropdown .el-button-group {
  display: block;
}
.el-dropdown .el-button-group .el-button {
  float: none;
}
.el-dropdown .el-dropdown__caret-button {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  border-left: none;
}
.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: 5px;
  bottom: 5px;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}
.el-dropdown .el-dropdown__caret-button.el-button--default::before {
  background: rgba(220, 223, 230, 0.5);
}
.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before {
  top: 0;
  bottom: 0;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  padding-left: 0;
}
.el-dropdown__icon {
  font-size: 12px;
  margin: 0 3px;
}

.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
  outline-width: 0;
}
.el-dropdown [disabled] {
  cursor: not-allowed;
  color: #bbb;
}

.el-dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 10px 0;
  margin: 5px 0;
  background-color: #FFFFFF;
  border: 1px solid #e6ebf5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-dropdown-menu__item {
  list-style: none;
  line-height: 36px;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
  background-color: rgb(231.9, 243.9, 255);
  color: rgb(70.2, 166.2, 255);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #e6ebf5;
}
.el-dropdown-menu__item--divided:before {
  content: "";
  height: 6px;
  display: block;
  margin: 0 -20px;
  background-color: #FFFFFF;
}

.el-dropdown-menu__item.is-disabled {
  cursor: default;
  color: #bbb;
  pointer-events: none;
}

.el-dropdown-menu--medium {
  padding: 6px 0;
}
.el-dropdown-menu--medium .el-dropdown-menu__item {
  line-height: 30px;
  padding: 0 17px;
  font-size: 14px;
}
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 6px;
}
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 6px;
  margin: 0 -17px;
}

.el-dropdown-menu--small {
  padding: 6px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  line-height: 27px;
  padding: 0 15px;
  font-size: 13px;
}
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 4px;
}
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 4px;
  margin: 0 -15px;
}

.el-dropdown-menu--mini {
  padding: 3px 0;
}
.el-dropdown-menu--mini .el-dropdown-menu__item {
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
}
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 3px;
}
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 3px;
  margin: 0 -10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-menu {
  border-right: solid 1px #e6e6e6;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #FFFFFF;
}
.el-menu::before,
.el-menu::after {
  display: table;
  content: "";
}

.el-menu::after {
  clear: both;
}

.el-menu.el-menu--horizontal {
  border-bottom: solid 1px #e6e6e6;
}
.el-menu--horizontal {
  border-right: none;
}
.el-menu--horizontal > .el-menu-item {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
  background-color: #fff;
}
.el-menu--horizontal > .el-submenu {
  float: left;
}
.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover {
  outline: none;
}
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  color: #303133;
}
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #1890ff;
  color: #303133;
}
.el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #fff;
}
.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
  background-color: #FFFFFF;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #909399;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
  color: #303133;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: #303133;
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #1890ff;
  color: #303133;
}

.el-menu--collapse {
  width: 64px;
}
.el-menu--collapse > .el-menu-item [class^=el-icon-],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] {
  margin: 0;
  vertical-align: middle;
  width: 24px;
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-submenu {
  min-width: 200px;
}
.el-menu--collapse .el-submenu {
  position: relative;
}
.el-menu--collapse .el-submenu .el-menu {
  position: absolute;
  margin-left: 5px;
  top: 0;
  left: 100%;
  z-index: 10;
  border: 1px solid #dfe4ed;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: none;
}

.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-menu--popup-bottom-start {
  margin-top: 5px;
}
.el-menu--popup-right-start {
  margin-left: 5px;
  margin-right: 5px;
}

.el-menu-item {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: middle;
}
.el-menu-item i {
  color: #909399;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
  background-color: rgb(231.9, 243.9, 255);
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-menu-item [class^=el-icon-] {
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: #1890ff;
}
.el-menu-item.is-active i {
  color: inherit;
}

.el-submenu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-submenu__title {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-submenu__title * {
  vertical-align: middle;
}
.el-submenu__title i {
  color: #909399;
}
.el-submenu__title:hover, .el-submenu__title:focus {
  outline: none;
  background-color: rgb(231.9, 243.9, 255);
}
.el-submenu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-submenu__title:hover {
  background-color: rgb(231.9, 243.9, 255);
}

.el-submenu .el-menu {
  border: none;
}
.el-submenu .el-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  min-width: 200px;
}
.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  transition: transform 0.3s;
  font-size: 12px;
}

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #1890ff;
}

.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: rotateZ(180deg);
}

.el-submenu.is-disabled .el-submenu__title,
.el-submenu.is-disabled .el-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-submenu [class^=el-icon-] {
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
}

.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px 20px;
  line-height: normal;
  font-size: 12px;
  color: #909399;
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
  transition: 0.2s;
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-input-number {
  position: relative;
  display: inline-block;
  width: 180px;
  line-height: 38px;
}
.el-input-number .el-input {
  display: block;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
.el-input-number__increase, .el-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: #F5F7FA;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: #1890ff;
}
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #1890ff;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #DCDFE6;
}

.el-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #DCDFE6;
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: #dfe4ed;
  color: #dfe4ed;
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: #dfe4ed;
  cursor: not-allowed;
}

.el-input-number--medium {
  width: 200px;
  line-height: 34px;
}
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
  width: 36px;
  font-size: 14px;
}

.el-input-number--medium .el-input__inner {
  padding-left: 43px;
  padding-right: 43px;
}

.el-input-number--small {
  width: 130px;
  line-height: 30px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 32px;
  font-size: 13px;
}
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number--small .el-input__inner {
  padding-left: 39px;
  padding-right: 39px;
}

.el-input-number--mini {
  width: 130px;
  line-height: 26px;
}
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
  width: 28px;
  font-size: 12px;
}
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number--mini .el-input__inner {
  padding-left: 35px;
  padding-right: 35px;
}

.el-input-number.is-without-controls .el-input__inner {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__inner {
  padding-left: 15px;
  padding-right: 50px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  height: auto;
  line-height: 19px;
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid #DCDFE6;
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  bottom: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: 1px solid #DCDFE6;
  border-radius: 0 0 4px 0;
}

.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
  line-height: 17px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
  line-height: 15px;
}
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
  line-height: 13px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  height: 40px;
}
.el-radio.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #e6ebf5;
}
.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}
.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.el-radio--mini.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #F5F7FA;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #C0C4CC;
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #1890ff;
  background: #1890ff;
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: #1890ff;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #1890ff;
}

.el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: #1890ff;
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #FFFFFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #1890ff;
}
.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  font-weight: 400;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-radio-button__inner.is-round {
  padding: 12px 20px;
}
.el-radio-button__inner:hover {
  color: #1890ff;
}
.el-radio-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-radio-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-radio-button__orig-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 #1890ff;
}
.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
  background-color: #F2F6FC;
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: 4px;
}
.el-radio-button--medium .el-radio-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-radio-button--medium .el-radio-button__inner.is-round {
  padding: 10px 20px;
}

.el-radio-button--small .el-radio-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 9px 15px;
}

.el-radio-button--mini .el-radio-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--mini .el-radio-button__inner.is-round {
  padding: 7px 15px;
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/
  box-shadow: 0 0 2px 2px #1890ff;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #e6ebf5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1890ff;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1890ff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #1890ff;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #1890ff;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 rgb(116.4, 188.4, 255);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #1890ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #e6ebf5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #1890ff;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: 0.2s;
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: #303133;
}
.el-switch__label.is-active {
  color: #1890ff;
}

.el-switch__label--left {
  margin-right: 10px;
}

.el-switch__label--right {
  margin-left: 10px;
}

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}

.el-switch__core {
  margin: 0;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 20px;
  border: 1px solid #DCDFE6;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #DCDFE6;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.el-switch__core:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
}

.el-switch.is-checked .el-switch__core {
  border-color: #1890ff;
  background-color: #1890ff;
}
.el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -17px;
}

.el-switch.is-disabled {
  opacity: 0.6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active {
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: solid 1px #dfe4ed;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {
  padding-right: 40px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #1890ff;
  background-color: #FFFFFF;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #F5F7FA;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 20px;
  font-family: "element-icons";
  content: "\e6da";
  font-size: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
  color: #1890ff;
}
.el-tag.is-hit {
  border-color: #1890ff;
}

.el-tag .el-tag__close {
  color: #1890ff;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag.el-tag--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
  color: #13ce66;
}
.el-tag.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag.el-tag--warning {
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
  color: #ffba00;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag.el-tag--danger {
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
  color: #ff4949;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}
.el-tag {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1890ff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #1890ff;
  border-color: #1890ff;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #1890ff;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(70.2, 166.2, 255);
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(166.2, 168.6, 173.4);
}
.el-tag--dark.el-tag--success {
  background-color: #13ce66;
  border-color: #13ce66;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(66.2, 215.8, 132.6);
}
.el-tag--dark.el-tag--warning {
  background-color: #ffba00;
  border-color: #ffba00;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 199.8, 51);
}
.el-tag--dark.el-tag--danger {
  background-color: #ff4949;
  border-color: #ff4949;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 109.4, 109.4);
}

.el-tag--plain {
  background-color: white;
  border-color: rgb(162.6, 210.6, 255);
  color: #1890ff;
}
.el-tag--plain.is-hit {
  border-color: #1890ff;
}

.el-tag--plain .el-tag__close {
  color: #1890ff;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: rgb(160.6, 235.4, 193.8);
  color: #13ce66;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: rgb(255, 227.4, 153);
  color: #ffba00;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: rgb(255, 182.2, 182.2);
  color: #ff4949;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
  background-color: #FFFFFF;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #F5F7FA;
}
.el-select-dropdown__item.selected {
  color: #1890ff;
  font-weight: bold;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.el-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #dfe4ed;
}

.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
}
.el-select .el-select__tags > span {
  display: contents;
}
.el-select:hover .el-input__inner {
  border-color: #C0C4CC;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-select .el-input__inner:focus {
  border-color: #1890ff;
}
.el-select .el-input .el-select__caret {
  color: #C0C4CC;
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotateZ(180deg);
  cursor: pointer;
}
.el-select .el-input .el-select__caret.is-reverse {
  transform: rotateZ(0deg);
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: #C0C4CC;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #dfe4ed;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #1890ff;
}
.el-select > .el-input {
  display: block;
}
.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 28px;
  background-color: transparent;
}
.el-select__input.is-mini {
  height: 14px;
}

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #C0C4CC;
  line-height: 18px;
  font-size: 14px;
}
.el-select__close:hover {
  color: #909399;
}

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.el-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-select .el-tag {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
  display: flex;
  max-width: 100%;
  align-items: center;
}
.el-select .el-tag__close.el-icon-close {
  background-color: #C0C4CC;
  top: 0;
  color: #FFFFFF;
  flex-shrink: 0;
}
.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399;
}
.el-select .el-tag__close.el-icon-close::before {
  display: block;
  transform: translate(0, 0.5px);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 400;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button {
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #1890ff;
  border-color: rgb(185.7, 221.7, 255);
  background-color: rgb(231.9, 243.9, 255);
}
.el-button:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #1890ff;
  color: #1890ff;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: rgb(21.6, 129.6, 229.5);
  color: rgb(21.6, 129.6, 229.5);
  outline: none;
}

.el-button.is-active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: rgb(70.2, 166.2, 255);
  border-color: rgb(70.2, 166.2, 255);
  color: #FFFFFF;
}
.el-button--primary:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(139.5, 199.5, 255);
  border-color: rgb(139.5, 199.5, 255);
}
.el-button--primary.is-plain {
  color: #1890ff;
  background: rgb(231.9, 243.9, 255);
  border-color: rgb(162.6, 210.6, 255);
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #1890ff;
  border-color: #1890ff;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: rgb(116.4, 188.4, 255);
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
}

.el-button--success {
  color: #FFFFFF;
  background-color: #13ce66;
  border-color: #13ce66;
}
.el-button--success:hover, .el-button--success:focus {
  background: rgb(66.2, 215.8, 132.6);
  border-color: rgb(66.2, 215.8, 132.6);
  color: #FFFFFF;
}
.el-button--success:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(137, 230.5, 178.5);
  border-color: rgb(137, 230.5, 178.5);
}
.el-button--success.is-plain {
  color: #13ce66;
  background: rgb(231.4, 250.1, 239.7);
  border-color: rgb(160.6, 235.4, 193.8);
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #13ce66;
  border-color: #13ce66;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: rgb(113.4, 225.6, 163.2);
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #ffba00;
  border-color: #ffba00;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: rgb(255, 199.8, 51);
  border-color: rgb(255, 199.8, 51);
  color: #FFFFFF;
}
.el-button--warning:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(255, 220.5, 127.5);
  border-color: rgb(255, 220.5, 127.5);
}
.el-button--warning.is-plain {
  color: #ffba00;
  background: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 227.4, 153);
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #ffba00;
  border-color: #ffba00;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 213.6, 102);
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #ff4949;
  border-color: #ff4949;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: rgb(255, 109.4, 109.4);
  border-color: rgb(255, 109.4, 109.4);
  color: #FFFFFF;
}
.el-button--danger:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #ffa4a4;
  border-color: #ffa4a4;
}
.el-button--danger.is-plain {
  color: #ff4949;
  background: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 182.2, 182.2);
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #ff4949;
  border-color: #ff4949;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 145.8, 145.8);
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #FFFFFF;
}
.el-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.el-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #1890ff;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: rgb(70.2, 166.2, 255);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #e6ebf5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1890ff;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1890ff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #1890ff;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #1890ff;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 rgb(116.4, 188.4, 255);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #1890ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #e6ebf5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #1890ff;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
  color: #1890ff;
}
.el-tag.is-hit {
  border-color: #1890ff;
}

.el-tag .el-tag__close {
  color: #1890ff;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag.el-tag--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
  color: #13ce66;
}
.el-tag.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag.el-tag--warning {
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
  color: #ffba00;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag.el-tag--danger {
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
  color: #ff4949;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}
.el-tag {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1890ff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #1890ff;
  border-color: #1890ff;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #1890ff;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(70.2, 166.2, 255);
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(166.2, 168.6, 173.4);
}
.el-tag--dark.el-tag--success {
  background-color: #13ce66;
  border-color: #13ce66;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(66.2, 215.8, 132.6);
}
.el-tag--dark.el-tag--warning {
  background-color: #ffba00;
  border-color: #ffba00;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 199.8, 51);
}
.el-tag--dark.el-tag--danger {
  background-color: #ff4949;
  border-color: #ff4949;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 109.4, 109.4);
}

.el-tag--plain {
  background-color: white;
  border-color: rgb(162.6, 210.6, 255);
  color: #1890ff;
}
.el-tag--plain.is-hit {
  border-color: #1890ff;
}

.el-tag--plain .el-tag__close {
  color: #1890ff;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: rgb(160.6, 235.4, 193.8);
  color: #13ce66;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: rgb(255, 227.4, 153);
  color: #ffba00;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: rgb(255, 182.2, 182.2);
  color: #ff4949;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover {
  outline-width: 0;
}
.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper.is-dark {
  background: #303133;
  color: #FFFFFF;
}

.el-tooltip__popper.is-light {
  background: #FFFFFF;
  border: 1px solid #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #606266;
}
.el-table__empty-block {
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: #909399;
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
}

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
  height: 20px;
}
.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}

.el-table__expanded-cell {
  background-color: #FFFFFF;
}
.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}

.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto;
}

.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: auto;
}

.el-table thead {
  color: #909399;
  font-weight: 500;
}
.el-table thead.is-group th.el-table__cell {
  background: #F5F7FA;
}
.el-table .el-table__cell {
  padding: 12px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}
.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table--medium .el-table__cell {
  padding: 10px 0;
}

.el-table--small {
  font-size: 12px;
}
.el-table--small .el-table__cell {
  padding: 8px 0;
}

.el-table--mini {
  font-size: 12px;
}
.el-table--mini .el-table__cell {
  padding: 6px 0;
}

.el-table tr {
  background-color: #FFFFFF;
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: 1px solid #dfe6ec;
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #FFFFFF;
}
.el-table th.el-table__cell > .cell {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.el-table th.el-table__cell > .cell.highlight {
  color: #1890ff;
}
.el-table th.el-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 23px;
  padding-left: 10px;
  padding-right: 10px;
}
.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.el-table--group, .el-table--border {
  border: 1px solid #dfe6ec;
}
.el-table::before, .el-table--group::after, .el-table--border::after {
  content: "";
  position: absolute;
  background-color: #e6ebf5;
  z-index: 1;
}

.el-table--group::after, .el-table--border::after {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}

.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.el-table--border {
  border-right: none;
  border-bottom: none;
}
.el-table--border.el-loading-parent--relative {
  border-color: transparent;
}
.el-table--border .el-table__cell {
  border-right: 1px solid #dfe6ec;
}
.el-table--border .el-table__cell:first-child .cell {
  padding-left: 10px;
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: 1px solid #dfe6ec;
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: 1px solid #dfe6ec;
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__fixed, .el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.el-table__fixed::before, .el-table__fixed-right::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e6ebf5;
  z-index: 4;
}

.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #dfe6ec;
}

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
}
.el-table__fixed-right .el-table__fixed-header-wrapper,
.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper {
  left: auto;
  right: 0;
}

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.el-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #dfe6ec;
  background-color: #F5F7FA;
  color: #606266;
}

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3;
}

.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
  width: 100%;
}

.el-table__footer-wrapper {
  margin-top: -1px;
}
.el-table__footer-wrapper td.el-table__cell {
  border-top: 1px solid #dfe6ec;
}

.el-table__header, .el-table__body, .el-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper, .el-table__footer-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell, .el-table__footer-wrapper tbody td.el-table__cell {
  background-color: #F5F7FA;
  color: #606266;
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
}
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right {
  box-shadow: none;
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed {
  box-shadow: none;
}

.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
  box-shadow: none;
}

.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
  border-left: 1px solid #dfe6ec;
}

.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #dfe6ec;
}

.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative;
}
.el-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: #C0C4CC;
  top: 5px;
}
.el-table .sort-caret.descending {
  border-top-color: #C0C4CC;
  bottom: 7px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #1890ff;
}
.el-table .descending .sort-caret.descending {
  border-top-color: #1890ff;
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: #FAFAFA;
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell, .el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell {
  background-color: rgb(231.9, 243.9, 255);
}

.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.selection-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.selection-row > td.el-table__cell {
  background-color: #F5F7FA;
}
.el-table__body tr.current-row > td.el-table__cell, .el-table__body tr.selection-row > td.el-table__cell {
  background-color: rgb(231.9, 243.9, 255);
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #dfe6ec;
  z-index: 10;
}

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  cursor: pointer;
}
.el-table__column-filter-trigger i {
  color: #909399;
  font-size: 12px;
  transform: scale(0.75);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: #F5F7FA;
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden;
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #e6ebf5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1890ff;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1890ff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #1890ff;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #1890ff;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 rgb(116.4, 188.4, 255);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #1890ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #e6ebf5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #1890ff;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
  color: #1890ff;
}
.el-tag.is-hit {
  border-color: #1890ff;
}

.el-tag .el-tag__close {
  color: #1890ff;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag.el-tag--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
  color: #13ce66;
}
.el-tag.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag.el-tag--warning {
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
  color: #ffba00;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag.el-tag--danger {
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
  color: #ff4949;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}
.el-tag {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1890ff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #1890ff;
  border-color: #1890ff;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #1890ff;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(70.2, 166.2, 255);
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(166.2, 168.6, 173.4);
}
.el-tag--dark.el-tag--success {
  background-color: #13ce66;
  border-color: #13ce66;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(66.2, 215.8, 132.6);
}
.el-tag--dark.el-tag--warning {
  background-color: #ffba00;
  border-color: #ffba00;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 199.8, 51);
}
.el-tag--dark.el-tag--danger {
  background-color: #ff4949;
  border-color: #ff4949;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 109.4, 109.4);
}

.el-tag--plain {
  background-color: white;
  border-color: rgb(162.6, 210.6, 255);
  color: #1890ff;
}
.el-tag--plain.is-hit {
  border-color: #1890ff;
}

.el-tag--plain .el-tag__close {
  color: #1890ff;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: rgb(160.6, 235.4, 193.8);
  color: #13ce66;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: rgb(255, 227.4, 153);
  color: #ffba00;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: rgb(255, 182.2, 182.2);
  color: #ff4949;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.el-table-filter {
  border: solid 1px #e6ebf5;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 2px 0;
  /** used for dropdown mode */
}
.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
}
.el-table-filter__list-item:hover {
  background-color: rgb(231.9, 243.9, 255);
  color: rgb(70.2, 166.2, 255);
}
.el-table-filter__list-item.is-active {
  background-color: #1890ff;
  color: #FFFFFF;
}

.el-table-filter__content {
  min-width: 100px;
}

.el-table-filter__bottom {
  border-top: 1px solid #e6ebf5;
  padding: 8px;
}
.el-table-filter__bottom button {
  background: transparent;
  border: none;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: #1890ff;
}
.el-table-filter__bottom button:focus {
  outline: none;
}
.el-table-filter__bottom button.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-table-filter__wrap {
  max-height: 280px;
}

.el-table-filter__checkbox-group {
  padding: 10px;
}
.el-table-filter__checkbox-group label.el-checkbox {
  display: block;
  margin-right: 5px;
  margin-bottom: 8px;
  margin-left: 5px;
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-date-table {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #F2F6FC;
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: #606266;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row.current div {
  background-color: #F2F6FC;
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.el-date-table td div {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.el-date-table td span {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: #C0C4CC;
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today span {
  color: #1890ff;
  font-weight: bold;
}
.el-date-table td.today.start-date span, .el-date-table td.today.end-date span {
  color: #FFFFFF;
}
.el-date-table td.available:hover {
  color: #1890ff;
}
.el-date-table td.in-range div {
  background-color: #F2F6FC;
}
.el-date-table td.in-range div:hover {
  background-color: #F2F6FC;
}
.el-date-table td.current:not(.disabled) span {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-date-table td.start-date div, .el-date-table td.end-date div {
  color: #FFFFFF;
}
.el-date-table td.start-date span, .el-date-table td.end-date span {
  background-color: #1890ff;
}
.el-date-table td.start-date div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table td.end-date div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table td.disabled div {
  background-color: #F5F7FA;
  opacity: 1;
  cursor: not-allowed;
  color: #C0C4CC;
}
.el-date-table td.selected div {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #F2F6FC;
  border-radius: 15px;
}
.el-date-table td.selected div:hover {
  background-color: #F2F6FC;
}
.el-date-table td.selected span {
  background-color: #1890ff;
  color: #FFFFFF;
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: #606266;
}
.el-date-table th {
  padding: 5px;
  color: #606266;
  font-weight: 400;
  border-bottom: solid 1px #e6ebf5;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
}
.el-month-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .cell {
  color: #1890ff;
  font-weight: bold;
}
.el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell {
  color: #FFFFFF;
}
.el-month-table td.disabled .cell {
  background-color: #F5F7FA;
  cursor: not-allowed;
  color: #C0C4CC;
}
.el-month-table td.disabled .cell:hover {
  color: #C0C4CC;
}
.el-month-table td .cell {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: #606266;
  margin: 0 auto;
  border-radius: 18px;
}
.el-month-table td .cell:hover {
  color: #1890ff;
}
.el-month-table td.in-range div {
  background-color: #F2F6FC;
}
.el-month-table td.in-range div:hover {
  background-color: #F2F6FC;
}
.el-month-table td.start-date div, .el-month-table td.end-date div {
  color: #FFFFFF;
}
.el-month-table td.start-date .cell, .el-month-table td.end-date .cell {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-month-table td.start-date div {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-month-table td.end-date div {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-month-table td.current:not(.disabled) .cell {
  color: #1890ff;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: #303133;
}
.el-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}
.el-year-table td.today .cell {
  color: #1890ff;
  font-weight: bold;
}
.el-year-table td.disabled .cell {
  background-color: #F5F7FA;
  cursor: not-allowed;
  color: #C0C4CC;
}
.el-year-table td.disabled .cell:hover {
  color: #C0C4CC;
}
.el-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #606266;
  margin: 0 auto;
}
.el-year-table td .cell:hover {
  color: #1890ff;
}
.el-year-table td.current:not(.disabled) .cell {
  color: #1890ff;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #FFFFFF;
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: #1890ff;
}
.el-time-spinner__arrow.el-icon-arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.el-icon-arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #606266;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #F5F7FA;
  cursor: pointer;
}
.el-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: bold;
}
.el-time-spinner__item.disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 220px;
}
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 300px;
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 350px;
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 400px;
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer;
}
.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #C0C4CC;
  float: left;
  line-height: 32px;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-input::placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 5%;
  color: #303133;
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #C0C4CC;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.el-range-editor .el-range-input {
  line-height: 1;
}
.el-range-editor.is-active {
  border-color: #1890ff;
}
.el-range-editor.is-active:hover {
  border-color: #1890ff;
}

.el-range-editor--medium.el-input__inner {
  height: 36px;
}
.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px;
}
.el-range-editor--medium .el-range-input {
  font-size: 14px;
}
.el-range-editor--medium .el-range__icon,
.el-range-editor--medium .el-range__close-icon {
  line-height: 28px;
}

.el-range-editor--small.el-input__inner {
  height: 32px;
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px;
}
.el-range-editor--small .el-range-input {
  font-size: 13px;
}
.el-range-editor--small .el-range__icon,
.el-range-editor--small .el-range__close-icon {
  line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
  height: 28px;
}
.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.el-range-editor--mini .el-range-input {
  font-size: 12px;
}
.el-range-editor--mini .el-range__icon,
.el-range-editor--mini .el-range__close-icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: #dfe4ed;
}
.el-range-editor.is-disabled input {
  background-color: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled input::placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled .el-range-separator {
  color: #C0C4CC;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-picker-panel {
  color: #606266;
  border: 1px solid #dfe4ed;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #FFFFFF;
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: #1890ff;
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #1890ff;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-picker-panel__icon-btn:hover {
  color: #1890ff;
}
.el-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #FFFFFF;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  margin: 12px;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #e6ebf5;
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #606266;
}
.el-date-picker__header-label:hover {
  color: #1890ff;
}
.el-date-picker__header-label.active {
  color: #1890ff;
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-date-range-picker {
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.el-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid #e4e4e4;
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: #303133;
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #dfe4ed;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-panel {
  margin: 5px 0;
  border: solid 1px #dfe4ed;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #dfe4ed;
  border-bottom: 1px solid #dfe4ed;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: #303133;
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #1890ff;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 220px;
}
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 300px;
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 350px;
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 400px;
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer;
}
.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #C0C4CC;
  float: left;
  line-height: 32px;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-input::placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 5%;
  color: #303133;
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #C0C4CC;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.el-range-editor .el-range-input {
  line-height: 1;
}
.el-range-editor.is-active {
  border-color: #1890ff;
}
.el-range-editor.is-active:hover {
  border-color: #1890ff;
}

.el-range-editor--medium.el-input__inner {
  height: 36px;
}
.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px;
}
.el-range-editor--medium .el-range-input {
  font-size: 14px;
}
.el-range-editor--medium .el-range__icon,
.el-range-editor--medium .el-range__close-icon {
  line-height: 28px;
}

.el-range-editor--small.el-input__inner {
  height: 32px;
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px;
}
.el-range-editor--small .el-range-input {
  font-size: 13px;
}
.el-range-editor--small .el-range__icon,
.el-range-editor--small .el-range__close-icon {
  line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
  height: 28px;
}
.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.el-range-editor--mini .el-range-input {
  font-size: 12px;
}
.el-range-editor--mini .el-range__icon,
.el-range-editor--mini .el-range__close-icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: #dfe4ed;
}
.el-range-editor.is-disabled input {
  background-color: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled input::placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled .el-range-separator {
  color: #C0C4CC;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-picker-panel {
  color: #606266;
  border: 1px solid #dfe4ed;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #FFFFFF;
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: #1890ff;
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #1890ff;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-picker-panel__icon-btn:hover {
  color: #1890ff;
}
.el-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #FFFFFF;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  margin: 12px;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #e6ebf5;
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #606266;
}
.el-date-picker__header-label:hover {
  color: #1890ff;
}
.el-date-picker__header-label.active {
  color: #1890ff;
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.time-select {
  margin: 5px 0;
  min-width: 0;
}

.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0;
}

.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}

.time-select-item.selected:not(.disabled) {
  color: #1890ff;
  font-weight: bold;
}

.time-select-item.disabled {
  color: #dfe4ed;
  cursor: not-allowed;
}

.time-select-item:hover {
  background-color: #F5F7FA;
  font-weight: bold;
  cursor: pointer;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 220px;
}
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 300px;
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 350px;
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 400px;
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer;
}
.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #C0C4CC;
  float: left;
  line-height: 32px;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-input::placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 5%;
  color: #303133;
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #C0C4CC;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.el-range-editor .el-range-input {
  line-height: 1;
}
.el-range-editor.is-active {
  border-color: #1890ff;
}
.el-range-editor.is-active:hover {
  border-color: #1890ff;
}

.el-range-editor--medium.el-input__inner {
  height: 36px;
}
.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px;
}
.el-range-editor--medium .el-range-input {
  font-size: 14px;
}
.el-range-editor--medium .el-range__icon,
.el-range-editor--medium .el-range__close-icon {
  line-height: 28px;
}

.el-range-editor--small.el-input__inner {
  height: 32px;
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px;
}
.el-range-editor--small .el-range-input {
  font-size: 13px;
}
.el-range-editor--small .el-range__icon,
.el-range-editor--small .el-range__close-icon {
  line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
  height: 28px;
}
.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.el-range-editor--mini .el-range-input {
  font-size: 12px;
}
.el-range-editor--mini .el-range__icon,
.el-range-editor--mini .el-range__close-icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: #dfe4ed;
}
.el-range-editor.is-disabled input {
  background-color: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled input::placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled .el-range-separator {
  color: #C0C4CC;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-picker-panel {
  color: #606266;
  border: 1px solid #dfe4ed;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #FFFFFF;
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: #1890ff;
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #1890ff;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-picker-panel__icon-btn:hover {
  color: #1890ff;
}
.el-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #FFFFFF;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #FFFFFF;
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: #1890ff;
}
.el-time-spinner__arrow.el-icon-arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.el-icon-arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #606266;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #F5F7FA;
  cursor: pointer;
}
.el-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: bold;
}
.el-time-spinner__item.disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-panel {
  margin: 5px 0;
  border: solid 1px #dfe4ed;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #dfe4ed;
  border-bottom: 1px solid #dfe4ed;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: #303133;
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #1890ff;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #dfe4ed;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-popover {
  position: absolute;
  background: #FFFFFF;
  min-width: 150px;
  border-radius: 4px;
  border: 1px solid #e6ebf5;
  padding: 12px;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  word-break: break-all;
}
.el-popover--plain {
  padding: 18px 20px;
}

.el-popover__title {
  color: #303133;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover:focus:active, .el-popover:focus {
  outline-width: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover {
  outline-width: 0;
}
.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper.is-dark {
  background: #303133;
  color: #FFFFFF;
}

.el-tooltip__popper.is-light {
  background: #FFFFFF;
  border: 1px solid #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFFFFF;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}

.el-popup-parent--hidden {
  overflow: hidden;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 400;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button {
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #1890ff;
  border-color: rgb(185.7, 221.7, 255);
  background-color: rgb(231.9, 243.9, 255);
}
.el-button:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #1890ff;
  color: #1890ff;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: rgb(21.6, 129.6, 229.5);
  color: rgb(21.6, 129.6, 229.5);
  outline: none;
}

.el-button.is-active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: rgb(70.2, 166.2, 255);
  border-color: rgb(70.2, 166.2, 255);
  color: #FFFFFF;
}
.el-button--primary:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(139.5, 199.5, 255);
  border-color: rgb(139.5, 199.5, 255);
}
.el-button--primary.is-plain {
  color: #1890ff;
  background: rgb(231.9, 243.9, 255);
  border-color: rgb(162.6, 210.6, 255);
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #1890ff;
  border-color: #1890ff;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: rgb(116.4, 188.4, 255);
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
}

.el-button--success {
  color: #FFFFFF;
  background-color: #13ce66;
  border-color: #13ce66;
}
.el-button--success:hover, .el-button--success:focus {
  background: rgb(66.2, 215.8, 132.6);
  border-color: rgb(66.2, 215.8, 132.6);
  color: #FFFFFF;
}
.el-button--success:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(137, 230.5, 178.5);
  border-color: rgb(137, 230.5, 178.5);
}
.el-button--success.is-plain {
  color: #13ce66;
  background: rgb(231.4, 250.1, 239.7);
  border-color: rgb(160.6, 235.4, 193.8);
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #13ce66;
  border-color: #13ce66;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: rgb(113.4, 225.6, 163.2);
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #ffba00;
  border-color: #ffba00;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: rgb(255, 199.8, 51);
  border-color: rgb(255, 199.8, 51);
  color: #FFFFFF;
}
.el-button--warning:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(255, 220.5, 127.5);
  border-color: rgb(255, 220.5, 127.5);
}
.el-button--warning.is-plain {
  color: #ffba00;
  background: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 227.4, 153);
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #ffba00;
  border-color: #ffba00;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 213.6, 102);
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #ff4949;
  border-color: #ff4949;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: rgb(255, 109.4, 109.4);
  border-color: rgb(255, 109.4, 109.4);
  color: #FFFFFF;
}
.el-button--danger:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #ffa4a4;
  border-color: #ffa4a4;
}
.el-button--danger.is-plain {
  color: #ff4949;
  background: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 182.2, 182.2);
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #ff4949;
  border-color: #ff4949;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 145.8, 145.8);
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #FFFFFF;
}
.el-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.el-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #1890ff;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: rgb(70.2, 166.2, 255);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-message-box {
  display: inline-block;
  width: 420px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #e6ebf5;
  font-size: 18px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
}
.el-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.el-message-box__wrapper::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box__header {
  position: relative;
  padding: 15px;
  padding-bottom: 10px;
}

.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
  color: #303133;
}

.el-message-box__headerbtn {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: #909399;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: #1890ff;
}

.el-message-box__content {
  padding: 10px 15px;
  color: #606266;
  font-size: 14px;
}

.el-message-box__container {
  position: relative;
}

.el-message-box__input {
  padding-top: 15px;
}
.el-message-box__input input.invalid {
  border-color: #ff4949;
}
.el-message-box__input input.invalid:focus {
  border-color: #ff4949;
}

.el-message-box__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px !important;
}
.el-message-box__status::before {
  padding-left: 1px;
}
.el-message-box__status + .el-message-box__message {
  padding-left: 36px;
  padding-right: 12px;
}
.el-message-box__status.el-icon-success {
  color: #13ce66;
}
.el-message-box__status.el-icon-info {
  color: #909399;
}
.el-message-box__status.el-icon-warning {
  color: #ffba00;
}
.el-message-box__status.el-icon-error {
  color: #ff4949;
}

.el-message-box__message {
  margin: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: 24px;
}

.el-message-box__errormsg {
  color: #ff4949;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px;
}

.el-message-box__btns {
  padding: 5px 15px 0;
  text-align: right;
}
.el-message-box__btns button:nth-child(2) {
  margin-left: 10px;
}

.el-message-box__btns-reverse {
  flex-direction: row-reverse;
}

.el-message-box--center {
  padding-bottom: 30px;
}
.el-message-box--center .el-message-box__header {
  padding-top: 30px;
}

.el-message-box--center .el-message-box__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-message-box--center .el-message-box__status {
  position: relative;
  top: auto;
  padding-right: 5px;
  text-align: center;
  transform: translateY(-1px);
}

.el-message-box--center .el-message-box__message {
  margin-left: 0;
}

.el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
  text-align: center;
}

.el-message-box--center .el-message-box__content {
  padding-left: 27px;
  padding-right: 27px;
}

.msgbox-fade-enter-active {
  animation: msgbox-fade-in 0.3s;
}

.msgbox-fade-leave-active {
  animation: msgbox-fade-out 0.3s;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes msgbox-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}

.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: #C0C4CC;
}
.el-breadcrumb__separator[class*=icon] {
  margin: 0 6px;
  font-weight: normal;
}

.el-breadcrumb__item {
  float: left;
}
.el-breadcrumb__inner {
  color: #606266;
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: #303133;
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: #1890ff;
  cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: normal;
  color: #606266;
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-form--label-left .el-form-item__label {
  text-align: left;
}

.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px 0;
}

.el-form--inline .el-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block;
}
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}
.el-form--inline.el-form--label-top .el-form-item__content {
  display: block;
}

.el-form-item {
  margin-bottom: 22px;
}
.el-form-item::before,
.el-form-item::after {
  display: table;
  content: "";
}

.el-form-item::after {
  clear: both;
}

.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--medium .el-form-item__label {
  line-height: 36px;
}
.el-form-item--medium .el-form-item__content {
  line-height: 36px;
}

.el-form-item--small .el-form-item__label {
  line-height: 32px;
}
.el-form-item--small .el-form-item__content {
  line-height: 32px;
}
.el-form-item--small.el-form-item {
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--mini .el-form-item__label {
  line-height: 28px;
}
.el-form-item--mini .el-form-item__content {
  line-height: 28px;
}
.el-form-item--mini.el-form-item {
  margin-bottom: 18px;
}
.el-form-item--mini .el-form-item__error {
  padding-top: 1px;
}

.el-form-item__label-wrap {
  float: left;
}
.el-form-item__label-wrap .el-form-item__label {
  display: inline-block;
  float: none;
}

.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}
.el-form-item__content::before,
.el-form-item__content::after {
  display: table;
  content: "";
}

.el-form-item__content::after {
  clear: both;
}

.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: #ff4949;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: #ff4949;
  margin-right: 4px;
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus {
  border-color: #ff4949;
}
.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner {
  border-color: transparent;
}
.el-form-item.is-error .el-input__validateIcon {
  color: #ff4949;
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-block;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #1890ff;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
}

.el-tabs__new-tab {
  float: right;
  border: 1px solid #d3dce6;
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin: 12px 0 9px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #d3dce6;
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .el-icon-plus {
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab:hover {
  color: #1890ff;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #dfe4ed;
  z-index: 1;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: #909399;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform 0.3s;
  float: left;
  z-index: 2;
}
.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.el-tabs__item {
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  position: relative;
}
.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: 0 0 2px 2px #1890ff inset;
  border-radius: 3px;
}
.el-tabs__item .el-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 5px;
}
.el-tabs__item .el-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .el-icon-close:hover {
  background-color: #C0C4CC;
  color: #FFFFFF;
}
.el-tabs__item.is-active {
  color: #1890ff;
}

.el-tabs__item:hover {
  color: #1890ff;
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: #C0C4CC;
  cursor: default;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid #dfe4ed;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid #dfe4ed;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  vertical-align: middle;
  line-height: 15px;
  overflow: hidden;
  top: -1px;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: 1px solid transparent;
  border-left: 1px solid #dfe4ed;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #FFFFFF;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: #F5F7FA;
  border-bottom: 1px solid #dfe4ed;
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid transparent;
  margin-top: -1px;
  color: #909399;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #1890ff;
  background-color: #FFFFFF;
  border-right-color: #DCDFE6;
  border-left-color: #DCDFE6;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #1890ff;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: #C0C4CC;
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--top .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
  padding-right: 0;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}

.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid #DCDFE6;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px -1px;
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  float: none;
}
.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
  display: block;
}

.el-tabs--left .el-tabs__header.is-left {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid #dfe4ed;
  border-bottom: none;
  border-top: 1px solid #dfe4ed;
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid #dfe4ed;
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid #dfe4ed;
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid #dfe4ed;
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid #dfe4ed;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.el-tabs--right .el-tabs__header.is-right {
  float: right;
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid #dfe4ed;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid #dfe4ed;
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid #dfe4ed;
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid #dfe4ed;
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid #dfe4ed;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter 0.3s;
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave 0.3s;
}

.slideInLeft-enter {
  animation: slideInLeft-enter 0.3s;
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave 0.3s;
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
  color: #1890ff;
}
.el-tag.is-hit {
  border-color: #1890ff;
}

.el-tag .el-tag__close {
  color: #1890ff;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag.el-tag--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
  color: #13ce66;
}
.el-tag.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag.el-tag--warning {
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
  color: #ffba00;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag.el-tag--danger {
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
  color: #ff4949;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}
.el-tag {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1890ff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #1890ff;
  border-color: #1890ff;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #1890ff;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(70.2, 166.2, 255);
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(166.2, 168.6, 173.4);
}
.el-tag--dark.el-tag--success {
  background-color: #13ce66;
  border-color: #13ce66;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(66.2, 215.8, 132.6);
}
.el-tag--dark.el-tag--warning {
  background-color: #ffba00;
  border-color: #ffba00;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 199.8, 51);
}
.el-tag--dark.el-tag--danger {
  background-color: #ff4949;
  border-color: #ff4949;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 109.4, 109.4);
}

.el-tag--plain {
  background-color: white;
  border-color: rgb(162.6, 210.6, 255);
  color: #1890ff;
}
.el-tag--plain.is-hit {
  border-color: #1890ff;
}

.el-tag--plain .el-tag__close {
  color: #1890ff;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: rgb(160.6, 235.4, 193.8);
  color: #13ce66;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: rgb(255, 227.4, 153);
  color: #ffba00;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: rgb(255, 182.2, 182.2);
  color: #ff4949;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #e6ebf5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1890ff;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1890ff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #1890ff;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #1890ff;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 rgb(116.4, 188.4, 255);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #1890ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #e6ebf5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #1890ff;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-tree {
  position: relative;
  cursor: default;
  background: #FFFFFF;
  color: #606266;
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #909399;
  font-size: 14px;
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #1890ff;
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus { /* focus */ }
.el-tree-node:focus > .el-tree-node__content {
  background-color: #F5F7FA;
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: #1890ff;
  color: #fff;
}

.el-tree-node__content {
  display: flex;
  align-items: center;
  height: 26px;
  cursor: pointer;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: #F5F7FA;
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: #C0C4CC;
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}

.el-tree-node__label {
  font-size: 14px;
}

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: 14px;
  color: #C0C4CC;
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: rgb(236.52, 246.12, 255);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #FFFFFF;
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.el-alert.is-light .el-alert__closebtn {
  color: #C0C4CC;
}

.el-alert.is-dark .el-alert__closebtn {
  color: #FFFFFF;
}
.el-alert.is-dark .el-alert__description {
  color: #FFFFFF;
}

.el-alert.is-center {
  justify-content: center;
}

.el-alert--success.is-light {
  background-color: rgb(231.4, 250.1, 239.7);
  color: #13ce66;
}
.el-alert--success.is-light .el-alert__description {
  color: #13ce66;
}
.el-alert--success.is-dark {
  background-color: #13ce66;
  color: #FFFFFF;
}

.el-alert--info.is-light {
  background-color: rgb(243.9, 244.2, 244.8);
  color: #909399;
}
.el-alert--info.is-dark {
  background-color: #909399;
  color: #FFFFFF;
}
.el-alert--info .el-alert__description {
  color: #909399;
}

.el-alert--warning.is-light {
  background-color: rgb(255, 248.1, 229.5);
  color: #ffba00;
}
.el-alert--warning.is-light .el-alert__description {
  color: #ffba00;
}
.el-alert--warning.is-dark {
  background-color: #ffba00;
  color: #FFFFFF;
}

.el-alert--error.is-light {
  background-color: rgb(255, 236.8, 236.8);
  color: #ff4949;
}
.el-alert--error.is-light .el-alert__description {
  color: #ff4949;
}
.el-alert--error.is-dark {
  background-color: #ff4949;
  color: #FFFFFF;
}

.el-alert__content {
  display: table-cell;
  padding: 0 8px;
}

.el-alert__icon {
  font-size: 16px;
  width: 16px;
}
.el-alert__icon.is-big {
  font-size: 28px;
  width: 28px;
}

.el-alert__title {
  font-size: 13px;
  line-height: 18px;
}
.el-alert__title.is-bold {
  font-weight: bold;
}

.el-alert .el-alert__description {
  font-size: 12px;
  margin: 5px 0 0 0;
}
.el-alert__closebtn {
  font-size: 12px;
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
}
.el-alert__closebtn.is-customed {
  font-style: normal;
  font-size: 13px;
  top: 9px;
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-notification {
  display: flex;
  width: 330px;
  padding: 14px 26px 14px 13px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #e6ebf5;
  position: fixed;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  overflow: hidden;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  margin-left: 13px;
  margin-right: 8px;
}

.el-notification__title {
  font-weight: bold;
  font-size: 16px;
  color: #303133;
  margin: 0;
}

.el-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 6px 0 0 0;
  color: #606266;
  text-align: justify;
}
.el-notification__content p {
  margin: 0;
}

.el-notification__icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}

.el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: #909399;
  font-size: 16px;
}
.el-notification__closeBtn:hover {
  color: #606266;
}

.el-notification .el-icon-success {
  color: #13ce66;
}
.el-notification .el-icon-error {
  color: #ff4949;
}
.el-notification .el-icon-info {
  color: #909399;
}
.el-notification .el-icon-warning {
  color: #ffba00;
}

.el-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%);
}

.el-notification-fade-leave-active {
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-input-number {
  position: relative;
  display: inline-block;
  width: 180px;
  line-height: 38px;
}
.el-input-number .el-input {
  display: block;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
.el-input-number__increase, .el-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: #F5F7FA;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: #1890ff;
}
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #1890ff;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #DCDFE6;
}

.el-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #DCDFE6;
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: #dfe4ed;
  color: #dfe4ed;
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: #dfe4ed;
  cursor: not-allowed;
}

.el-input-number--medium {
  width: 200px;
  line-height: 34px;
}
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
  width: 36px;
  font-size: 14px;
}

.el-input-number--medium .el-input__inner {
  padding-left: 43px;
  padding-right: 43px;
}

.el-input-number--small {
  width: 130px;
  line-height: 30px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 32px;
  font-size: 13px;
}
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number--small .el-input__inner {
  padding-left: 39px;
  padding-right: 39px;
}

.el-input-number--mini {
  width: 130px;
  line-height: 26px;
}
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
  width: 28px;
  font-size: 12px;
}
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number--mini .el-input__inner {
  padding-left: 35px;
  padding-right: 35px;
}

.el-input-number.is-without-controls .el-input__inner {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__inner {
  padding-left: 15px;
  padding-right: 50px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  height: auto;
  line-height: 19px;
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid #DCDFE6;
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  bottom: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: 1px solid #DCDFE6;
  border-radius: 0 0 4px 0;
}

.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
  line-height: 17px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
  line-height: 15px;
}
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
  line-height: 13px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover {
  outline-width: 0;
}
.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper.is-dark {
  background: #303133;
  color: #FFFFFF;
}

.el-tooltip__popper.is-light {
  background: #FFFFFF;
  border: 1px solid #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-slider::before,
.el-slider::after {
  display: table;
  content: "";
}

.el-slider::after {
  clear: both;
}

.el-slider__runway {
  width: 100%;
  height: 6px;
  margin: 16px 0;
  background-color: #dfe4ed;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.el-slider__runway.show-input {
  margin-right: 160px;
  width: auto;
}
.el-slider__runway.disabled {
  cursor: default;
}
.el-slider__runway.disabled .el-slider__bar {
  background-color: #C0C4CC;
}
.el-slider__runway.disabled .el-slider__button {
  border-color: #C0C4CC;
}
.el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button-wrapper.dragging {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging {
  transform: scale(1);
}
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button.dragging {
  cursor: not-allowed;
}

.el-slider__input {
  float: right;
  margin-top: 3px;
  width: 130px;
}
.el-slider__input.el-input-number--mini {
  margin-top: 5px;
}
.el-slider__input.el-input-number--medium {
  margin-top: 0;
}
.el-slider__input.el-input-number--large {
  margin-top: -2px;
}

.el-slider__bar {
  height: 6px;
  background-color: #1890ff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
}

.el-slider__button-wrapper {
  height: 36px;
  width: 36px;
  position: absolute;
  z-index: 1001;
  top: -15px;
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: normal;
}
.el-slider__button-wrapper::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-slider__button-wrapper .el-tooltip {
  vertical-align: middle;
  display: inline-block;
}
.el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover {
  cursor: grab;
}
.el-slider__button-wrapper.dragging {
  cursor: grabbing;
}

.el-slider__button {
  width: 16px;
  height: 16px;
  border: solid 2px #1890ff;
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging {
  transform: scale(1.2);
}
.el-slider__button:hover, .el-slider__button.hover {
  cursor: grab;
}
.el-slider__button.dragging {
  cursor: grabbing;
}

.el-slider__stop {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transform: translateX(-50%);
}

.el-slider__marks {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.el-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: #909399;
  margin-top: 15px;
}

.el-slider.is-vertical {
  position: relative;
}
.el-slider.is-vertical .el-slider__runway {
  width: 6px;
  height: 100%;
  margin: 0 16px;
}
.el-slider.is-vertical .el-slider__bar {
  width: 6px;
  height: auto;
  border-radius: 0 0 3px 3px;
}
.el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: -15px;
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%);
}
.el-slider.is-vertical.el-slider--with-input {
  padding-bottom: 58px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input {
  overflow: visible;
  float: none;
  position: absolute;
  bottom: 22px;
  width: 36px;
  margin-top: 15px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  top: 32px;
  margin-top: -1px;
  border: 1px solid #DCDFE6;
  line-height: 20px;
  box-sizing: border-box;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
  width: 18px;
  right: 18px;
  border-bottom-left-radius: 4px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  width: 19px;
  border-bottom-right-radius: 4px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
  border-color: #C0C4CC;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
  border-color: #1890ff;
}
.el-slider.is-vertical .el-slider__marks-text {
  margin-top: 0;
  left: 15px;
  transform: translateY(50%);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px;
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: 50px;
  width: 50px;
}

.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: #1890ff;
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  height: 42px;
  width: 42px;
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #1890ff;
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: #1890ff;
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-row {
  position: relative;
  box-sizing: border-box;
}
.el-row::before,
.el-row::after {
  display: table;
  content: "";
}

.el-row::after {
  clear: both;
}

.el-row--flex {
  display: flex;
}
.el-row--flex:before, .el-row--flex:after {
  display: none;
}
.el-row--flex.is-justify-center {
  justify-content: center;
}

.el-row--flex.is-justify-end {
  justify-content: flex-end;
}

.el-row--flex.is-justify-space-between {
  justify-content: space-between;
}

.el-row--flex.is-justify-space-around {
  justify-content: space-around;
}

.el-row--flex.is-align-top {
  align-items: flex-start;
}

.el-row--flex.is-align-middle {
  align-items: center;
}

.el-row--flex.is-align-bottom {
  align-items: flex-end;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
[class*=el-col-] {
  float: left;
  box-sizing: border-box;
}

.el-col-0 {
  display: none;
}

.el-col-0 {
  width: 0%;
}

.el-col-offset-0 {
  margin-left: 0%;
}

.el-col-pull-0 {
  position: relative;
  right: 0%;
}

.el-col-push-0 {
  position: relative;
  left: 0%;
}

.el-col-1 {
  width: 4.1666666667%;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  width: 8.3333333333%;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.el-col-3 {
  width: 12.5%;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  width: 16.6666666667%;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  width: 20.8333333333%;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.el-col-6 {
  width: 25%;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  width: 29.1666666667%;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  width: 33.3333333333%;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.el-col-9 {
  width: 37.5%;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  width: 41.6666666667%;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  width: 45.8333333333%;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.el-col-12 {
  width: 50%;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  width: 54.1666666667%;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  width: 58.3333333333%;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.el-col-15 {
  width: 62.5%;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  width: 66.6666666667%;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  width: 70.8333333333%;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.el-col-18 {
  width: 75%;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  width: 79.1666666667%;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  width: 83.3333333333%;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.el-col-21 {
  width: 87.5%;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  width: 91.6666666667%;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  width: 95.8333333333%;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.el-col-24 {
  width: 100%;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
  }
  .el-col-xs-0 {
    width: 0%;
  }
  .el-col-xs-offset-0 {
    margin-left: 0%;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xs-1 {
    width: 4.1666666667%;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xs-2 {
    width: 8.3333333333%;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xs-3 {
    width: 12.5%;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    width: 16.6666666667%;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xs-5 {
    width: 20.8333333333%;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xs-6 {
    width: 25%;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    width: 29.1666666667%;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xs-8 {
    width: 33.3333333333%;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xs-9 {
    width: 37.5%;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    width: 41.6666666667%;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xs-11 {
    width: 45.8333333333%;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xs-12 {
    width: 50%;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    width: 54.1666666667%;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xs-14 {
    width: 58.3333333333%;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xs-15 {
    width: 62.5%;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    width: 66.6666666667%;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xs-17 {
    width: 70.8333333333%;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xs-18 {
    width: 75%;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    width: 79.1666666667%;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xs-20 {
    width: 83.3333333333%;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xs-21 {
    width: 87.5%;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    width: 91.6666666667%;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xs-23 {
    width: 95.8333333333%;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xs-24 {
    width: 100%;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
  }
  .el-col-sm-0 {
    width: 0%;
  }
  .el-col-sm-offset-0 {
    margin-left: 0%;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-sm-1 {
    width: 4.1666666667%;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-sm-2 {
    width: 8.3333333333%;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-sm-3 {
    width: 12.5%;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    width: 16.6666666667%;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-sm-5 {
    width: 20.8333333333%;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-sm-6 {
    width: 25%;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    width: 29.1666666667%;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-sm-8 {
    width: 33.3333333333%;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-sm-9 {
    width: 37.5%;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    width: 41.6666666667%;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-sm-11 {
    width: 45.8333333333%;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-sm-12 {
    width: 50%;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    width: 54.1666666667%;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-sm-14 {
    width: 58.3333333333%;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-sm-15 {
    width: 62.5%;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    width: 66.6666666667%;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-sm-17 {
    width: 70.8333333333%;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-sm-18 {
    width: 75%;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    width: 79.1666666667%;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-sm-20 {
    width: 83.3333333333%;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-sm-21 {
    width: 87.5%;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    width: 91.6666666667%;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-sm-23 {
    width: 95.8333333333%;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-sm-24 {
    width: 100%;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
  }
  .el-col-md-0 {
    width: 0%;
  }
  .el-col-md-offset-0 {
    margin-left: 0%;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-md-1 {
    width: 4.1666666667%;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-md-2 {
    width: 8.3333333333%;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-md-3 {
    width: 12.5%;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    width: 16.6666666667%;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-md-5 {
    width: 20.8333333333%;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-md-6 {
    width: 25%;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    width: 29.1666666667%;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-md-8 {
    width: 33.3333333333%;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-md-9 {
    width: 37.5%;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    width: 41.6666666667%;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-md-11 {
    width: 45.8333333333%;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-md-12 {
    width: 50%;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    width: 54.1666666667%;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-md-14 {
    width: 58.3333333333%;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-md-15 {
    width: 62.5%;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    width: 66.6666666667%;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-md-17 {
    width: 70.8333333333%;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-md-18 {
    width: 75%;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    width: 79.1666666667%;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-md-20 {
    width: 83.3333333333%;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-md-21 {
    width: 87.5%;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    width: 91.6666666667%;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-md-23 {
    width: 95.8333333333%;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-md-24 {
    width: 100%;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
  }
  .el-col-lg-0 {
    width: 0%;
  }
  .el-col-lg-offset-0 {
    margin-left: 0%;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-lg-1 {
    width: 4.1666666667%;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-lg-2 {
    width: 8.3333333333%;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-lg-3 {
    width: 12.5%;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    width: 16.6666666667%;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-lg-5 {
    width: 20.8333333333%;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-lg-6 {
    width: 25%;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    width: 29.1666666667%;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-lg-8 {
    width: 33.3333333333%;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-lg-9 {
    width: 37.5%;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    width: 41.6666666667%;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-lg-11 {
    width: 45.8333333333%;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-lg-12 {
    width: 50%;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    width: 54.1666666667%;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-lg-14 {
    width: 58.3333333333%;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-lg-15 {
    width: 62.5%;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    width: 66.6666666667%;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-lg-17 {
    width: 70.8333333333%;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-lg-18 {
    width: 75%;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    width: 79.1666666667%;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-lg-20 {
    width: 83.3333333333%;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-lg-21 {
    width: 87.5%;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    width: 91.6666666667%;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-lg-23 {
    width: 95.8333333333%;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-lg-24 {
    width: 100%;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
  }
  .el-col-xl-0 {
    width: 0%;
  }
  .el-col-xl-offset-0 {
    margin-left: 0%;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xl-1 {
    width: 4.1666666667%;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xl-2 {
    width: 8.3333333333%;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xl-3 {
    width: 12.5%;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    width: 16.6666666667%;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xl-5 {
    width: 20.8333333333%;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xl-6 {
    width: 25%;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    width: 29.1666666667%;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xl-8 {
    width: 33.3333333333%;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xl-9 {
    width: 37.5%;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    width: 41.6666666667%;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xl-11 {
    width: 45.8333333333%;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xl-12 {
    width: 50%;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    width: 54.1666666667%;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xl-14 {
    width: 58.3333333333%;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xl-15 {
    width: 62.5%;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    width: 66.6666666667%;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xl-17 {
    width: 70.8333333333%;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xl-18 {
    width: 75%;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    width: 79.1666666667%;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xl-20 {
    width: 83.3333333333%;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xl-21 {
    width: 87.5%;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    width: 91.6666666667%;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xl-23 {
    width: 95.8333333333%;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xl-24 {
    width: 100%;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-progress {
  position: relative;
  line-height: 1;
}
.el-progress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: #13ce66;
}
.el-progress.is-success .el-progress__text {
  color: #13ce66;
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: #ffba00;
}
.el-progress.is-warning .el-progress__text {
  color: #ffba00;
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #ff4949;
}
.el-progress.is-exception .el-progress__text {
  color: #ff4949;
}

.el-progress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #e6ebf5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #1890ff;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: none;
}
.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: #606266;
  margin-top: 7px;
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.el-upload {
  /* 照片墙模式 */
}
.el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  cursor: pointer;
  line-height: 146px;
  vertical-align: top;
}
.el-upload--picture-card i {
  font-size: 28px;
  color: #8c939d;
}
.el-upload--picture-card:hover {
  border-color: #1890ff;
  color: #1890ff;
}

.el-upload:focus {
  border-color: #1890ff;
  color: #1890ff;
}
.el-upload:focus .el-upload-dragger {
  border-color: #1890ff;
}

.el-upload-dragger {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-icon-upload {
  font-size: 67px;
  color: #C0C4CC;
  margin: 40px 0 16px;
  line-height: 50px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: 1px solid #DCDFE6;
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: #606266;
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: #1890ff;
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: #1890ff;
}
.el-upload-dragger.is-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #1890ff;
}

.el-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: #606266;
  line-height: 1.8;
  margin-top: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item:first-child {
  margin-top: 10px;
}
.el-upload-list__item .el-icon-upload-success {
  color: #13ce66;
}
.el-upload-list__item .el-icon-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.75;
  color: #606266;
}
.el-upload-list__item .el-icon-close:hover {
  opacity: 1;
}
.el-upload-list__item .el-icon-close-tip {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: #1890ff;
}
.el-upload-list__item:hover {
  background-color: #F5F7FA;
}
.el-upload-list__item:hover .el-icon-close {
  display: inline-block;
}
.el-upload-list__item:hover .el-progress__text {
  display: none;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: block;
}
.el-upload-list__item.is-success .el-upload-list__item-name:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus {
  color: #1890ff;
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) { /* 键盘focus */ }
.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active { /* click时 */
  outline-width: 0;
}
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip, .el-upload-list__item.is-success:active .el-icon-close-tip {
  display: none;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
  display: none;
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: block;
}

.el-upload-list__item-name {
  color: #606266;
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
}
.el-upload-list__item-name [class^=el-icon] {
  height: 100%;
  margin-right: 7px;
  color: #909399;
  line-height: inherit;
}

.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
}

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #606266;
  display: none;
}
.el-upload-list__item-delete:hover {
  color: #1890ff;
}

.el-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
}
.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  margin: 0 8px 8px 0;
  display: inline-block;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
  color: #FFFFFF;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-close {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s;
}
.el-upload-list--picture-card .el-upload-list__item-actions::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 15px;
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-block;
}
.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 10px 10px 90px;
  height: 92px;
}
.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
  color: #FFFFFF;
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  background: transparent;
  box-shadow: none;
  top: -2px;
  right: -12px;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
  line-height: 70px;
  margin-top: 0;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -80px;
  background-color: #FFFFFF;
}
.el-upload-list--picture .el-upload-list__item-name {
  display: block;
  margin-top: 20px;
}
.el-upload-list--picture .el-upload-list__item-name i {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 10px;
}
.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 1px 1px #ccc;
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.el-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-upload-cover__label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: 60px;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #FFFFFF;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: #303133;
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-progress {
  position: relative;
  line-height: 1;
}
.el-progress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: #13ce66;
}
.el-progress.is-success .el-progress__text {
  color: #13ce66;
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: #ffba00;
}
.el-progress.is-warning .el-progress__text {
  color: #ffba00;
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #ff4949;
}
.el-progress.is-exception .el-progress__text {
  color: #ff4949;
}

.el-progress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #e6ebf5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #1890ff;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-time-spinner {
  width: 100%;
  white-space: nowrap;
}

.el-spinner {
  display: inline-block;
  vertical-align: middle;
}

.el-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}
.el-spinner-inner .path {
  stroke: #ececec;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-message {
  min-width: 380px;
  box-sizing: border-box;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #e6ebf5;
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: #edf2fc;
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
  overflow: hidden;
  padding: 15px 15px 15px 20px;
  display: flex;
  align-items: center;
}
.el-message.is-center {
  justify-content: center;
}

.el-message.is-closable .el-message__content {
  padding-right: 16px;
}

.el-message p {
  margin: 0;
}
.el-message--info .el-message__content {
  color: #909399;
}

.el-message--success {
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
}
.el-message--success .el-message__content {
  color: #13ce66;
}

.el-message--warning {
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
}
.el-message--warning .el-message__content {
  color: #ffba00;
}

.el-message--error {
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
}
.el-message--error .el-message__content {
  color: #ff4949;
}

.el-message__icon {
  margin-right: 10px;
}

.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}

.el-message__closeBtn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #C0C4CC;
  font-size: 16px;
}
.el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message__closeBtn:hover {
  color: #909399;
}

.el-message .el-icon-success {
  color: #13ce66;
}
.el-message .el-icon-error {
  color: #ff4949;
}
.el-message .el-icon-info {
  color: #909399;
}
.el-message .el-icon-warning {
  color: #ffba00;
}

.el-message-fade-enter,
.el-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}
.el-badge__content {
  background-color: #ff4949;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #FFFFFF;
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-50%) translateX(100%);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content--primary {
  background-color: #1890ff;
}

.el-badge__content--success {
  background-color: #13ce66;
}

.el-badge__content--warning {
  background-color: #ffba00;
}

.el-badge__content--info {
  background-color: #909399;
}

.el-badge__content--danger {
  background-color: #ff4949;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-card {
  border-radius: 4px;
  border: 1px solid #e6ebf5;
  background-color: #FFFFFF;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
}
.el-card.is-always-shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-card__header {
  padding: 18px 20px;
  border-bottom: 1px solid #e6ebf5;
  box-sizing: border-box;
}

.el-card__body {
  padding: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-rate {
  height: 20px;
  line-height: 1;
}
.el-rate:focus, .el-rate:active {
  outline-width: 0;
}
.el-rate__item {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
}

.el-rate__icon {
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin-right: 6px;
  color: #C0C4CC;
  transition: 0.3s;
}
.el-rate__icon.hover {
  transform: scale(1.15);
}
.el-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}

.el-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
}

.el-rate__text {
  font-size: 14px;
  vertical-align: middle;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-steps {
  display: flex;
}
.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: #F5F7FA;
}

.el-steps--horizontal {
  white-space: nowrap;
}

.el-steps--vertical {
  height: 100%;
  flex-flow: column;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-step {
  position: relative;
  flex-shrink: 1;
}
.el-step:last-of-type .el-step__line {
  display: none;
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  color: #303133;
  border-color: #303133;
}

.el-step__head.is-wait {
  color: #C0C4CC;
  border-color: #C0C4CC;
}

.el-step__head.is-success {
  color: #13ce66;
  border-color: #13ce66;
}

.el-step__head.is-error {
  color: #ff4949;
  border-color: #ff4949;
}

.el-step__head.is-finish {
  color: #1890ff;
  border-color: #1890ff;
}

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: #FFFFFF;
  transition: 0.15s ease-out;
}
.el-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit;
}

.el-step__icon.is-icon {
  width: 40px;
}

.el-step__icon-inner {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #C0C4CC;
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  transition: 0.15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.el-step__main {
  white-space: normal;
  text-align: left;
}

.el-step__title {
  font-size: 16px;
  line-height: 38px;
}
.el-step__title.is-process {
  font-weight: bold;
  color: #303133;
}

.el-step__title.is-wait {
  color: #C0C4CC;
}

.el-step__title.is-success {
  color: #13ce66;
}

.el-step__title.is-error {
  color: #ff4949;
}

.el-step__title.is-finish {
  color: #1890ff;
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.el-step__description.is-process {
  color: #303133;
}

.el-step__description.is-wait {
  color: #C0C4CC;
}

.el-step__description.is-success {
  color: #13ce66;
}

.el-step__description.is-error {
  color: #ff4949;
}

.el-step__description.is-finish {
  color: #1890ff;
}

.el-step.is-horizontal {
  display: inline-block;
}
.el-step.is-horizontal .el-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0;
}

.el-step.is-vertical {
  display: flex;
}
.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px;
}

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
  flex-grow: 1;
}

.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}

.el-step.is-vertical .el-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}

.el-step.is-center .el-step__head {
  text-align: center;
}

.el-step.is-center .el-step__main {
  text-align: center;
}

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%;
}

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%;
}

.el-step.is-simple {
  display: flex;
  align-items: center;
}
.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}

.el-step.is-simple .el-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px;
}
.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  word-break: break-all;
}

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: #C0C4CC;
}
.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-carousel {
  position: relative;
}
.el-carousel--horizontal {
  overflow-x: hidden;
}

.el-carousel--vertical {
  overflow-y: hidden;
}

.el-carousel__container {
  position: relative;
  height: 300px;
}

.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0.11);
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.el-carousel__arrow--left {
  left: 16px;
}

.el-carousel__arrow--right {
  right: 16px;
}

.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0.23);
}
.el-carousel__arrow i {
  cursor: pointer;
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.el-carousel__indicators--outside {
  bottom: 26px;
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: #C0C4CC;
  opacity: 0.24;
}

.el-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center;
}
.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
  padding: 2px 18px;
  font-size: 12px;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: 12px 4px;
}

.el-carousel__indicator--vertical {
  padding: 4px 12px;
}
.el-carousel__indicator--vertical .el-carousel__button {
  width: 2px;
  height: 15px;
}

.el-carousel__indicator.is-active button {
  opacity: 1;
}

.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: 30px;
  height: 2px;
  background-color: #FFFFFF;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: 0.3s;
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}
.el-carousel__item.is-active {
  z-index: 2;
}

.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: 2;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  opacity: 0.24;
  transition: 0.2s;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-collapse {
  border-top: 1px solid #e6ebf5;
  border-bottom: 1px solid #e6ebf5;
}

.el-collapse-item.is-disabled .el-collapse-item__header {
  color: #bbb;
  cursor: not-allowed;
}

.el-collapse-item__header {
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  background-color: #FFFFFF;
  color: #303133;
  cursor: pointer;
  border-bottom: 1px solid #e6ebf5;
  font-size: 13px;
  font-weight: 500;
  transition: border-bottom-color 0.3s;
  outline: none;
}
.el-collapse-item__arrow {
  margin: 0 8px 0 auto;
  transition: transform 0.3s;
  font-weight: 300;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: #1890ff;
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: #FFFFFF;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #e6ebf5;
}

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: 13px;
  color: #303133;
  line-height: 1.7692307692;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #e6ebf5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #e6ebf5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #e6ebf5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #e6ebf5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
  color: #1890ff;
}
.el-tag.is-hit {
  border-color: #1890ff;
}

.el-tag .el-tag__close {
  color: #1890ff;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag.el-tag--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
  color: #13ce66;
}
.el-tag.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag.el-tag--warning {
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
  color: #ffba00;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag.el-tag--danger {
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
  color: #ff4949;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}
.el-tag {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1890ff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #1890ff;
  border-color: #1890ff;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #1890ff;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(70.2, 166.2, 255);
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(166.2, 168.6, 173.4);
}
.el-tag--dark.el-tag--success {
  background-color: #13ce66;
  border-color: #13ce66;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(66.2, 215.8, 132.6);
}
.el-tag--dark.el-tag--warning {
  background-color: #ffba00;
  border-color: #ffba00;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 199.8, 51);
}
.el-tag--dark.el-tag--danger {
  background-color: #ff4949;
  border-color: #ff4949;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: rgb(255, 109.4, 109.4);
}

.el-tag--plain {
  background-color: white;
  border-color: rgb(162.6, 210.6, 255);
  color: #1890ff;
}
.el-tag--plain.is-hit {
  border-color: #1890ff;
}

.el-tag--plain .el-tag__close {
  color: #1890ff;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #1890ff;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: rgb(160.6, 235.4, 193.8);
  color: #13ce66;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #13ce66;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #13ce66;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: rgb(255, 227.4, 153);
  color: #ffba00;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #ffba00;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #ffba00;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ffba00;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: rgb(255, 182.2, 182.2);
  color: #ff4949;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #ff4949;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ff4949;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #e6ebf5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1890ff;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1890ff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #1890ff;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #1890ff;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 rgb(116.4, 188.4, 255);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #1890ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #e6ebf5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #1890ff;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  height: 40px;
}
.el-radio.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #e6ebf5;
}
.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}
.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.el-radio--mini.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #F5F7FA;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #C0C4CC;
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #1890ff;
  background: #1890ff;
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: #1890ff;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #1890ff;
}

.el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: #1890ff;
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #FFFFFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #1890ff;
}
.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 14px;
}
.el-cascader-panel.is-bordered {
  border: solid 1px #dfe4ed;
  border-radius: 4px;
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #606266;
  border-right: solid 1px #dfe4ed;
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #C0C4CC;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
}
.el-cascader-node.is-selectable.in-active-path {
  color: #606266;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: #1890ff;
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: #F5F7FA;
}
.el-cascader-node.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}

.el-cascader {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 40px;
}
.el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #C0C4CC;
}
.el-cascader .el-input {
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis;
}
.el-cascader .el-input .el-input__inner:focus {
  border-color: #1890ff;
}
.el-cascader .el-input .el-icon-arrow-down {
  transition: transform 0.3s;
  font-size: 14px;
}
.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.el-cascader .el-input .el-icon-circle-close:hover {
  color: #909399;
}
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: #1890ff;
}

.el-cascader--medium {
  font-size: 14px;
  line-height: 36px;
}

.el-cascader--small {
  font-size: 13px;
  line-height: 32px;
}

.el-cascader--mini {
  font-size: 12px;
  line-height: 28px;
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: 2;
  color: #C0C4CC;
}

.el-cascader__dropdown {
  margin: 5px 0;
  font-size: 14px;
  background: #FFFFFF;
  border: solid 1px #dfe4ed;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}
.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5;
}
.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__tags .el-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: #C0C4CC;
  color: #FFFFFF;
}
.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: #909399;
}

.el-cascader__suggestion-panel {
  border-radius: 4px;
}

.el-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #606266;
  text-align: center;
}

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
  background: #F5F7FA;
}
.el-cascader__suggestion-item.is-checked {
  color: #1890ff;
  font-weight: bold;
}
.el-cascader__suggestion-item > span {
  margin-right: 10px;
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: #C0C4CC;
}

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 15px;
  padding: 0;
  color: #606266;
  border: none;
  outline: none;
  box-sizing: border-box;
}
.el-cascader__search-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-cascader__search-input::placeholder {
  color: #C0C4CC;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px;
}
.el-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.el-color-predefine__color-selector {
  margin: 0 0 8px 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.el-color-predefine__color-selector:nth-child(10n+1) {
  margin-left: 0;
}
.el-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px #1890ff;
}
.el-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
  border-radius: 3px;
}
.el-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: #f00;
  padding: 0 2px;
}
.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  height: 100%;
}

.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.el-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
}
.el-color-svpanel__white, .el-color-svpanel__black {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.el-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.el-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.el-color-svpanel__cursor {
  position: absolute;
}
.el-color-svpanel__cursor > div {
  cursor: head;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}

.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 100%;
}

.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.el-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-dropdown {
  width: 300px;
}
.el-color-dropdown__main-wrapper {
  margin-bottom: 6px;
}
.el-color-dropdown__main-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-color-dropdown__btns {
  margin-top: 6px;
  text-align: right;
}

.el-color-dropdown__value {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #000000;
  width: 160px;
}

.el-color-dropdown__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-color-dropdown__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}
.el-color-dropdown__btn:hover {
  color: #1890ff;
  border-color: #1890ff;
}

.el-color-dropdown__link-btn {
  cursor: pointer;
  color: #1890ff;
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}
.el-color-dropdown__link-btn:hover {
  color: tint(#1890ff, 20%);
}

.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  height: 40px;
}
.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
}

.el-color-picker--medium {
  height: 36px;
}
.el-color-picker--medium .el-color-picker__trigger {
  height: 36px;
  width: 36px;
}
.el-color-picker--medium .el-color-picker__mask {
  height: 34px;
  width: 34px;
}

.el-color-picker--small {
  height: 32px;
}
.el-color-picker--small .el-color-picker__trigger {
  height: 32px;
  width: 32px;
}
.el-color-picker--small .el-color-picker__mask {
  height: 30px;
  width: 30px;
}
.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.8);
}

.el-color-picker--mini {
  height: 28px;
}
.el-color-picker--mini .el-color-picker__trigger {
  height: 28px;
  width: 28px;
}
.el-color-picker--mini .el-color-picker__mask {
  height: 26px;
  width: 26px;
}
.el-color-picker--mini .el-color-picker__icon,
.el-color-picker--mini .el-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.8);
}

.el-color-picker__mask {
  height: 38px;
  width: 38px;
  border-radius: 4px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, 0.7);
}

.el-color-picker__trigger {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  padding: 4px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-picker__color-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.el-color-picker__empty {
  font-size: 12px;
  color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.el-color-picker__icon {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
}

.el-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  box-sizing: content-box;
  background-color: #FFFFFF;
  border: 1px solid #e6ebf5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #ff4949;
}
.el-textarea.is-exceed .el-input__count {
  color: #ff4949;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #1890ff;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #1890ff;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #ff4949;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #ff4949;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 400;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button {
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #1890ff;
  border-color: rgb(185.7, 221.7, 255);
  background-color: rgb(231.9, 243.9, 255);
}
.el-button:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #1890ff;
  color: #1890ff;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: rgb(21.6, 129.6, 229.5);
  color: rgb(21.6, 129.6, 229.5);
  outline: none;
}

.el-button.is-active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: rgb(70.2, 166.2, 255);
  border-color: rgb(70.2, 166.2, 255);
  color: #FFFFFF;
}
.el-button--primary:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(139.5, 199.5, 255);
  border-color: rgb(139.5, 199.5, 255);
}
.el-button--primary.is-plain {
  color: #1890ff;
  background: rgb(231.9, 243.9, 255);
  border-color: rgb(162.6, 210.6, 255);
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #1890ff;
  border-color: #1890ff;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: rgb(116.4, 188.4, 255);
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
}

.el-button--success {
  color: #FFFFFF;
  background-color: #13ce66;
  border-color: #13ce66;
}
.el-button--success:hover, .el-button--success:focus {
  background: rgb(66.2, 215.8, 132.6);
  border-color: rgb(66.2, 215.8, 132.6);
  color: #FFFFFF;
}
.el-button--success:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(137, 230.5, 178.5);
  border-color: rgb(137, 230.5, 178.5);
}
.el-button--success.is-plain {
  color: #13ce66;
  background: rgb(231.4, 250.1, 239.7);
  border-color: rgb(160.6, 235.4, 193.8);
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #13ce66;
  border-color: #13ce66;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: rgb(113.4, 225.6, 163.2);
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #ffba00;
  border-color: #ffba00;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: rgb(255, 199.8, 51);
  border-color: rgb(255, 199.8, 51);
  color: #FFFFFF;
}
.el-button--warning:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(255, 220.5, 127.5);
  border-color: rgb(255, 220.5, 127.5);
}
.el-button--warning.is-plain {
  color: #ffba00;
  background: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 227.4, 153);
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #ffba00;
  border-color: #ffba00;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 213.6, 102);
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #ff4949;
  border-color: #ff4949;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: rgb(255, 109.4, 109.4);
  border-color: rgb(255, 109.4, 109.4);
  color: #FFFFFF;
}
.el-button--danger:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #ffa4a4;
  border-color: #ffa4a4;
}
.el-button--danger.is-plain {
  color: #ff4949;
  background: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 182.2, 182.2);
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #ff4949;
  border-color: #ff4949;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 145.8, 145.8);
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #FFFFFF;
}
.el-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.el-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #1890ff;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: rgb(70.2, 166.2, 255);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #e6ebf5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1890ff;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1890ff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #1890ff;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #1890ff;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 rgb(116.4, 188.4, 255);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #1890ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #e6ebf5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #1890ff;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-transfer {
  font-size: 14px;
}
.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}

.el-transfer__button {
  display: block;
  margin: 0 auto;
  padding: 10px;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #1890ff;
  font-size: 0;
}
.el-transfer__button.is-with-texts {
  border-radius: 4px;
}

.el-transfer__button.is-disabled {
  border: 1px solid #DCDFE6;
  background-color: #F5F7FA;
  color: #C0C4CC;
}
.el-transfer__button.is-disabled:hover {
  border: 1px solid #DCDFE6;
  background-color: #F5F7FA;
  color: #C0C4CC;
}

.el-transfer__button:first-child {
  margin-bottom: 10px;
}
.el-transfer__button:nth-child(2) {
  margin: 0;
}
.el-transfer__button i, .el-transfer__button span {
  font-size: 14px;
}
.el-transfer__button [class*=el-icon-] + span {
  margin-left: 0;
}

.el-transfer-panel {
  border: 1px solid #e6ebf5;
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.el-transfer-panel__body {
  height: 246px;
}
.el-transfer-panel__body.is-with-footer {
  padding-bottom: 40px;
}

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: 246px;
  overflow: auto;
  box-sizing: border-box;
}
.el-transfer-panel__list.is-filterable {
  height: 194px;
  padding-top: 0;
}

.el-transfer-panel__item {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  display: block !important;
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}
.el-transfer-panel__item.el-checkbox {
  color: #606266;
}
.el-transfer-panel__item:hover {
  color: #1890ff;
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 24px;
  line-height: 30px;
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px;
}

.el-transfer-panel__filter {
  text-align: center;
  margin: 15px;
  box-sizing: border-box;
  display: block;
  width: auto;
}
.el-transfer-panel__filter .el-input__inner {
  height: 32px;
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 16px;
  padding-right: 10px;
  padding-left: 30px;
}
.el-transfer-panel__filter .el-input__icon {
  margin-left: 5px;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-transfer-panel .el-transfer-panel__header {
  height: 40px;
  line-height: 40px;
  background: #F5F7FA;
  margin: 0;
  padding-left: 15px;
  border-bottom: 1px solid #e6ebf5;
  box-sizing: border-box;
  color: #000000;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  display: block;
  line-height: 40px;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  font-size: 16px;
  color: #303133;
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  position: absolute;
  right: 15px;
  color: #909399;
  font-size: 12px;
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: 40px;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e6ebf5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: #606266;
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding: 6px 15px 0;
  color: #909399;
  text-align: center;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 8px;
}
.el-transfer-panel .el-checkbox__inner {
  height: 14px;
  width: 14px;
  border-radius: 3px;
}
.el-transfer-panel .el-checkbox__inner::after {
  height: 6px;
  width: 3px;
  left: 4px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.el-container.is-vertical {
  flex-direction: column;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-header {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-main {
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-footer {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-timeline {
  margin: 0;
  font-size: 14px;
  list-style: none;
}
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  display: none;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.el-timeline-item__wrapper {
  position: relative;
  padding-left: 28px;
  top: -3px;
}

.el-timeline-item__tail {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #dfe4ed;
}

.el-timeline-item__icon {
  color: #FFFFFF;
  font-size: 13px;
}

.el-timeline-item__node {
  position: absolute;
  background-color: #dfe4ed;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-timeline-item__node--normal {
  left: -1px;
  width: 12px;
  height: 12px;
}

.el-timeline-item__node--large {
  left: -2px;
  width: 14px;
  height: 14px;
}

.el-timeline-item__node--primary {
  background-color: #1890ff;
}

.el-timeline-item__node--success {
  background-color: #13ce66;
}

.el-timeline-item__node--warning {
  background-color: #ffba00;
}

.el-timeline-item__node--danger {
  background-color: #ff4949;
}

.el-timeline-item__node--info {
  background-color: #909399;
}

.el-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-timeline-item__content {
  color: #303133;
}

.el-timeline-item__timestamp {
  color: #909399;
  line-height: 1;
  font-size: 13px;
}
.el-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 4px;
}

.el-timeline-item__timestamp.is-bottom {
  margin-top: 8px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.el-link.is-underline:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid #1890ff;
}

.el-link.is-disabled {
  cursor: not-allowed;
}

.el-link [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-link.el-link--default {
  color: #606266;
}
.el-link.el-link--default:hover {
  color: #1890ff;
}
.el-link.el-link--default:after {
  border-color: #1890ff;
}
.el-link.el-link--default.is-disabled {
  color: #C0C4CC;
}

.el-link.el-link--primary {
  color: #1890ff;
}
.el-link.el-link--primary:hover {
  color: rgb(70.2, 166.2, 255);
}
.el-link.el-link--primary:after {
  border-color: #1890ff;
}
.el-link.el-link--primary.is-disabled {
  color: rgb(139.5, 199.5, 255);
}

.el-link.el-link--primary.is-underline:hover:after {
  border-color: #1890ff;
}

.el-link.el-link--danger {
  color: #ff4949;
}
.el-link.el-link--danger:hover {
  color: rgb(255, 109.4, 109.4);
}
.el-link.el-link--danger:after {
  border-color: #ff4949;
}
.el-link.el-link--danger.is-disabled {
  color: #ffa4a4;
}

.el-link.el-link--danger.is-underline:hover:after {
  border-color: #ff4949;
}

.el-link.el-link--success {
  color: #13ce66;
}
.el-link.el-link--success:hover {
  color: rgb(66.2, 215.8, 132.6);
}
.el-link.el-link--success:after {
  border-color: #13ce66;
}
.el-link.el-link--success.is-disabled {
  color: rgb(137, 230.5, 178.5);
}

.el-link.el-link--success.is-underline:hover:after {
  border-color: #13ce66;
}

.el-link.el-link--warning {
  color: #ffba00;
}
.el-link.el-link--warning:hover {
  color: rgb(255, 199.8, 51);
}
.el-link.el-link--warning:after {
  border-color: #ffba00;
}
.el-link.el-link--warning.is-disabled {
  color: rgb(255, 220.5, 127.5);
}

.el-link.el-link--warning.is-underline:hover:after {
  border-color: #ffba00;
}

.el-link.el-link--info {
  color: #909399;
}
.el-link.el-link--info:hover {
  color: rgb(166.2, 168.6, 173.4);
}
.el-link.el-link--info:after {
  border-color: #909399;
}
.el-link.el-link--info.is-disabled {
  color: rgb(199.5, 201, 204);
}

.el-link.el-link--info.is-underline:hover:after {
  border-color: #909399;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-divider {
  background-color: #DCDFE6;
  position: relative;
}
.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
}

.el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
}

.el-divider__text {
  position: absolute;
  background-color: #FFFFFF;
  padding: 0 20px;
  font-weight: 500;
  color: #303133;
  font-size: 14px;
}
.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-image__error, .el-image__placeholder, .el-image__inner {
  width: 100%;
  height: 100%;
}

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.el-image__inner {
  vertical-align: top;
}
.el-image__inner--center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.el-image__placeholder {
  background: #F5F7FA;
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: #F5F7FA;
  color: #C0C4CC;
  vertical-align: middle;
}

.el-image__preview {
  cursor: pointer;
}

.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
}

.el-image-viewer__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 282px;
  height: 44px;
  padding: 0 23px;
  background-color: #606266;
  border-color: #fff;
  border-radius: 22px;
}
.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.el-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  left: 40px;
}

.el-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  right: 40px;
  text-indent: 2px;
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in 0.3s;
}

.viewer-fade-leave-active {
  animation: viewer-fade-out 0.3s;
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 400;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button {
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #1890ff;
  border-color: rgb(185.7, 221.7, 255);
  background-color: rgb(231.9, 243.9, 255);
}
.el-button:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #1890ff;
  color: #1890ff;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: rgb(21.6, 129.6, 229.5);
  color: rgb(21.6, 129.6, 229.5);
  outline: none;
}

.el-button.is-active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: rgb(70.2, 166.2, 255);
  border-color: rgb(70.2, 166.2, 255);
  color: #FFFFFF;
}
.el-button--primary:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(139.5, 199.5, 255);
  border-color: rgb(139.5, 199.5, 255);
}
.el-button--primary.is-plain {
  color: #1890ff;
  background: rgb(231.9, 243.9, 255);
  border-color: rgb(162.6, 210.6, 255);
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #1890ff;
  border-color: #1890ff;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: rgb(21.6, 129.6, 229.5);
  border-color: rgb(21.6, 129.6, 229.5);
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: rgb(116.4, 188.4, 255);
  background-color: rgb(231.9, 243.9, 255);
  border-color: rgb(208.8, 232.8, 255);
}

.el-button--success {
  color: #FFFFFF;
  background-color: #13ce66;
  border-color: #13ce66;
}
.el-button--success:hover, .el-button--success:focus {
  background: rgb(66.2, 215.8, 132.6);
  border-color: rgb(66.2, 215.8, 132.6);
  color: #FFFFFF;
}
.el-button--success:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(137, 230.5, 178.5);
  border-color: rgb(137, 230.5, 178.5);
}
.el-button--success.is-plain {
  color: #13ce66;
  background: rgb(231.4, 250.1, 239.7);
  border-color: rgb(160.6, 235.4, 193.8);
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #13ce66;
  border-color: #13ce66;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: rgb(17.1, 185.4, 91.8);
  border-color: rgb(17.1, 185.4, 91.8);
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: rgb(113.4, 225.6, 163.2);
  background-color: rgb(231.4, 250.1, 239.7);
  border-color: rgb(207.8, 245.2, 224.4);
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #ffba00;
  border-color: #ffba00;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: rgb(255, 199.8, 51);
  border-color: rgb(255, 199.8, 51);
  color: #FFFFFF;
}
.el-button--warning:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(255, 220.5, 127.5);
  border-color: rgb(255, 220.5, 127.5);
}
.el-button--warning.is-plain {
  color: #ffba00;
  background: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 227.4, 153);
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #ffba00;
  border-color: #ffba00;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: rgb(229.5, 167.4, 0);
  border-color: rgb(229.5, 167.4, 0);
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 213.6, 102);
  background-color: rgb(255, 248.1, 229.5);
  border-color: rgb(255, 241.2, 204);
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #ff4949;
  border-color: #ff4949;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: rgb(255, 109.4, 109.4);
  border-color: rgb(255, 109.4, 109.4);
  color: #FFFFFF;
}
.el-button--danger:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #ffa4a4;
  border-color: #ffa4a4;
}
.el-button--danger.is-plain {
  color: #ff4949;
  background: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 182.2, 182.2);
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #ff4949;
  border-color: #ff4949;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: rgb(229.5, 65.7, 65.7);
  border-color: rgb(229.5, 65.7, 65.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 145.8, 145.8);
  background-color: rgb(255, 236.8, 236.8);
  border-color: rgb(255, 218.6, 218.6);
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #FFFFFF;
}
.el-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.el-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #1890ff;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: rgb(70.2, 166.2, 255);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: rgb(21.6, 129.6, 229.5);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

.el-calendar {
  background-color: #fff;
}
.el-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #dfe6ec;
}

.el-calendar__title {
  color: #000000;
  align-self: center;
}

.el-calendar__body {
  padding: 12px 20px 35px;
}

.el-calendar-table {
  table-layout: fixed;
  width: 100%;
}
.el-calendar-table thead th {
  padding: 12px 0;
  color: #606266;
  font-weight: normal;
}
.el-calendar-table:not(.is-range) td.prev,
.el-calendar-table:not(.is-range) td.next {
  color: #C0C4CC;
}
.el-calendar-table td {
  border-bottom: 1px solid #dfe6ec;
  border-right: 1px solid #dfe6ec;
  vertical-align: top;
  transition: background-color 0.2s ease;
}
.el-calendar-table td.is-selected {
  background-color: #F2F8FE;
}

.el-calendar-table td.is-today {
  color: #1890ff;
}

.el-calendar-table tr:first-child td {
  border-top: 1px solid #dfe6ec;
}
.el-calendar-table tr td:first-child {
  border-left: 1px solid #dfe6ec;
}
.el-calendar-table tr.el-calendar-table__row--hide-border td {
  border-top: none;
}
.el-calendar-table .el-calendar-day {
  box-sizing: border-box;
  padding: 8px;
  height: 85px;
}
.el-calendar-table .el-calendar-day:hover {
  cursor: pointer;
  background-color: #F2F8FE;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-backtop {
  position: fixed;
  background-color: #FFFFFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #1890ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 5;
}
.el-backtop:hover {
  background-color: #F2F6FC;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-page-header {
  display: flex;
  line-height: 24px;
}
.el-page-header__left {
  display: flex;
  cursor: pointer;
  margin-right: 40px;
  position: relative;
}
.el-page-header__left::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #DCDFE6;
}
.el-page-header__left .el-icon-back {
  font-size: 18px;
  margin-right: 6px;
  align-self: center;
}
.el-page-header__title {
  font-size: 14px;
  font-weight: 500;
}

.el-page-header__content {
  font-size: 18px;
  color: #303133;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #e6ebf5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1890ff;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1890ff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #1890ff;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #1890ff;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #1890ff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 rgb(116.4, 188.4, 255);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #1890ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #e6ebf5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #e6ebf5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #1890ff;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  height: 40px;
}
.el-radio.is-bordered.is-checked {
  border-color: #1890ff;
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #e6ebf5;
}
.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}
.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.el-radio--mini.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #F5F7FA;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #dfe4ed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #C0C4CC;
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #1890ff;
  background: #1890ff;
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: #1890ff;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #1890ff;
}

.el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: #1890ff;
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #FFFFFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #1890ff;
}
.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 14px;
}
.el-cascader-panel.is-bordered {
  border: solid 1px #dfe4ed;
  border-radius: 4px;
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #606266;
  border-right: solid 1px #dfe4ed;
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #C0C4CC;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
}
.el-cascader-node.is-selectable.in-active-path {
  color: #606266;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: #1890ff;
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: #F5F7FA;
}
.el-cascader-node.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-avatar {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  color: #fff;
  background: #C0C4CC;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.el-avatar > img {
  display: block;
  height: 100%;
  vertical-align: middle;
}
.el-avatar--circle {
  border-radius: 50%;
}

.el-avatar--square {
  border-radius: 4px;
}

.el-avatar--icon {
  font-size: 18px;
}

.el-avatar--large {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.el-avatar--medium {
  width: 36px;
  height: 36px;
  line-height: 36px;
}

.el-avatar--small {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
@keyframes el-drawer-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rtl-drawer-in {
  0% {
    transform: translate(100%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes rtl-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(100%, 0px);
  }
}
@keyframes ltr-drawer-in {
  0% {
    transform: translate(-100%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ltr-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-100%, 0px);
  }
}
@keyframes ttb-drawer-in {
  0% {
    transform: translate(0px, -100%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ttb-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, -100%);
  }
}
@keyframes btt-drawer-in {
  0% {
    transform: translate(0px, 100%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes btt-drawer-out {
  0% {
    transform: translate(0px, 0);
  }
  100% {
    transform: translate(0px, 100%);
  }
}
.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  outline: 0;
}
.el-drawer.rtl {
  animation: rtl-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.rtl {
  animation: rtl-drawer-in 0.3s 1ms;
}
.el-drawer.ltr {
  animation: ltr-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.ltr {
  animation: ltr-drawer-in 0.3s 1ms;
}
.el-drawer.ttb {
  animation: ttb-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.ttb {
  animation: ttb-drawer-in 0.3s 1ms;
}
.el-drawer.btt {
  animation: btt-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.btt {
  animation: btt-drawer-in 0.3s 1ms;
}
.el-drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}
.el-drawer__header {
  align-items: center;
  color: rgb(114, 118, 123);
  display: flex;
  margin-bottom: 32px;
  padding: 20px;
  padding-bottom: 0;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 1rem;
}
.el-drawer__close-btn {
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: inherit;
  background-color: transparent;
}
.el-drawer__body {
  flex: 1;
  overflow: auto;
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.ltr, .el-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.el-drawer.ttb, .el-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.btt {
  bottom: 0;
}

.el-drawer__container {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.el-drawer-fade-enter-active {
  animation: el-drawer-fade-in 0.3s;
}

.el-drawer-fade-leave-active {
  animation: el-drawer-fade-in 0.3s reverse;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-statistic {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  text-align: center;
}
.el-statistic .head {
  margin-bottom: 4px;
  color: #606266;
  font-size: 13px;
}
.el-statistic .con {
  font-family: Sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #303133;
}
.el-statistic .con .number {
  font-size: 20px;
  padding: 0 4px;
}
.el-statistic .con span {
  display: inline-block;
  margin: 0;
  line-height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popconfirm__main {
  display: flex;
  align-items: center;
}

.el-popconfirm__icon {
  margin-right: 5px;
}

.el-popconfirm__action {
  text-align: right;
  margin: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-skeleton__item {
  background: #f2f2f2;
  display: inline-block;
  height: 16px;
  border-radius: 4px;
  width: 100%;
}

.el-skeleton__circle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.el-skeleton__circle--lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.el-skeleton__circle--md {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.el-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}

.el-skeleton__p {
  width: 100%;
}
.el-skeleton__p.is-last {
  width: 61%;
}

.el-skeleton__p.is-first {
  width: 33%;
}

.el-skeleton__text {
  width: 100%;
  height: 13px;
}

.el-skeleton__caption {
  height: 12px;
}

.el-skeleton__h1 {
  height: 20px;
}

.el-skeleton__h3 {
  height: 18px;
}

.el-skeleton__h5 {
  height: 16px;
}

.el-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.el-skeleton__image svg {
  fill: #DCDDE0;
  width: 22%;
  height: 22%;
}

@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.el-skeleton {
  width: 100%;
}
.el-skeleton__first-line {
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}

.el-skeleton__paragraph {
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}

.el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-skeleton__item {
  background: #f2f2f2;
  display: inline-block;
  height: 16px;
  border-radius: 4px;
  width: 100%;
}

.el-skeleton__circle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.el-skeleton__circle--lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.el-skeleton__circle--md {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.el-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}

.el-skeleton__p {
  width: 100%;
}
.el-skeleton__p.is-last {
  width: 61%;
}

.el-skeleton__p.is-first {
  width: 33%;
}

.el-skeleton__text {
  width: 100%;
  height: 13px;
}

.el-skeleton__caption {
  height: 12px;
}

.el-skeleton__h1 {
  height: 20px;
}

.el-skeleton__h3 {
  height: 18px;
}

.el-skeleton__h5 {
  height: 16px;
}

.el-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.el-skeleton__image svg {
  fill: #DCDDE0;
  width: 22%;
  height: 22%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 0;
}
.el-empty__image {
  width: 160px;
}
.el-empty__image img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
}
.el-empty__image svg {
  fill: #DCDDE0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: 20px;
}
.el-empty__description p {
  margin: 0;
  font-size: 14px;
  color: #909399;
}

.el-empty__bottom {
  margin-top: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-descriptions-item {
  vertical-align: top;
}
.el-descriptions-item__container {
  display: flex;
}
.el-descriptions-item__container .el-descriptions-item__label,
.el-descriptions-item__container .el-descriptions-item__content {
  display: inline-flex;
  align-items: baseline;
}
.el-descriptions-item__container .el-descriptions-item__content {
  flex: 1;
}

.el-descriptions-item__label.has-colon::after {
  content: ":";
  position: relative;
  top: -0.5px;
}
.el-descriptions-item__label.is-bordered-label {
  font-weight: bold;
  color: #909399;
  background: #fafafa;
}
.el-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 10px;
}

.el-descriptions-item__content {
  word-break: break-word;
  overflow-wrap: break-word;
}

.el-descriptions {
  box-sizing: border-box;
  font-size: 14px;
  color: #303133;
}
.el-descriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.el-descriptions__title {
  font-size: 16px;
  font-weight: bold;
}

.el-descriptions__body {
  color: #606266;
  background-color: #FFFFFF;
}
.el-descriptions__body .el-descriptions__table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
  box-sizing: border-box;
  text-align: left;
  font-weight: normal;
  line-height: 1.5;
}
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
  text-align: left;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
  text-align: center;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
  text-align: right;
}

.el-descriptions .is-bordered {
  table-layout: auto;
}
.el-descriptions .is-bordered .el-descriptions-item__cell {
  border: 1px solid #e6ebf5;
  padding: 12px 10px;
}
.el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 12px;
}
.el-descriptions--medium.is-bordered .el-descriptions-item__cell {
  padding: 10px;
}
.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 10px;
}

.el-descriptions--small {
  font-size: 12px;
}
.el-descriptions--small.is-bordered .el-descriptions-item__cell {
  padding: 8px 10px;
}
.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 8px;
}

.el-descriptions--mini {
  font-size: 12px;
}
.el-descriptions--mini.is-bordered .el-descriptions-item__cell {
  padding: 6px 10px;
}
.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 6px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-descriptions-item {
  vertical-align: top;
}
.el-descriptions-item__container {
  display: flex;
}
.el-descriptions-item__container .el-descriptions-item__label,
.el-descriptions-item__container .el-descriptions-item__content {
  display: inline-flex;
  align-items: baseline;
}
.el-descriptions-item__container .el-descriptions-item__content {
  flex: 1;
}

.el-descriptions-item__label.has-colon::after {
  content: ":";
  position: relative;
  top: -0.5px;
}
.el-descriptions-item__label.is-bordered-label {
  font-weight: bold;
  color: #909399;
  background: #fafafa;
}
.el-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 10px;
}

.el-descriptions-item__content {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 30px;
}
.el-result__icon svg {
  width: 64px;
  height: 64px;
}

.el-result__title {
  margin-top: 20px;
}
.el-result__title p {
  margin: 0;
  font-size: 20px;
  color: #303133;
  line-height: 1.3;
}

.el-result__subtitle {
  margin-top: 10px;
}
.el-result__subtitle p {
  margin: 0;
  font-size: 14px;
  color: #606266;
  line-height: 1.3;
}

.el-result__extra {
  margin-top: 30px;
}

.el-result .icon-success {
  fill: #13ce66;
}
.el-result .icon-error {
  fill: #ff4949;
}
.el-result .icon-info {
  fill: #909399;
}
.el-result .icon-warning {
  fill: #ffba00;
}

:export {
  theme: #1890ff;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/style/element-variables-dark.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 深色主题变量 */
/* 背景颜色 */
/* 文本颜色 */
/* 边框颜色 */
/* 组件颜色 */
/* 菜单颜色 */
/* 卡片颜色 */
/* 表格颜色 */
/* 导入Element UI变量 */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* 覆盖Element UI默认样式 */
/* 自定义深色主题样式 */
body.dark-theme {
  background-color: #1F1F1F;
  color: #E4E4E4;
}
body.dark-theme .el-container {
  background-color: #2C2C2C;
}
body.dark-theme .el-card {
  background-color: #2C2C2C;
  border-color: #4E4E4E;
}
body.dark-theme .el-card .el-card__header {
  background-color: #3A3A3A;
  border-bottom-color: #4E4E4E;
  color: #E4E4E4;
}
body.dark-theme .el-table {
  background-color: #3A3A3A;
}
body.dark-theme .el-table th {
  background-color: #3A3A3A;
  color: #E4E4E4;
  border-bottom-color: #4E4E4E;
}
body.dark-theme .el-table tr {
  background-color: #2C2C2C;
}
body.dark-theme .el-table tr:hover {
  background-color: #3A3A3A;
}
body.dark-theme .el-table tr.el-table__row--striped {
  background-color: #333333;
}
body.dark-theme .el-table td {
  border-bottom-color: #4E4E4E;
  color: #BFBFBF;
}
body.dark-theme .el-form-item__label {
  color: #E4E4E4;
}
body.dark-theme .el-input .el-input__inner {
  background-color: #3A3A3A;
  border-color: #4E4E4E;
  color: #E4E4E4;
}
body.dark-theme .el-input .el-input__inner:focus {
  border-color: #409EFF;
}
body.dark-theme .el-button.el-button--primary {
  background-color: #409EFF;
  border-color: #409EFF;
}
body.dark-theme .el-button.el-button--success {
  background-color: #67C23A;
  border-color: #67C23A;
}
body.dark-theme .el-button.el-button--warning {
  background-color: #E6A23C;
  border-color: #E6A23C;
}
body.dark-theme .el-button.el-button--danger {
  background-color: #F56C6C;
  border-color: #F56C6C;
}
body.dark-theme .el-button.el-button--info {
  background-color: #909399;
  border-color: #909399;
}
body.dark-theme .el-menu {
  background-color: #2C2C2C;
}
body.dark-theme .el-menu .el-menu-item {
  color: #BFBFBF;
}
body.dark-theme .el-menu .el-menu-item:hover {
  background-color: #3A3A3A;
  color: #E4E4E4;
}
body.dark-theme .el-menu .el-menu-item.is-active {
  background-color: #409EFF;
  color: #FFFFFF;
}
body.dark-theme .el-dialog {
  background-color: #3A3A3A;
  border-color: #4E4E4E;
}
body.dark-theme .el-dialog .el-dialog__header {
  border-bottom-color: #4E4E4E;
}
body.dark-theme .el-dialog .el-dialog__header .el-dialog__title {
  color: #E4E4E4;
}
body.dark-theme .el-dialog .el-dialog__footer {
  border-top-color: #4E4E4E;
}
body.dark-theme .el-popover {
  background-color: #3A3A3A;
  border-color: #4E4E4E;
  color: #E4E4E4;
}
body.dark-theme .el-checkbox__label {
  color: #E4E4E4;
}
body.dark-theme .el-radio__label {
  color: #E4E4E4;
}
body.dark-theme .el-select .el-select__input {
  color: #E4E4E4;
}
body.dark-theme .el-select .el-select__caret {
  color: #909399;
}
body.dark-theme .el-select .el-select-dropdown {
  background-color: #3A3A3A;
  border-color: #4E4E4E;
}
body.dark-theme .el-select .el-select-dropdown .el-option {
  color: #E4E4E4;
}
body.dark-theme .el-select .el-select-dropdown .el-option:hover {
  background-color: #3A3A3A;
}
body.dark-theme .el-select .el-select-dropdown .el-option:focus, body.dark-theme .el-select .el-select-dropdown .el-option:selected {
  background-color: #409EFF;
  color: #FFFFFF;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/style/print.css ***!
  \**************************************************************************************************************************************************************************/
/* 打印样式 */
@media print {
  /* 隐藏不需要打印的元素 */
  .navbar,
  .mobile-menu-btn,
  .service-submenu-wrapper,
  .product-center-submenu-wrapper,
  .hero-section,
  .navigation-menu,
  .cta-section,
  .footer {
    display: none !important;
  }
  
  /* 确保所有元素都能正确打印 */
  * {
    background: white !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  /* 调整页面边距和大小 */
  body {
    margin: 0;
    padding: 0;
    font-size: 12pt;
    line-height: 1.4;
  }
  
  /* 确保容器宽度适应打印页面 */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  
  /* 确保链接显示为文本 */
  a {
    color: black !important;
    text-decoration: underline !important;
  }
  
  /* 确保表格正确打印 */
  table {
    border-collapse: collapse !important;
    width: 100% !important;
  }
  
  table, th, td {
    border: 1px solid #000 !important;
  }
  
  /* 确保图片正确打印 */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* 确保块级元素正确打印 */
  div {
    page-break-inside: avoid;
  }
  
  /* 确保标题不被分页 */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  
  /* 确保列表正确打印 */
  ul, ol {
    page-break-inside: avoid;
  }
  
  /* 确保代码块正确打印 */
  pre, code {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
  }
  
  /* 确保表单元素正确打印 */
  input, textarea, select {
    border: 1px solid #000 !important;
    background: white !important;
    color: black !important;
  }
  
  /* 确保按钮正确打印 */
  button {
    border: 1px solid #000 !important;
    background: white !important;
    color: black !important;
  }
}