@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body{ font-family: '微软雅黑';font-size: .15rem; color: #000; max-width: 750px; min-width: 320px; margin: 0 auto; line-height:1.6;}
ul,li,small{ list-style: none; }
i,em{ font-style: normal; }
input{-webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0; border:0; background:none; font-size: .16rem; color:#000;}
::-webkit-input-placeholder{ color: #ddd;}
:-moz-placeholder{ color:#ddd;}
::-moz-placeholder{ color:#ddd;}
:-ms-input-placeholder{ color:#ddd;}
a{ text-decoration: none; }
[v-cloak]{display: none;}

.pc{ background:#eee; }
.pc body,.pc .header,.pc .f-b-tool2,.pc .footer,.pc .text_a_c.tap{ max-width:414px!important; }

/* 通用独立样式 */
.d-flex{ -webkit-display: flex; -moz-display: flex; display: flex; }
.flex{ -webkit-flex: 1; -moz-flex: 1; flex: 1; }
.align-items-center{ -webkit-align-items: center; -moz-align-items: center; align-items: center;}
.justify-center{ -webkit-justify-content: center; -moz-justify-content: center; justify-content: center;}
.justify-between{ -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between;}
.justify-end{ -webkit-align-items: flex-end; align-items: flex-end;}
.d-inblock{ display: inline-block; vertical-align: top; }
.flex-wrap{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;}
.flex-flow-c{ -webkit-flex-flow: column; -moz-flex-flow: column; flex-flow: column; }
.max_img img{ width: 100%; height: auto; vertical-align: top; }
.max_widht{ max-width: 750px; min-width:320px; margin-left:auto; margin-right: auto;}
.none{ display: none; }
.dis_block{ display: block; }
.over_hidden{ overflow: hidden; }
.po_rel{ position: relative; }
.po_abs{ position: absolute; }
.img{ vertical-align: top; }

header{ height:44px; }
.header{ position: fixed; top:0; left:0;right:0; max-width:750px; margin:0 auto; z-index:998; height:44px; background:#383446; color:#fff; text-align: center;}
.header .hd{ position: absolute; left:0; top:0; bottom:0; -webkit-display: flex; -moz-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center; color:#fff; padding:0 8px;}
.header .hd i{ font-size:18px;}
.header .bd{ font-weight:700; position: absolute; left:70px; right:70px; font-size:16px; line-height:44px; }

footer{ height:44px; }
.footer{ position: fixed; bottom:0; left:0;right:0; max-width:750px; margin:0 auto; z-index:998; height:50px; background:#fff; color:#666; text-align: center; -webkit-display: flex; -moz-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding:0 30px;box-shadow: 0 -1px 1px rgba(0,0,0,.05);}
.footer .iconfont{ font-size:20px !important; }
.footer div{ font-size: 12px !important; }
.footer a{ font-size: 14px; line-height: 1; padding: 3px 15px 0; color: #666; }
.footer a.on{ color: #ff5e2b;}

/*按钮*/
.submit_free{border:0; height: .48rem; border-radius: 1rem; padding: 0 .2rem; background: #ff5e2b; font-size: .17rem; color: #fff; font-weight: 700; box-shadow: .02rem .02rem .08rem 0 rgba(169,156,151,.31); -webkit-display: flex; -moz-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center;}

/*文字大小*/
.f_s0{ font-size: 0; }
.f_s10{ font-size: .1rem !important;}
.f_s12{ font-size: .12rem !important;}
.f_s13{ font-size: .13rem !important;}
.f_s14{ font-size: .14rem !important;}
.f_s15{ font-size: .15rem !important;}
.f_s16{ font-size: .16rem !important;}
.f_s18{ font-size: .18rem !important;}
.f_s20{ font-size: .2rem !important;}
.f_s22{ font-size: .22rem !important;}
.f_s24{ font-size: .24rem !important;}
.f_s26{ font-size: .26rem !important;}
.f_s28{ font-size: .28rem !important;}
.f_s30{ font-size: .3rem !important;}

/*文字颜色*/
.co_1{ color:#b8860b; }
.co_2{ color:#008000; }
.co_3{ color:#0073cf; }
.co_4{ color:#e25822; }
.co_5{ color:#a67b5b; }
.co_fff{ color:#fff; }
.co_000{ color:#000; }
.co_333{ color:#333; }
.co_444{ color:#444; }
.co_666{ color:#666; }
.co_777{ color:#777; }
.co_999{ color:#999; }
.co_888{ color:#888; }
.co_ccc{ color:#ccc; }
.co_red{ color:red; }
.co_dbdbdb{ color:#dbdbdb; }
.co_init{ color:#20c5bf; }
.co_primary{ color:#22154a; }
.co_388bd8{ color:#388bd8; }
.co_c49e62{ color:#c49e62; }
.co_679abb{ color:#679abb; }
.co_b9a687{ color:#b9a687; }
.co_f00{ color:#f00; }
.co_wg_1{ color: #679abb;}
.co_wg_2{ color: #c49e62;}
.co_wg_3{ color: #71ac7c;}
.co_wg_4{ color: #cb7777;}
.co_wg_5{ color: #679abb;}

.border-gray-t{border-top: 1px solid #eee;}

/*文字线*/
.text_d_z{ text-decoration:line-through; }
.text_d_x{ text-decoration:underline; }

/*背景颜色*/
.bg{ background:#fff; }
.bg_fff7ee{ background: #fff7ee;}
.bg_679abb{ background:#679abb; }
.bg_c49e62{ background:#c49e62; }
.back_fff{ background:#fff; }
.back_j{ background:#b8860b; }
.back_m{ background:#008000; }
.back_s{ background:#0073cf; }
.back_h{ background:#e25822; }
.back_t{ background:#a67b5b; }

/*圆角*/
.bor_radius0{ border-radius: 0; }
.bor_radius5{ border-radius: .05rem; }
.bor_radius10{ border-radius: .1rem; }
.bor_radius15{ border-radius: .15em; }
.bor_radius20{ border-radius: .2rem; }
.bor_radius100{ border-radius: 1rem; }

/*文字行高*/
.line_h100{ line-height: 1; }
.line_h110{ line-height: 1.1; }
.line_h120{ line-height: 1.2; }
.line_h130{ line-height: 1.3; }
.line_h140{ line-height: 1.4; }
.line_h150{ line-height: 1.5; }
.line_h160{ line-height: 1.6; }
.line_h170{ line-height: 1.7; }
.line_h180{ line-height: 1.8; }
.line_h190{ line-height: 1.9; }
.line_h200{ line-height: 2; }

/*文字粗细*/
.f_w700{ font-weight: 700; }
.f_w400{ font-weight: 400; }
.f_w100{ font-weight: 100; }

/*文字对齐*/
.text_a_l{ text-align: left; }
.text_a_c{ text-align: center; }
.text_a_r{ text-align: right; }

/*内边距*/
.p_0{ padding:0; }
.p_5{ padding:.05rem; }
.p_10{ padding:.1rem; }
.p_15{ padding:.15rem; }
.p_20{ padding:.2rem; }
.p_25{ padding:.25rem; }
.p_30{ padding:.3rem; }
.p_40{ padding:.4rem; }
.p_50{ padding:.5rem; }
.p_t0{ padding-top:0; }
.p_t3{ padding-top:.03rem; }
.p_t5{ padding-top:.05rem; }
.p_t10{ padding-top:.1rem; }
.p_t15{ padding-top:.15rem; }
.p_t20{ padding-top:.2rem; }
.p_t25{ padding-top:.25rem; }
.p_t30{ padding-top:.3rem; }
.p_t40{ padding-top:.4rem; }
.p_r3{ padding-right:.03rem; }
.p_r5{ padding-right:.05rem; }
.p_r10{ padding-right:.1rem; }
.p_r15{ padding-right:.15rem; }
.p_r20{ padding-right:.2rem; }
.p_r25{ padding-right:.25rem; }
.p_r30{ padding-right:.3rem; }
.p_r40{ padding-right:.4rem; }
.p_b5{ padding-bottom:.05rem; }
.p_b10{ padding-bottom:.1rem; }
.p_b15{ padding-bottom:.15rem; }
.p_b20{ padding-bottom:.2rem; }
.p_b25{ padding-bottom:.25rem; }
.p_b30{ padding-bottom:.3rem; }
.p_b40{ padding-bottom:.4rem; }
.p_l3{ padding-left:.03rem; }
.p_l5{ padding-left:.05rem; }
.p_l10{ padding-left:.1rem; }
.p_l15{ padding-left:.15rem; }
.p_l20{ padding-left:.2rem; }
.p_l25{ padding-left:.25rem; }
.p_l30{ padding-left:.3rem; }
.p_l40{ padding-left:.4rem; }
.p_n15{ padding: 0 .1.4rem !important; }

/*外边距*/
.m_t5{ margin-top:.05rem; }
.m_t10{ margin-top:.1rem; }
.m_t15{ margin-top:.15rem; }
.m_t20{ margin-top:.2rem; }
.m_t30{ margin-top:.3rem; }
.m_t40{ margin-top:.4rem; }
.m_r5{ margin-right:.05rem; }
.m_r10{ margin-right:.1rem; }
.m_r15{ margin-right:.15rem; }
.m_r20{ margin-right:.2rem; }
.m_r30{ margin-right:.3rem; }
.m_r40{ margin-right:.4rem; }
.m_b5{ margin-bottom:.05rem; }
.m_b10{ margin-bottom:.1rem; }
.m_b15{ margin-bottom:.15rem; }
.m_b20{ margin-bottom:.2rem; }
.m_b30{ margin-bottom:.3rem; }
.m_b40{ margin-bottom:.4rem; }
.m_l5{ margin-left:.05rem; }
.m_l10{ margin-left:.1rem; }
.m_l15{ margin-left:.15rem; }
.m_l20{ margin-left:.2rem; }
.m_l30{ margin-left:.3rem; }
.m_l40{ margin-left:.4rem; }


.f_b_tool{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; padding: 0 .2rem; background: #fff; height: .5rem; box-shadow: 0 -.01rem 0 rgb(0 0 0 / 5%); -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateY(100%); transform: translateY(100%); max-width: 730px; margin: auto; }
.toast {
    position: fixed;
    z-index: 2000;
    left: 50%;
    top:45%;
    transition:all .5s;
    -webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
         -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    text-align: center;
    border-radius: .05rem;
    color:#FFF;
    background: rgba(17, 17, 17, 0.7);
    height: .45rem;
    line-height: .45rem;
    padding: 0 .15rem;
    max-width: 1.5rem;
}

.gearDate {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .12rem; background-color: rgba(0, 0, 0, 0.2); display: block; position: absolute; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2018917; overflow: hidden; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translateZ(0); }

.date_ctrl {vertical-align: middle; background-color: #F0F0F0; border: 1px solid #a5a5a5; border-radius: .05rem; color: #363837; margin: 0; height: auto; width: 92%; max-width: 600px; position: absolute; left: 0; right: 0; top: 12%; z-index: 9902; overflow: hidden; margin: 0 auto; -webkit-transform: translateY(0); transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); }

.slideInUp {animation: slideInUp .3s ease-in; -webkit-animation: slideInUp .3s ease-in; -ms-animation: slideInUp .3s ease-in; -moz-animation: slideInUp .3s ease-in }

@-webkit-keyframes slideInUp {
    0% {-webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%) }
    100% {-webkit-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0) }
}

@keyframes slideInUp {
    0% {-webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%) }
    100% {-webkit-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0) }
}

@-moz-keyframes slideInUp {
    0% {-webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%) }
    100% {-webkit-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0) }
}

@-ms-keyframes slideInUp {
    0% {-webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%) }
    100% {-webkit-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0) }
}

.date_roll {position: relative; width: 100%; height: auto; overflow: hidden; font-weight: bold; background-color: transparent; -webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0))); -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0)); }

.date_roll > div {font-size: .24rem; height: 1.2rem; float: left; background-color: transparent; position: relative; overflow: hidden; width: 33.33%; }

.date_roll_more > div {width: 25%; }

.date_roll_minut > div {width: 20%; }

.date_roll_mask {padding: 0 .12em; -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0))); -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0)); }

.date_grid {position: relative; top: .48rem; width: 100%; height: .48rem; margin: 0; box-sizing: border-box; z-index: 0; background-color: #E8E8E8; border-top: .01rem solid #d4d4d4; border-bottom: .01rem solid #d4d4d4; }

.date_grid > div {color: #000; position: absolute; right: 0; top: 0; font-size: .8em; line-height: 2.5em }

.date_info_box {color: #363837; font-size: .2rem; text-align: center; padding: .13rem 0; text-align: center; border-bottom: .01rem solid #d4d4d4; font-weight: 700; }

.date_class_box {text-align: center; padding: .12rem .24rem; }

.date_class {display: inline-block; font-size: .16rem; width: 40%; padding: .067rem 0; text-align: center; color: #c91723; border: .01rem solid #c91723; cursor: pointer; }

.date_class_box .date_class:first-child {border-top-left-radius: .04rem; border-bottom-left-radius: .04rem }

.date_class_box .date_class:last-child {border-top-right-radius: .04rem; border-bottom-right-radius: .04rem }

/*.date_class_box .lcalendar_nongli{display: none;}*/

.date_class_box .active {background-color: #c91723; color: #fff;border-radius: .04rem;}

.date_btn_box {overflow: hidden; position: relative; border-top: .01rem solid #d4d4d4; margin-top: .12rem; }

.date_btn {color: #000; font-size: .19rem; line-height: .192rem; text-align: center; padding: .1536rem .192rem; cursor: pointer; float: left; width: 49.9%; box-sizing: border-box; }

.lcalendar_cancel {float: left !important; }

.lcalendar_finish {float: right !important; }

.date_btn.lcalendar_cancel {border-right: .01rem solid #d4d4d4; }

.gear {float: left; position: absolute; z-index: 9902; width: .62297rem; margin-top: -1.44rem; cursor: pointer; padding: .48rem 0; }

.date_roll > div .gear {width: 100%; color: #000; }

.tooth {height: .48rem; line-height: .48rem; text-align: center; overflow: hidden; }

.tooth div:first-child {
    padding-top: .05rem;
}

.tooth div {
    line-height: .2rem;
    font-weight: 400;
    font-size: .16rem;
}