/* style.css 精简版：仅保留首页用到的样式，由原 style.css 自动生成（原文件保留给 static/index.html） */
body, html { overflow-x: hidden }
body { font-family: 'Raleway', sans-serif; color: #666666; font-size: 16px; font-weight: 400 }
ul { padding: 0; margin: 0 }
a { text-decoration: none; color: #2f2f2f }
a:hover, a:focus { outline: none; text-decoration: none }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin-top: 0 }
h1 { font-size: 38px }
h2 { font-size: 32px; line-height: 1.13 }
h3 { font-size: 58px }
h4 { font-size: 22px }
h5 { font-size: 26px }
h6 { font-size: 18px }
img { border: none; max-width: 100% }
code { background-color: #ee6e73; border-radius: 2px; color: #fff; padding: 2px 4px }
pre { background-color: #f8f8f8; border: 1px solid #eee; border-radius: 4px; padding: 10px }
pre code { background-color: transparent; color: #333333 }
del { text-decoration-color: #ee6e73 }
kbd { background-color: #ddd; padding: 4px 6px; border-radius: 2px }
address { line-height: 1.5; padding-left: 10px }
dl dt { font-weight: 700 }
dl dd { margin-left: 0 }
blockquote { background-color: #f8f8f8; border-radius: 0 4px 4px 0; color: #323232; padding: 15px 15px; border-left: 5px solid #0091ea; font-weight: 600 }
blockquote p { margin-top: 10px }
button { padding: 5px 15px; border: none }
button:focus { outline: none; border: none }
iframe { border: none }
.mu-primary-btn { background-color: #fff; color: #000; display: inline-block; font-size: 28px; padding: 15px 70px; text-transform: uppercase; font-weight: 700; border-radius: 35px }
.mu-primary-btn:hover, .mu-primary-btn:focus { color: #000 }
.scrollToTop { background-color: #0091ea; bottom: 60px; color: #ffffff; display: none; font-size: 30px; line-height: 50px; position: fixed; right: 20px; text-align: center; text-decoration: none; width: 55px; z-index: 999; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; height: 55px }
.scrollToTop:hover, .scrollToTop:focus { color: #fff }
a:hover, a:focus, .mu-logo, .mu-logo:hover, .mu-logo:focus { color: #0091ea }
.scrollToTop { background-color: #0091ea }
#mu-hero { display: inline; float: left; width: 100%; position: absolute; z-index: 999 }
.mu-logo span { display: inline-block }
.mu-logo img { margin-top: 0; width: 440px }
.mu-navbar-nav { display: block; text-align: right; width: 100% }
.mu-navbar-nav li { list-style: none; display: inline-block }
.mu-navbar-nav li a { color: #fefeff; display: block; font-size: 17px; font-weight: 700; text-transform: uppercase; padding: 9px 18px; border-radius: 5px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }
.mu-navbar-nav li.active a, .mu-navbar-nav li a:hover, .mu-navbar-nav li a:focus { background-color: #e6f7ff; color: #0091ea }
.mu-single-slide { display: inline; float: left; position: relative; width: 100% }
.mu-single-slide:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.8; z-index: 10 }
.mu-single-slide-content-area { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; z-index: 99; padding: 12% 16% }
.mu-single-slide-content { display: inline; float: left; text-align: center; width: 100% }
.mu-single-slide-content h1 { color: #fff; text-transform: uppercase; font-size: 48px; margin-bottom: 30px }
.mu-single-slide-content p { color: #fff; font-size: 24px; margin-bottom: 15px }
.mu-single-slide-content a { margin-top: 30px }
.mu-title { display: inline; float: left; text-align: center; width: 100%; margin-bottom: 35px; padding: 0 40px }
.mu-title h2 { color: #323232; font-size: 30px; text-transform: uppercase; margin-bottom: 15px }
.mu-title p { color: #000; font-size: 30px; text-transform: uppercase; margin-bottom: 15px }
.success { padding: 1em; margin-bottom: 0.75rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; -webkit-border-radius: 4px; border-radius: 4px }
.error { padding: 1em; margin-bottom: 0.75rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #b94a48; background-color: #f2dede; border: 1px solid rgba(185, 74, 72, 0.3); -webkit-border-radius: 4px; border-radius: 4px }
@media (max-width: 1199px) {
.mu-single-slide-content-area { padding: 9% 10% }
}
@media (max-width: 991px) {
.mu-navbar-nav { display: flex; text-align: left; width: 100%; margin-top: 10px }
.mu-navbar-nav li { margin-bottom: 10px }
.mu-single-slide-content-area { padding: 6% 10% }
.mu-single-slide-content h1 { font-size: 35px; margin-bottom: 20px }
.mu-primary-btn { padding: 15px 40px }
.mu-single-slide-content a { margin-top: 15px }
.mu-title { padding: 0 10% }
}
@media (max-width: 767px) {
.mu-title { padding: 0 }
.mu-title { margin-bottom: 25px }
}
@media (max-width: 640px) {
.mu-single-slide-content h1 { font-size: 25px; margin-bottom: 10px }
.slick-next { right: 10px }
.slick-prev { left: 10px }
.mu-single-slide-content-area { padding: 6% 0% }
.mu-single-slide-content a { margin-top: 0 }
.mu-single-slide-content p { margin-bottom: 15px }
.mu-primary-btn { padding: 12px 28px; font-size: 14px }
}
@media (max-width: 480px) {
.mu-single-slide-content a.mu-primary-btn { display: none }
.mu-title h2 { font-size: 25px; margin-bottom: 10px }
.slick-next, .slick-prev { width: 40px; height: 40px }
.slick-prev::before, .slick-next::before { font-size: 20px }
.scrollToTop { font-size: 25px; line-height: 43px; width: 45px; height: 45px }
}
@media (max-width: 360px) {
.mu-single-slide-content h1 { font-size: 18px; margin-bottom: 5px }
.mu-single-slide-content p { margin-bottom: 0; font-size: 12px }
.mu-title h2 { font-size: 22px }
h1 { font-size: 30px }
h2 { font-size: 25px; line-height: 1.13 }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 16px }
h6 { font-size: 14px }
}
@media (max-width: 320px) {
.mu-single-slide-content-area { padding: 2% 0% }
}
@media (max-width: 600px) {
.pay-info { width: 350px !important }
}
.step { margin-top: 20px; font-size: 14px; font-weight: 900 !important; background-color: #595959; color: #fff; border-radius: 16px; padding: 4px 10px !important }
.step_span { margin-left: 30px; font-size: 20px; color: #262626; font-weight: 600 }
.pay { margin-bottom: 40px }
.pay-info { width: 550px; border: 1px solid #ccc; margin-left: 15px; padding: 20px 10px; font-size: 18px }
.pay-info div { margin-bottom: 10px }
.pay-info .left { float: left }
.pay-info .right { float: right }
.pay-info .jihua {  }
.pay-info .zongji { margin-top: 10px; font-size: 20px; color: #000; font-weight: 600 }
.hr { border-bottom: 1px solid #ddd }
.beizhu { font-size: 14px }
.ppp { color: #fff; z-index: 1000; display: table; padding: 3px 20px; background-color: #f64f64; border-radius: 25px; position: absolute; top: -24px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: background-color .25s ease-out; font-size: 13px }
.ppp span { line-height: 24px }
.ppp span:after { content: ""; position: absolute; border-color: #f64f64 transparent; border-style: solid; border-width: 6px 6px 0; height: 0; width: 0; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); transition: border-color .25s ease-out }
.plan.selected .ppp { background-color: #0091ea }
.plan.selected .ppp span:after { border-color: #0091ea transparent }
h3 { color: #222 }
.jieshao { text-align: center; margin-bottom: 25px }
.jieshao p { color: #000 }
.jieshao h6 { font-size: 16px; color: #000; margin-bottom: 15px }
.jihua-card { width: 140px; height: 168px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 0 10px #ccc; position: relative }
.div-left { text-align: left; margin: 0px auto 0px auto }
.div-right { text-align: right; margin: 0px auto 0px auto }
.jihua-card .price { width: 66px; height: 66px; border-radius: 33px; margin: 20px auto 30px auto }
.c1 { color: #000 }
.c2 { color: #000 }
.c3 { color: #000 }
.c4 { color: #000 }
.cs1 { line-height: 30px }
.cs2 { line-height: 30px }
.cs3 { line-height: 30px }
.cs4 { line-height: 30px }
.price-ribbon { position: absolute; top: 10px; left: -20px; width: 60px; font-size: 15px !important; text-transform: uppercase; font-weight: 300; padding: 3px 15px 3px 5px; color: #fff; background-color: #D91E18; text-shadow: 0 1px 2px #bbb; -webkit-box-shadow: 0 2px 4px #888; -moz-box-shadow: 0 2px 4px #888; box-shadow: 0 2px 4px #888 }
.price-ribbon:after { content: ' '; position: absolute; width: 0; left: 0; top: 100%; border-width: 5px 10px; border-style: solid; border-color: #64120f #64120f transparent transparent }
.selected .price-ribbon { background-color: #0091ea }
.selected .price-ribbon:after { border-color: #0050b3 #0050b3 transparent transparent }
.jihua-card .price div { font-size: 32px; text-align: center; padding-top: 5px }
.jihua-card .jh3 { font-size: 16px; font-weight: 500; text-align: center; margin-top: -30px; color: #262626 }
.xiushi { position: absolute; font-size: 12px; top: 66px; right: 56px; color: #8c8c8c }
.jh3 .zhekou { font-size: 20px; border: 1px solid #d4380d; padding: 2px 20px; border-radius: 4px; color: #d4380d }
.selected .price { background-color: #fff !important }
.xtaocan .selected { border: 2px solid #0091ea !important; border-style: inset }
.vip button { width: 60px !important; height: 60px !important; padding: 0; background-color: #fff; border-radius: 30px }
.select-button { border: 2px solid #0091ea !important }
.vip { padding: 0 20px }
.vip span { width: 32%; text-align: center; margin-bottom: 10px }
thead { display: table-header-group; vertical-align: middle; border-color: inherit }
.ant-table table { width: 100%; text-align: center; border-radius: 4px 4px 0 0; border-collapse: separate; border-spacing: 0 }
table { display: table; border-collapse: separate; border-spacing: 2px; border-color: grey }
.ant-table { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #314659; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; clear: both; border-top: 1px solid #bfbfbf; border-left: 1px solid #ccc }
.ant-table-thead p { text-align: center; font-size: 30px; font-weight: 400 !important }
.ant-table-thead tr { height: 80px; background-color: #e8e8e8 }
.ant-table-thead tr th { border-right: 1px solid #e8e8e8 }
.ant-table-tbody tr td { height: 80px; border-right: 1px solid #ccc; border-bottom: 1px solid #e8e8e8 }
.ant-table-tbody .details td { height: 60px !important; font-size: 18px !important }
.ant-table-tbody p { font-size: 14px !important; color: #000 }
.liangnian { color: #f5222d !important }
.kexuan { position: relative }
.kexuan:hover { border: 2px solid #0091ea; cursor: pointer }
.kexuan.active { border: 2px solid #0091ea }
.kexuan.active i { color: #0091ea !important }
.yinian { font-size: 24px }
.discountInfo { width: 88px; height: 88px; position: absolute; left: -8px; top: -7px; background-size: 100% 100%; z-index: 20 }
.discountInfo p { position: absolute; right: 10px; top: 11px; font-size: 12px; color: #FFF; width: 100%; text-align: center; margin: 0; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg) }
.active .ppp { background-color: #0091ea }
.active .ppp span:after { border-color: #0091ea transparent }