/*tony维护*/
.container { padding:0 1rem;}

body { background-color:#d7decb; min-width:320px; max-width:640px;}

header { min-height:4rem;}
header>.titler { z-index:9999; position:fixed; display:flex; background-color:#c7d1b6; width:100%; max-width:640px; height:4rem; margin:0; padding:0;}
header>.titler>span { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:2rem; margin:auto; padding:1rem 0; color:#333; text-align:center; font-size:1.2rem;}
header>.titler>span.row2 { line-height:1.4rem; padding:0.6rem 0; font-size:1rem;}
header>.titler>div { z-index:1000; position:relative; width:4rem; height:100%;}
header>.titler>div>a.back { cursor:pointer; display:inline-block; background:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="%23444444" class="bi bi-person-fill" viewBox="0 0 16 16"%3e%3cpath fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/%3e%3c/svg%3e') center no-repeat; width:2rem; height:2rem; margin:1rem;}
header>.titler>div>img { height:3rem; margin:0.5rem;}
header>.titler>div svg { width:2rem; margin:1rem;}
header>.titler>.menu>i { cursor:pointer; display:inline-block; background:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="%23444444" class="bi bi-three-dots" viewBox="0 0 16 16"%3e%3cpath d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/%3e%3c/svg%3e') center no-repeat; width:2rem; height:2rem; margin:1rem;}
header>.titler>.menu>dl { display:none; position:absolute; top:4rem; right:0; background-color:rgba(250,250,250,.9); white-space:nowrap; min-width:8rem; padding:0.5rem 0; border:1px solid #CCC; border-top:0; color:#999;}
header>.titler>.menu>dl>dt { border-top:1px solid #CCC;}
header>.titler>.menu>dl>dd { line-height:1.2; margin:1rem 0; margin-left:1rem; padding:0 1rem;}
header>.titler>.menu>dl>dd>a { display:block; color:#666;}
header>.titler>.menu>dl>dd>a:hover { color:#b30d2a; text-decoration:none;}

#pic { display:none; z-index:10000; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.9);}
#pic>img { position:absolute; max-width:100%; max-height:100%; left:50%; top:50%;}
#navmap { display:none; z-index:10000; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.3); width:100%; height:100%;}
#navmap>div { position:absolute; top:50%; left:50%; background:#FFF; width:12rem; margin-left:-6rem; margin-top:-5rem; padding:1.2rem 0; border-radius:0.5rem; text-align:center;}
#navmap>div>a { display:block; line-height:4rem; font-size:1.25rem; font-weight:300;}
#navmap>div>a>img { margin-right:0.5rem;}

footer>div.row>div>img { height:3rem; opacity:0.4; filter:alpha(opacity=40); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
footer>div.text-center>div.container { max-width:640px;}
footer>div.text-center>div.fixed { z-index:1000; position:fixed; bottom:0.5rem; color:#FFF!important; text-shadow:0 0 0.3rem rgba(0,0,0,1);}
footer>div.text-center>p { display:block; margin:0.25rem; font-size: 90%;}
footer>a.top { z-index:10000; position:fixed; right:0.25rem; bottom:0.25rem; opacity:0.6; filter:alpha(opacity=60);}
footer>a.cart { z-index:10000; position:fixed; left:0; bottom:0; background-color:#FC0; padding:0.5rem; border-radius:50%;}
footer>a.cart>i { display:block; background:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-cart4" viewBox="0 0 16 16" color="white"%3e%3cpath d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l.5 2H5V5H3.14zM6 5v2h2V5H6zm3 0v2h2V5H9zm3 0v2h1.36l.5-2H12zm1.11 3H12v2h.61l.5-2zM11 8H9v2h2V8zM8 8H6v2h2V8zM5 8H3.89l.5 2H5V8zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/%3e%3c/svg%3e') center no-repeat; width:2rem; height:2rem;}

main.login { width:18rem; margin:auto; padding:0;}
main.login>dl { width:100%; overflow:hidden; margin-top:3rem; border:1px solid #6D3406; border-radius:0.3rem;}
main.login>dl>dt { background-color:rgba(109,52,6,0.8); line-height:2.5rem; margin-bottom:2rem; padding-left:0.5rem; color:#FFF; text-align:center; font-size:1.2rem; font-weight:normal; letter-spacing:0.5rem;}
main.login>dl>dd { display:block; width:14rem; margin:0 auto 1rem;}
main.login>dl>dd.row>input { width:100%; padding:0 0.5rem; line-height:1.8rem; outline:none;}
main.login>dl>dd.txt { display:flex; overflow:hidden; white-space:nowrap; border:1px solid #666; border-radius:0.25rem;}
main.login>dl>dd.txt>span { float:left; background-color:#CCC; width:2.2rem; height:2.2rem; border-right:1px solid #666; color:#FFF; text-align:center;}
main.login>dl>dd.txt>span>svg { width:1.2rem; height:1.2rem; margin:0.5rem;}
main.login>dl>dd.txt>input { width:11.8rem; margin:0; padding:0 0.5rem; line-height:2.2rem; border:0; outline:none;}
main.login>dl>dd.txt>input.check { width:6.8rem; letter-spacing:0.5rem;}
main.login>dl>dd.txt>img { float:right; background-color:#FFF; width:5rem; height:2.2rem; border:0;}
main.login>dl>dd.cmd { margin-top:1.5rem; margin-bottom:2rem;}
main.login>dl>dd.cmd>input { background-color:rgba(109,52,6,0.3); width:100%; height:2.4rem; border:1px solid #999; border-radius:0.25rem;}
main.login>ul { list-style:none; margin:1rem 0; padding:0; text-align:center; font-size:0;}
main.login>ul>li { display:inline-block; width:50%; margin:0.5rem 0; font-size:1rem;}
main.login>ul>li>a { color:#666;}
main.login>ul>li>a:hover { color:#F8B62C; text-decoration:none;}
main.login>ul>li>a>img { width:1.5rem; margin-right:0.5rem;}

main { margin-bottom:5rem; padding:0 1rem;}
main a { color:#6D3406;}
main a:hover { color:#F8B62C;}
main>a.more { display:block; background-color:#EEE; line-height:2; border-radius:0.5rem; color:#FFF; text-align:center;}
main .no { display:block!important; background-color:transparent!important; line-height:2; margin-top:0.5rem; padding:1rem 0; border-top:1px dotted #CCC; color:#DDD; text-align:center; font-size:1rem;}
main .no>div { color:#999;}
main .no>div>a { display:inline-block; background-color:#F90; margin:0 0.5rem; padding:0 0.75rem; border-radius:0.5rem; color:#FFF;}
main .top_line { margin:-1rem -1rem 1rem; border-top:1px solid #FC0;}
main .titler { display:block; background-color:#FC0; line-height:2rem; margin:-1rem -1rem 1rem; padding:0.5rem 1rem; color:#FFF; font-size:1.2rem;}
main .titler>a.pay { z-index:0; position:relative; display:inline-block; background-color:#FFC; margin-left:1rem; padding:0 0.75rem; border-radius:1rem; color:#F60; font-size:1rem; text-decoration:none;}
main .titler>a.pay>i { position:absolute; top:-0.25rem; right:-0.5rem; display:block; background-color:#F00; width:1.2rem; line-height:1.2rem; white-space:nowrap; overflow:hidden; border-radius:50%; color:#FFF; text-align:center; font-size:0.5rem; font-style:normal;}
main .titler>a.del { cursor:pointer; background-color:#FFF; float:right; padding:0 0.75rem; border-radius:1rem; color:#F90; font-size:1rem; text-decoration:none;}

main>#myfocus { margin:1px -1rem 1rem;}

main>.user { max-width:18rem; margin:auto; color:#666;}
main>.user>dl {}
main>.user>dl>dt>img { display:block; background-color:#EEE; width:7rem; height:7rem; margin:2rem auto 1rem; border-radius:50%;}
main>.user>dl>dd { margin:0.5rem 0;}
main>.user>dl>dd>b>span { display:inline-block; width:3rem; text-align:justify; text-align-last:justify; vertical-align:middle;}
main>.user>dl>dd>span.sel { line-height:1.8rem;}
main>.user>dl>dd>span.sel>label { margin:0; margin-left:0.25rem; margin-right:1rem;}
main>.user>.info { display:block; margin:0.5rem 0; color:#090; text-align:center;}
main>.user>input[type=submit] { display:block; background-color:#F8B62C; width:100%; line-height:2.5rem; margin:1rem auto; border:1px solid #CCC; border-radius:0.3rem; color:#FFF; text-align:center;}
main>.user>a { display:block; background-color:#EEE; line-height:2.5rem; margin:0.75rem auto; border:1px solid #CCC; border-radius:0.3rem; color:#666; text-align:center;}

main>.user_info { display:block; margin:2rem 0; text-align:center;}
main>.user_info>img { display:inline-block; max-width:85%; margin:2rem auto 0;}
main>.user_info>b { color:#3BB5C5;}
main>.user_info>.qr { z-index:0; position:relative; margin:1rem 0;}
main>.user_info>.qr>a { cursor:pointer; position:absolute; left:50%; top:0; background-color:rgba(255,255,255,0.9); width:256px; line-height:256px; margin-left:-128px; font-weight:bold;}
main>.user_info>.qr>p { margin:0;}
main>.user_info>.qr>p>img { width:256px; height:256px;}
main>.finish { z-index:0; position:relative; width:100%; height:100%; min-height:450px; padding-top:3rem; text-align:center;}
main>.finish>svg { width:3rem; color:#090;}
main>.finish>span { display:block; margin-top:1rem; font-size:1.2rem;}
main>.finish>i { display:inline-block; background-color:#EEE; margin-top:1rem; padding:1rem 2rem; border:1px solid #CCC; border-radius:0.5rem; color:#666; font-style:normal;}
main>.finish>div { position:absolute; bottom:0; width:100%;}
main>.finish>div>a { cursor:pointer; display:block; background-color:#EEE; width:8rem; margin:0.75rem auto 0; padding:0.5rem 0; border:1px solid #CCC; border-radius:0.25rem; color:#090!important;}
main>.finish>div>a.main { background-color:#090; border-color:#090; color:#FFF!important;}

.course>dl.info { margin-bottom:5rem;}
.course>dl.info>dt { display:block; margin:1rem 0; text-align:center; font-size:1.2rem;}
.course>dl.info>dd { margin-bottom:1rem;}
.course>dl.info>dd>strong { display:block;}
.course>dl.info>dd>img { max-width:100%;}
.course>dl.info>dd>i { color:#CCC; font-size:1rem; font-style:normal;}
.course>dl.info>dd>p { text-align:right;}
.course>dl.info>dd>u { display:block; margin-bottom:1rem;}
.course>.pics { margin:0 -1rem;}
.course>.pics>img { width:100%;}
.course>.title { background-color:#7CA178; line-height:1.2; margin:1px -1rem; padding:0.75rem 0; color:#FFF; text-align:center;}
.course>.title>b { font-size:2rem;}
.course>.title>span { font-size:1.3rem;}
.course>.body {}
.course>.body>.price { width:13rem; line-height:1.2; margin:1rem 0 1rem -0.5rem; border:1px solid #FE5150; border-left:0; border-radius:0 0.5rem 0.5rem 0;}
.course>.body>.price>div { padding:0.5rem 0 0.5rem 0.8rem; border:3px double #FE5150; border-left:0; border-radius:0 0.5rem 0.5rem 0; color:#FE5150;}
.course>.body>.price>div>b { display:inline-block; margin:0.25rem 0 0.5rem; transform:scaleY(2); font-weight:800;}
.course>.body>.price>div>span { font-size:1.2rem;}
.course>.body>.times { margin:1rem 0;}
.course>.body>.times>span { font-size:1.2rem;}
.course>.body>.info { line-height:1.2; margin:1rem 0; font-size:0.8rem;}
.course>.body>.info>b { line-height:1.5;}
.course>.body>dl { margin:4rem 0;}
.course>.body>dl>dt { line-height:1.2; margin:2rem 0 2rem 3rem; padding:0.25rem 0; border-bottom:2px dashed #7CA178; font-size:1.5rem; font-weight:normal;}
.course>.body>dl>dt>span { font-size:2rem;}
.course>.body>dl>dd { display:block; margin-bottom:1rem; border-bottom:2px dotted #7CA178;}
.course>.body>dl>dd>div { margin-bottom:0.5rem; padding-left:0.5rem; font-size:1.5rem;}
.course>.body>dl>dd>div>b { color:#7CA178;}
.course>.body>dl>dd>img { width:100%;}
.course>.body>dl>dd>p { margin-bottom:1rem; padding:1rem 0 1rem 2rem;}
.course>.price { position:fixed; left:0; bottom:0; background-color:#EEE; width:100%; height:3rem; line-height:3rem; border-top:1px solid #CCC;}
.course>.price>span { margin-left:1rem; color:#7CA178; font-size:1.2rem;}
.course>.price>a { float:right; background-color:#7CA178; width:8rem; height:100%; color:#FFF; text-align:center;}
.course>dl.photo { margin:3rem 0; font-size:0;}
.course>dl.photo>dt { display:block; background-color:#A4BDA0; width:50%; min-width:250px; margin:2rem auto; border:3px solid #333; text-align:center; font-size:1.5rem;}
.course>dl.photo>dt>b { display:block; background-color:#FFF; margin:-9px 6px 6px -9px; padding:1rem 0; border:3px solid #333; font-weight:normal;}
.course>dl.photo>dd { display:inline-block; width:100%; padding:0.5rem;}
.course>dl.photo>dd>img { width:100%; border-radius:0.5rem;}
.course>dl.photo>dd>span { display:block; color:#999; text-align:center; font-size:1rem;}
.course>.logo { clear:both; margin:1rem 0 4rem; text-align:center;}
.course>.logo>img { max-width:8rem;}
.course>.logo>div { display:block;}
.course>.logo>div>span { color:#999;}

@media (min-width: 992px){
    header .nav-item + .nav-item { padding-left:0.3rem;}
    header .nav-item + .nav-item::before { display:inline-block; padding-right:0.1rem; color:#6c757d; content:"/";}
}
@media (max-width: 991.99px){
}
@media (min-width: 768px){
    header>nav.navbar div.container { display:initial;}
    header>nav.navbar div.navbar-brand { float:left; margin:0 0.5rem;}
    header>nav.navbar div.navbar-collapse .navbar-nav { padding-top:1.25rem;}
    header>nav.navbar div.navbar-collapse .nav-item { white-space:nowrap;}
    header>nav.navbar div.navbar-collapse .nav-link { display:initial; padding:0.2rem 0.4rem; border-radius:0.25rem;}
    header>nav.navbar div.navbar-collapse a { color:#6D3406;}
    header>nav.navbar div.navbar-collapse a:hover { color:#F8B62C;}
}
@media (max-width: 767.99px){
    header>nav.navbar div.navbar-collapse .navbar-nav { padding:0.5rem 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
    header>nav.navbar div.navbar-collapse .nav-link { padding:0.4rem 1rem;}
    header>nav.navbar div.navbar-collapse a { color:rgba(0,0,0,.5);}
    header>nav.navbar div.navbar-collapse a:hover { color:#6D3406;}
}