*{ margin:0; padding:0}
body,html {background:#fff !important; padding-bottom:40px; padding-top: 0 !important; font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;  color:#333; font-size:3.4vw; max-width: 720px; margin: 0 auto;}

/* 桌面端封顶：根字体冻结在 720px 设计宽度的 3.4vw（=24.48px），避免整屏 vw 放大；
   与 common/header 内的 JS rem 脚本等效，覆盖未继承 header 的独立页面（认证/头像页） */
@media (min-width: 720px) {
    html, body { font-size: 24.48px; }
}
.font12{ font-size:0.9rem;}
.font13{ font-size:1.02rem;}
.font14{ font-size:1.1rem;}
.font15{ font-size:1.2rem;}
.font16{ font-size:1.3rem;}
.hei { color:#333; }
.shadow { width:100%; height:100%; background:#000; position:fixed; top:0; left:0; z-index:800;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3; opacity: 0.3; display:none }
#fake-search {padding:0 10px}
.fakeInput {height:38px;margin:0 auto;border-radius:50%;}
.fakeInput .search_text {width:85%;height:38px;line-height:38px;color:#999;border:0;margin-left:0px;overflow:hidden;float:left;text-indent:10px;}
.fakeInput .search_submit {width:37px;height:38px;line-height:38px;text-indent:8px;color:#999;border:0;text-align:left;margin:0;padding:0;float:right;background:url(../Images/search_r.png) no-repeat;}
.flex {padding:0;margin:0;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:space-around;}
.flex-f-row {-webkit-flex-flow:row;}
.flex_in {-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;}
.toplv { line-height: 3.5rem; background: #00ce65;  padding: 0 1rem}
.toplv,.toplv a {color: #fff !important;font-size: 1.1rem;}
.toplv .da { font-size: 1.4rem}
.toplv img { width: 1.3rem; margin-right: 5px; position: relative; bottom: -1px;}

.indactiveBox .hea {font-size: 1.2rem;color:#333; }
.indactiveBox .member-row2 { color:#888;  padding:15px; line-height: 2.5rem}
.indactiveBox .simg img.s { width:2.5rem; height:2.5rem; position:relative; z-index:2; border-radius:50%}
.indactiveBox .simg img.m { margin-left:-6px;cursor: pointer;}

.indactiveBox .box_ui_sy3 li.li_th span,.indactiveBox  .box_ui_sy3 li.li_td span { width: 12%;}
.indactiveBox .total-pic { width:100%}.indactiveBox .student-no { color:#666}.indactiveBox  .ttt { margin-bottom:10px}
.indactiveBox .simg {position:relative; margin-right: 10px;}
.indactiveBox .simg .sex {position: absolute; right: -6px; bottom: 0; z-index: 2}

.box_ui_sy3 li {height:42px;}

.box_ui_sy3 li.li_th span,.box_ui_sy3 li.li_td span {float:left;width:12.5%;height:40px;line-height:40px;text-align:center;}
.box_ui_sy3 li.li_th,.box_ui_sy3 li.li_th span { height:30px;line-height:30px }
.box_ui_sy3 li.li_td span {background:url(/addons/muu_education/muu/public/static/index/images/xiao2.jpg) no-repeat center/15px auto;}
.box_ui_sy3 li.li_td span.select {background:url(/addons/muu_education/muu/public/static/index/images/xiao1.jpg) no-repeat center/15px auto;}
.box_ui_sy3 li.li_td span.zb { background: #fff; color: #666}
.box_ui_sy3 li.last {border:none;}
.

.indh1 {margin:10px 1.5rem; font-size: 1.56rem; line-height: 30px;}
.indh1 .fr { font-size: 1rem; font-weight: normal; color: #999; line-height: 1.56rem; line-height: 30px}
.heatu { color: #fff; width: 4rem; text-align: center; height:30px; line-height: 28px; position: relative; bottom: -2px; overflow: hidden; margin-right: 10px; font-size:0.9rem}
.focus {width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;}
.focus .hd {width:100%;position:absolute;z-index:1;bottom:5px; text-align:center;}



.focus .hd ul li { width:0.6rem; height:0.6rem; display:inline-block; margin:0 2px; overflow:hidden; text-indent:100px; border-radius:0.3rem; background:#fff; filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6; opacity: 0.6; }
.focus .hd ul li.on {filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; width:1rem}
.focus .bd {position:relative;z-index:0;}
.focus .bd li img {width:100%;height:auto;}
.focus .bd li a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
.focus3 .hd ul { width:100%; text-align: center}
.focus3 .hd ul li { width:0.6rem; height:0.6rem; border: 1px #999999 solid; display:inline-block; margin:0 2px; overflow:hidden; text-indent:100px; border-radius:50%; background:#fff;}
.focus3 .hd ul li.on { background:#999 }

.row_category {padding:0;}
.row {overflow:hidden;}
.row_category ul {margin:1.8rem auto 0;}
.row_category li {overflow:hidden;text-align:center;width:33%;}
.row_category li a {display:block;overflow:hidden;}
.row_category li a img {width:70px;height:70px;}
.row_category li p {color:#333;font-size:0.8rem;margin-top:0.6rem;}
.indexTitle {width:100%;background-position:0 13px;text-align:center;position:relative;}
.indexTitle h3.title {display:inline-block;color:#fff;-webkit-border-radius:4px;border-radius:13px;font-size:1rem;line-height:25px;padding:5px 30px;background-color:#1ca2e1;border:1px solid #1ca2e1;}
.indexTitle .dots {position:absolute;right:10px;width:20px;height:2px;bottom:6px;font-size:0;}
.indexTitle .dots i {display:inline-block;width:2px;height:2px;margin-left:2px;}
.indexTitle .dots i:nth-child(1) {background-color:#1ca2e1;}
.indexTitle .dots i:nth-child(2) {background-color:#f39800;}
.indexTitle .dots i:nth-child(3) {background-color:#ff6e3f;}
.indexTitle .dots i:nth-child(4) {background-color:#1abc9c;}
.indexTitle .pa-10 { padding: 5px 0px !important; width: 23%; font-size:1.28rem; !important; background-color: #999 !important; border: 1px solid #999 !important;}
.view-info-box {width:25%;text-align:center; float:left; margin-bottom: 5px; }
.view-info-box img{height:2rem;}
.view-info-box  .imgbox { height: 2rem}
.view-info-box span { color: #3E3E3E; font-family: PingFang-SC-Medium; font-size: 1.1rem;line-height:3rem}
#focus2 { margin:20px 0;}
#focus2 .hd ul{ width:100%; text-align:center; height:6px}
#focus2 .hd li { width:6px; height:6px; border-radius:50%; display:inline-block; float:none; background:#ccc; margin:0px 5px; text-indent:100px; overflow:hidden}
#focus2 .hd li.on { background:#666}
#focus2 .bd { color:#3e3e3e; font-size:1.3rem}
font span.font13 { font-weight:bold}
.member-row .avatar-box {float:left;padding-right:10px;position:relative;}

.member-info-box-above {}
.member-name { font-size:1.2rem; line-height:30px; font-weight:700}
.member-row { line-height:22px; margin:0 1.5rem; border-bottom:1px #eee solid; padding:1.5rem 0;}
.overflow-ellipsis {overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.member-row .heads {height:95px; width:95px; border-radius:5px;}
.student-no {line-height:1.4rem;}
.student-no img { height:1.4rem; float:left; }
.member-exp-box.fr img { height:26px; margin:8px 0;}

.caret { width:14px; height:40px; background:url(http://www.qhdjj.com/Public/Wap/Images/tlist_03.jpg) no-repeat  0 5px/100%; display:inline-block;vertical-align: middle;}

.global_btn_box {margin:0 10px 10px;}
.global_btn_box a {display:block;height:36px;border-radius:4px;background-color:#fff7e0;color:#f60;font-size:1rem;line-height:36px;text-align:center;}
.global_btn_box a i {vertical-align:middle;}
.global_btn_box a:active {background-color:#c7c7c7;}
.clist {width:100%;backgroubd:#f4f4f4;clear:both}
.clist ul {width:100%;background:#fff}
.clist_sub {border-bottom:1px solid #d7d7d8}
.crow {line-height:70px;width:100%;clear:both;height:70px}
.crow_row {border-bottom:#d7d7d8 1px solid;width:100%;}
.crow_icon {margin:0px 10px;width:50px;float:left;height:50px}
.crow_icon img {width:50px;height:50px}
.crow_title {float:left;margin-left:0.3rem}
.crow_item {text-align:center;line-height:2rem;margin:1.3rem auto;overflow:hidden;width:32%;float:left;height:2rem;color:#585858;font-size:1.25rem;border-left:#d7d7d7 1px solid}
.crow_item A {margin:0px 0.3rem;text-overflow:clip;white-space:nowrap}
.crow_item_clear {border-left-width:0px;box-shadow:0px 0 0px #fff;-webkit-box-shadow:0px 0 0px #fff}
.crow_row a {font-size:1.23rem;}
.crow_arrow {float:right;margin-right:1.2rem}
.crow_arrow img {width:1rem;}
.mr-t20 {padding-top:10px;background-color:whitesmoke;}
.footer1 {padding:0 10px 10px;color:#aaa;font-size:0.8rem;}
.footer1 .in {position:relative;height:44px;margin:0 -10px;padding:0 55px;background-color:#EBECED;}
.homeBtn,.footer1 .gotop {position:absolute;top:0;width:44px;height:44px;color:#fff;font-size:0.8rem;}
.footer1 .gotop,.footer1 .homeBtn {background:#CFCFCF;}
.footer1 .homeBtn {background-image:url(http://www.qhdjj.com/Public/Wap/Images/goindex.png);background-position:center;background-repeat:no-repeat;}
.homeBtn {left:0;}
.homeBtn span {position:absolute;left:50%;top:50%;width:22px;height:18px;margin:-9px 0 0 -12px;background-position:0 -122px;}
.footer1 .gotop {right:0;}
.footer1 .gotop span {position:absolute;left:50%;top:13px;width:13px;height:14px;margin:-4px 0 0 -4px;background-position:0 -140px;}
.footer1 .gotop p {position:absolute;bottom:2px;left:2px;width:42px;}
.footer1 .gotop {background-position:center 8px;background-repeat:no-repeat;background-image:url(http://www.qhdjj.com/Public/Wap/Images/top.png);}
.footSearch {position:relative;top:3px;width:100%;background:#fff;border-radius:20px;text-align:center;}
.footSearch input {width:85%;height:32px;line-height:32px;border:none;}
.footSearch button {position:absolute;top:6px;right:10px;width:19px;height:19px;background-position:0 -103px;border:none;background:no-repeat center url(../Images/search.png);}
.footer1 .favLink,.footer1 p {text-align:center;line-height:20px;}
.footer1 .link {line-height:16px;font-size:1rem;color:#1ca2e1;}
.footer1 .link a {display:inline-block;margin-top:5px;padding:0 10px 0 6px;border-right:1px solid #D5D5D5;color:#1CA2E1;}
.footer1 .link a:last-child {border:none;}
.footer1 .favLink a {margin-right:5px;color:#aaa;}

.top_bar {position:fixed;z-index:900;bottom:-3px;left:0;right:0;margin:auto; padding:5px 0;background:#fff; -moz-box-shadow:0px -2px 2px #F0F0F0; -webkit-box-shadow:0px -2px 2px #F0F0F0; box-shadow:0px -2px 2px #F0F0F0;}

.top_bar .top_menu>li {text-align:center; width:24.5%; float:left}

.top_menu li:first-child {background:none;}
.top_bar .top_menu>li>a {display:block;text-align:center;}
.top_bar .top_menu>li.on>a { color:#00ce65}
.top_bar .top_menu>li.home {max-width:70px}
.top_bar .top_menu>li.home a {height:60px;width:60px;margin:auto;border-radius:60px;position:relative;top:-14px;background:url(../Images/home.png) no-repeat center center;background-size:100% 100%;}
.top_bar .top_menu>li>a label {overflow:hidden;margin:0 0 0 0;font-size:1rem;display:block !important;line-height:18px;text-align:center; font-weight:normal; color: #999}
.top_bar .top_menu>li.on a label{ color: #00ce65}
.top_bar .top_menu>li>a:hover label{ color: #333}
.top_bar .top_menu>li>a img {height:25px;}
.top_bar li:first-child a {display:block;}
.global-nav__nav-shop-cart-num {position:absolute;height:16px;line-height:16px;padding:0 5px;border-radius:8px;background-color:#fd4609;color:#fff;font-size:1rem;}
.global-nav__operate-cart-num {display:block;}
.show_nav {position:absolute;bottom:57px; left:0; text-align:center;z-index:10;border-top:1px solid #eee;background:#fff;width:100%;}
.show_nav p {line-height:38px;height:38px;margin:3px 0px;}
.show_nav .nav_bottom {border-bottom:1px solid #eee;}
.i_top_xl_bj {background-size:2000px 2000px;opacity:0.6;filter:alpha(opacity=60);width:100%;height:100%;position:fixed;top:0px;left:0px;display:none;}
.user-left-menu {margin-bottom:0px;padding:0px}
.user-left-menu li {height:40px;padding:0px 10px;line-height:40px;border-bottom:1px solid #e6e3e3;margin:0px}
.user-left-menu li a {height:40px;line-height:40px;}
.user-left-menu-avator {text-align:left;height:90px;background:#ffbf6b;background-size:100% 100%;position:relative;overflow:hidden;}
.user-left-menu-avator .avator {border-radius:50%;float:left;width:70px;height:70px;margin-left:10px;margin-top:10px;border:2px solid #fff;}
.user-left-menu-avator .message {margin:15px 20px;color:#fff;}
.user-left-menu-avator-left {float:left}
.user-left-menu-avator-hide {display:block}
.user-left-menu-avator .quan1 {position:absolute;right:1rem;top:5px;width:65px;height:65px;border-radius:3rem;background:rgba(255,255,255,0.2);box-shadow:0 0 0.6rem rgba(250,0,0,0.2);}
.user-left-menu-avator .quan2 {position:absolute;right:40px;top:45px;width:45px;height:45px;border-radius:3rem;background:rgba(255,255,255,0.1);box-shadow:0 0 0.6rem rgba(250,0,0,0.15);}
.user-left-menu-avator .quan3 {position:absolute;right:70px;top:80px;width:25px;height:25px;border-radius:3rem;background:rgba(255,255,255,0.05);box-shadow:0 0 0.6rem rgba(250,0,0,0.1);}
.info {background:#EFEFEF;overflow:hidden;min-height:200px;width:100%;margin-bottom:20px;}
.hbox {height:40px;background:#00ce65; overflow: hidden}
.hbox a b {color: #fff; font-weight: normal; font-size: 1.3rem !important; max-width: 80%; display: block; margin: 0 auto; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.info .tith {background:#FFF;margin:0 auto;text-align:center;padding:10px;}
.tith .img-wrap {margin-bottom:15px;}
.tith-info {width:50%;display:inline-block;}
.tith .btn {-webkit-box-flex:1;width:40%;height:30px;line-height:30px;float:right;display:inline-block;font-size:1rem;}
.tith .box {border-top:1px dashed #ccc;text-align:center;padding:10px;margin:10px;}
.info .detail_info .bt {width:25%;padding-left:20px;font-weight:normal;color:#a4aeb9;}
.info .detail_info .nr {width:70%;}
.info .detail_info {border-top:1px dashed rgba(0,0,0,.1);}
.info .detail_info .detail img {width:100%}
.info .detail_info .bt,.info .detail_info .nr {display:table-cell;display:inline-block;*display:inline;zoom:1;vertical-align:top;line-height:30px;}
.box_ui_sy1,.detail {background:#FFF;border-radius:5px;border:1px solid #CCC;margin:13px 0px;padding:8px 7px;}
.option a {padding:8px 30px;}
.detailContent_L,.detailContent_L .main,#rotate .ul {width:100%;}
.active_info,.active_comment,.active_share,.active_question {width:100%;float:inherit}
.nav-bar .nav {border-bottom:1px solid #eee;border-top:1px solid #eee;margin-bottom:0px;text-align:center;line-height:40px; }
.nav-bar .nav li {display:inline-block; width:33%}
.dropdown {-webkit-box-flex:1;border-left:1px solid #eee;width:100%;text-align:center}
.dropdown.active {background:-webkit-linear-gradient(top,#F4F4F3,#F7F7F7);margin:0}
.dropdown p {cursor:pointer;}
.dropdown.category {border:0}
.dropdown span {display:inline-block;vertical-align:middle; margin-right:2px}
.dropdown-menu {width:300%}
.dropdown-list {width:100%;background:#F7F7F7;}
.dropdown-list>li {border-bottom:1px solid #E8E8E8;border-top:1px solid #FCFCFC;line-height:39px;border-left:3px solid #F7F7F7;position:relative;text-shadow:0 1px 1px #FFF}
.dropdown-list>li>a {display:block;cursor:pointer;}
.shade {position:absolute;top:0;left:0;bottom:0;right:0;height:100%;height:2179px;z-index:1;display:-webkit-box;display:box;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;background:rgba(0,0,0,.8) center center no-repeat;}
.scroller {height:300px;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform 0ms;transition:-webkit-transform 0ms;-webkit-transform-origin:0px 0px;-webkit-transform:translate3d(0px,0px,0);}
.hei { color:#333}
.mobile-hide {display:none}
.jscityre_tog li {text-align:center;font-size:1.1rem;border-bottom:1px solid #E8E8E8;line-height:39px;}
.jscityre_tog li a {display:block;cursor:pointer;}
.jscityre_tog li.in ul li a span { color:#666 !important}
.jscityre_tog li.in ul li a.in span { color:#00d25d  !important}
.jscityre_tog li .inactive {border-bottom: 2px #ddd solid;}
.jscityre_tog li .inactives {border-bottom: 2px #fff solid;}
.del_sort { overflow: hidden;padding-right: 20px;  float: left;}
.articles { margin: 15px 1.5rem;  font-size: 0.9rem;}
.articles .title { font-size: 1.2rem; color: #333; margin-bottom: 10px;}
.articles img.fl { height:1.2rem; margin-right: 5px; margin-top: 3px;}
.more-subject li {background-color:#eee;}
.e20 div p b {font-size:1.23rem;color:#000;}
.e21 {height:60px;width:100%;}
.e22 {height:60px;width:25%;text-align:center;float:left;}
.e22 img {width:60px;height:60px}
.e22:hover {position:relative;top:-15px;}
.e23 {width:100%;margin-top:10px;}
.e24 {width:25%;float:left;padding:0 5px;text-align:center;color:#999;font-size:1.08rem}
.cd-signin {position:relative;}
.e24 p {font-size:1.23rem;color:#888}
.li_th {color:#fff;background-color:#bdbdc0; border-radius:16px; }
.student-list {border:1px solid #dcdcdc;width:98%;margin:auto;background:#fff;}
#rotate .ul li { width:33%}
#rotate .ul li a { text-align:center; width:100%; padding:0; margin:0}
.anniu { background: -moz-linear-gradient(left, var(--primary), var(--accent));background: -webkit-linear-gradient(left, var(--primary), var(--accent));background: -o-linear-gradient(left, var(--primary), var(--accent)); display:inline-block; color:#fff; width:29%; margin-right:20px; text-align:center; height:40px; line-height:40px; border-radius:20px; font-size:1.08remfilter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9; opacity: 0.9; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; cursor:pointer; border:0 }
.anniu,.anniu a,.anniu div { font-size:1rem}
.anniu:hover{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1; opacity: 1; -webkit-box-shadow:0 0 8px 3px rgba(43,89,255,.35); box-shadow:0 0 8px 3px rgba(43,89,255,.35); color:#fff}
.back_content {  width:96%;  padding:2%; height:80px; overflow-x:hidden;  overflow-y:scroll;word-break:break-all;background:none;border:1px solid #e1e1e1;outline-style: none; -webkit-appearance: none; color: #333;  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}

.anniu.hui { background:#edeef2; color:#717a7f; font-size:1.1rem; width:102px; line-height:46px; height:46px; margin-right:0px; border-radius:0;}
.anniu.hui.on,.anniu.hui:hover {background: -moz-linear-gradient(left, var(--primary), var(--accent));background: -webkit-linear-gradient(left, var(--primary), var(--accent));background: -o-linear-gradient(left, var(--primary), var(--accent)); color:#fff}
.anniu.btns {border-radius:4px; width:10em; float:right; margin:0}
.anniu.big {box-shadow: 0 8px 20px var(--accent);line-height:50px; height:50px; font-size:1.25rem; border-radius:25px; margin:0 auto; margin-top:30px; display:block; width:243px}
.anniu.big:hover {box-shadow: 0 8px 30px var(--accent);}
.anniu.hong {background: -moz-linear-gradient(left, #ffab40, #e4cb53);background: -webkit-linear-gradient(left, #ffab40, #e4cb53);background: -o-linear-gradient(left, #ffab40, #e4cb53);}
.anniu.hong:hover { -webkit-box-shadow:0 0 8px 3px #e4cb53; box-shadow:0 0 8px 3px #e4cb53;}

.anniu.btn-finish { background:#f6f6f6; color: #888}
.anniu.btn-finish:hover {background:#f0f0f0; color: #666; -webkit-box-shadow:0 0 8px 3px #fafafa; box-shadow:0 0 8px 3px #fafafa;}
.btndel .anniu { width: 100%}
.hui { color:#999}
.cd-form input.has-padding { width:100% !important
}


#imgshow{
    width: 100%;
    margin-bottom: 1rem;
}
.imgshow1-1, .imgshow-1 {
    color: #00d25d;
    border: 1px solid #00d25d;
    padding: 0.5rem 2rem;
    background: #fff;
    border-radius: 0.3rem;
    margin-top: 1rem;
    margin: 2rem auto 1rem;
    display: block;
    width: 100%;
}
.title-tips{
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #999;
}
.tips-text span {
    color: red;
    background: #fff6e9;
    display: inline-block;
    padding: 0.5rem 1.5rem;
    font-size: 1.08rem;
    border-radius: 0.3rem;
    line-height: 1.5rem;
}
.tips-text img {
    vertical-align: middle;
    margin-right: 5px;
}
.teacher1{
    background: #34df81;
    color: #fff;
    padding: 2px 5px 2px 0;
    border-radius: 8px 3px 8px 1px;
}
.teacher2{
    background: #f2c240;
    color: #fff;
    padding: 2px 5px 2px 0;
    border-radius: 8px 3px 8px 1px;
}
.teacher3{
    background: #d59d60;
    color: #fff;
    padding: 2px 5px 2px 0;
    border-radius: 8px 3px 8px 1px;
}
.teacher4{
    background: #7bc941;
    color: #fff;
    padding: 2px 5px 2px 0;
    border-radius: 8px 3px 8px 1px;
}
.teacher5{
    background: #ffa22c;
    color: #fff;
    padding: 2px 5px 2px 0;
    border-radius: 8px 3px 8px 1px;
}
.teacher1 img,.teacher2 img,.teacher3 img,.teacher4 img,.teacher5 img{
    width: 0.8rem;
    /*    vertical-align: middle;   */
    float: none;
    height: auto;
    margin: 0 3px 0 5px;
}
.layui-layer-title{
    background: #f7f7f7;
    color: #333;
}
.appointment-button1{
    position: relative;
    top: 2rem;
    background: #ffa22c;
    color: #fff;
    text-align: center;
    display: block;
    width: 90%;
    left: 5%;
    border-radius:2rem;
    height: 3.5rem;
    line-height: 3.5rem;
}
.appointment-button1:hover{
    cursor: pointer;
}
.appointment-alert span{
    font-size: 1.33rem;
}
.appointment-alert div{
    /*	text-align: center;*/
    width:100%;
    height: 3rem;
    line-height: 3rem;
    display: inline-block;
}
.appointment-alert .appointment-alert-div{
    width: calc(100% - 4rem);
    margin:0 2rem ;
    display: block;
    height: auto;
}
.appointment-alert select{
    width: 100%;
    color: #d5d5d5;
    height: 40px;
    font-size: 14px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    -webkit-appearance:none;
    padding: 0 1rem;
    background: url(/Public/Wap/Images/i-arr-down.png) 95% center no-repeat #fff;
    background-size: 5%;
}
.appointment-alert select option{
    height: 40px;
    color: #333;
}
.layui-form-select{color:red !important}
.appointment-alert select:focus{
    height: 40px;
}
.layui-layer-rim-appointment .layui-layer-setwin .layui-layer-close1{
    margin-top: 0.5rem;
    position: relative;
    right: 1rem;
}
.layui-layer-rim-appointment1 .layui-layer-setwin .layui-layer-close1{
    margin-top: 5px;
    position: relative;
    right: 10px;
}
.layui-layer-rim-appointment .layui-layer-content{
    /*	height: 80vh!important;*/
}
.appointment-button2{
    background: linear-gradient(to right, #02d25f , #40e29e);
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    width: 100%;
    margin: 0!important;
    position: absolute;
    bottom: 0;
}
.appointment-alert #mobilephone{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    text-indent: 8px;
    outline: none;
    -webkit-appearance: none;
}
.appointment-alert #mbyzm{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-indent: 8px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    outline: none;
    -webkit-appearance: none;
}
.appointment-alert #an{
    position: absolute;
    bottom: 3.1rem;
    right: 0.8rem;
}
.appointment-alert #an input{
    background: #fff;
    border: none;
    border-left: 1px solid #d6d6d6;
    padding-left: 8px;
    color: #00d25d;
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

.layui-layer-rim-appointment .layui-layer-title{
    background: #fff;
    text-align: left;
    font-size: 1.5rem;
    margin: 3px 2rem 0 2rem;
    height: 4rem;
    line-height: 4rem;
    color: #333;
    width: calc(100% - 4rem);
    padding: 0;
}
.layui-layer-rim-appointment1 .layui-layer-title{
    background: #fff;
    text-align: left;
    font-size: 1.5rem;
    margin: 3px 2rem 0 2rem;
    height: 4rem;
    line-height: 4rem;
    color: #333;
    width: calc(100% - 4rem);
    padding: 0;

}
.appointment-alert-phone .layui-layer-rim-appointment .layui-layer-content{
    height: 169px;
}
.layui-layer-rim-appointment .textarea{
    width: 100%;
    height:110px;
}
.layui-layer-rim-appointment .textarea textarea{
    border-radius: 5px;
    width: calc(100% - 10px);
    border: 1px solid #d6d6d6;
    padding: 5px;
    -webkit-appearance: none;
}

.textarea textarea::-webkit-input-placeholder{
    color:#d5d5d5;
}
.appointment-alert #mobilephone::-webkit-input-placeholder{
    color:#d5d5d5;
}
.appointment-alert #mbyzm::-webkit-input-placeholder{
    color:#d5d5d5;
}
.layui-layer-rim-appointment .textarea span{
    vertical-align: top;
}
.color-333{
    color: #333!important;
}
.color-d5{
    color: #d5d5d5!important;
}
.appointment-alert-phone p:nth-child(2){
    font-size: 1.25rem;
    padding: 0 40px;
    color: #000;
    margin: 20px 0;
    text-align: center;
}
.appointment-alert-phone p:not(:nth-child(2)){
    font-size: 1.09rem;
    color: #666;
    padding: 0 40px;
    margin: 5px 0;
    text-align: center;
}
.appointment-alert-phone img{
    display: block;
    margin: 3rem auto 0;
    width: 3rem;
}
.appointment-alert-phone div{
    width: calc(100% - 6rem);
    height: 3.5rem;
    margin: 3rem 3rem 0;
    line-height: 3.5rem;
    display: inline-block;
    background: #00ce65;
    position: absolute;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 2rem;
}
.appointment-alert-phone div:hover{
    cursor: pointer;
}
.layui-layer-rim-appointment1{
    border-radius: 0!important;
}
.push-details{
    width: calc(100% - 4rem);
    padding: 0 2rem;
}
.push-details p{
    font-size: 1.08rem;
    color: #666666;
    line-height: 2.5rem;
}
.push-details .title{
    font-size: 1.25rem;
    color: #000;
    padding-top: 3rem;
}
.push-details .date{
    line-height: 2rem;
    font-size: 1rem;
    color: #999;
    margin-bottom: 2rem;
}
#price {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    margin: 15px 0;
}
#price th {
    border: 1px solid #ccc;
    color: #333;
    font-weight: normal;
    padding: 15px 0;
}
#price th span{
    font-size: 1rem!important;
}
#price td {
    border: 1px solid #ccc;
    text-align: center;
}
#price td span{
    font-size: 1rem!important;
}
.textarea textarea {
    border-radius: 5px;
    width: 100%;
    border: 1px solid #d6d6d6;
    padding: 5px;
    -webkit-appearance: none;
}
.booking{
    height: 80vh;
    position: relative;
}
.booking .appointment-button1{

}