/*#region 初始化*/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; }
img { border: none; vertical-align: middle; }
li { list-style: none; }
a { text-decoration: none; }
.clearfix { zoom: 1; }
    .clearfix:after { content: "."; clear: both; line-height: 0; display: block; height: 0; overflow: hidden; }
.f_r { float: right; }
.f_l { float: left; }
html { font: 5.34vw/1.5 "Microsoft Yahei","微软雅黑"; position: relative; }
body { background-color: #fff; position: relative; }
table { border-collapse: collapse; border-spacing: 0; }
.white { color: #fff; }
.black { color: #000; }
.red { color: Red; }
.bold { font-weight: bold; }
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.txt_left { text-align: left; }
.ab { position: absolute; }
.re { position: relative; }
.hide { display: none; }
.thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
input[type="submit"], input[type="reset"], input[type="button"], input[type="tel"], input[type="text"], input[type="password"], button { -webkit-appearance: none; border-radius: 0; }
select { -webkit-appearance: none; }
audio { position: absolute; top: -5000px; left: -5000px; width: 1px; height: 1px; }
#__bs_notify__ { display: none !important; }

@-webkit-keyframes rotateMove {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes rotateFanMove {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(-360deg); }
}

@-webkit-keyframes shakeMove {
    0% { -webkit-transform: scale3d(1,1,1); }
    5%,10% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); }
    15%,25%,35%,45% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); }
    20%,30%,40% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); }
    50%,100% { -webkit-transform: scale3d(1,1,1); }
}

.p100 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.w100 { width: 100%; }
.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 50; }
.pcenter { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); width: 100%; }
.oh { overflow: hidden; }
/*#endregion*/
.main { position: relative; overflow: hidden; min-height: 100vh; background: url(../images/i1.png) no-repeat top center; background-size: 100% auto; background: -webkit-linear-gradient(top, #FF714B 0%, #F5F5F5 25rem); box-sizing: border-box; padding-bottom: 5rem; }
.i1 { display: block; width: 100%; margin-bottom: -1.375rem; }
.nav_ct { position: relative; width: 17.5rem; background: #F4352C; background-size: 100% auto; height: 2.5rem; border-radius: 1.25rem; margin: 0 auto; box-shadow: inset 0 0 0.5rem rgba(0, 0, 0,0.3); }
    .nav_ct.state1 { background-position: bottom center; }
    .nav_ct .nav { float: left; width: 100%; height: 100%; display: -webkit-box; position: relative; -webkit-box-align: center; -webkit-box-pack: center; box-sizing: border-box; }
        .nav_ct .nav .icon1_curr { display: block; width: 2rem; height: 2rem; margin-right: 0.125rem; }
        .nav_ct .nav .icon1 { display: none; width: 2rem; height: 2rem; margin-right: 0.125rem; }
        .nav_ct .nav .t1 { font-size: 0.95rem; color: #fff; font-weight: bold; }
        .nav_ct .nav.curr .icon1_curr { display: block; }
        .nav_ct .nav.curr .icon1 { display: none; }
        .nav_ct .nav.curr .t1 { color: #fff; }
.c1 { width: 17.5rem; margin: 0.55rem auto 0; }
.min_nav_ct { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: justify; }
    .min_nav_ct .min_nav { display: block; width: 4rem; height: 1.25rem; background-color: #fff; border-radius: 0.625rem; line-height: 1.25rem; font-size: 0.6rem; color: #333; text-align: center; }
        .min_nav_ct .min_nav.curr { background-color: #F4352C; color: #fff; }
.list_ct { display: block; background-color: #fff; margin-top: 0.5rem; padding: 0 0.8rem; border-radius: 0.5rem; overflow: hidden; }
    .list_ct.hide { display: none; }
.list .i3 { width: 3.625rem; position: absolute; right: 1rem; top: 1.5rem; display: block; }
.list { margin: 0.75rem 0; position: relative; }
    .list .t1 { display: -webkit-box; border-bottom: 0.05rem solid #ccc; padding-bottom: 0.25rem; margin-bottom: 0.25rem; }
        .list .t1 .t1_l { -webkit-box-flex: 1; font-size: 0.75rem; color: #000; }
            .list .t1 .t1_l.t1_l2 { font-size: 0.75rem; }
        .list .t1 .t1_r { font-size: 0.75rem; color: #666666; min-width: 6rem; box-sizing: border-box; padding-left: 0.25rem; text-align: right; }
    .list .t2 { display: -webkit-box; -webkit-box-align: center; }
        .list .t2 .t2_l { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-align: center; }
            .list .t2 .t2_l .icon2 { display: block; width: 0.975rem; margin-right: 0.4rem; }
            .list .t2 .t2_l .t2_l_t { -webkit-box-flex: 1; font-size: 0.9rem; color: #333; }
        .list .t2 .t2_r { font-size: 0.6rem; color: #666; min-width: 6rem; box-sizing: border-box; padding-left: 0.5rem; }
        .list .t2 .t2_r2 { font-size: 0.75rem; color: #f4352c; min-width: 6rem; box-sizing: border-box; padding-left: 0.5rem; }
            .list .t2 .t2_r2 .sp1 { font-size: 1.5rem; font-weight: bold; }
            .list .t2 .t2_r2 .sp2 { font-size: 0.6rem; color: #666; }
    .list .t3 { background-color: #F3F3F3; font-size: 0.6rem; color: #333; padding: 0.125rem 0.6rem; border-radius: 0.575rem; margin-top: 0.125rem; }
.list1 { margin: 0.75rem 0; }
    .list1 + .list1 { border-top: 0.05rem solid #ccc; padding-top: 0.75rem; }
    .list1 .t_ct { overflow: hidden; }
        .list1 .t_ct .t_l { float: left; min-width: 5.5rem; text-align: center; margin-right: 0.375rem; }
        .list1 .t_ct .t1 { font-size: 0.75rem; color: #f4352c; }
            .list1 .t_ct .t1 span { font-size: 1.2rem; font-weight: bold; }
        .list1 .t_ct .t2 { font-size: 0.6rem; color: #666; }
        .list1 .t_ct .t_r { overflow: hidden; }
        .list1 .t_ct .t3 { font-size: 0.75rem; color: #000; padding-top: 0.35rem; min-height: 1.8rem; box-sizing: border-box; }
    .list1 .t4 { background-color: #F3F3F3; font-size: 0.6rem; color: #333; padding: 0.125rem 0.6rem; border-radius: 0.575rem; margin-top: 0.375rem; }
.tip { font-size: 0.55rem; color: #666; margin-top: 0.75rem; }
.btn_bg { width: 100%; background: rgba(1,16,18,0.2); position: fixed; bottom: 0; left: 0; padding-bottom: 1rem; }
.btn1 { position: relative; display: block; width: 10.75rem; height: 2rem; line-height: 2rem; border-radius: 1rem; text-align: center; font-size: 0.8rem; color: #fff; margin: 1rem auto 0; background: -webkit-linear-gradient(top, #FC7150 0%, #F22421 100%); box-shadow: 0 0.25rem 0.25rem rgba(218, 90, 80,0.3); box-sizing: border-box; padding-left: 1.5rem; }
    .btn1:before { content: ""; width: 2.75rem; height: 3.1rem; background: url(../images/niu.png); background-size: 100% 100%; position: absolute; left: 0.8rem; top: -1.1rem; }

.tip2 { text-align: center; font-size: 0.6rem; color: #333; margin-top: 0.5rem; }
.c2 { position: relative; border: 0.05rem solid #FC6D6D; margin: 0.75rem 0.5rem 0; border-radius: 0.5rem; border-top: 0 none; }
    .c2 .t1 { -webkit-transform: translateY(-50%); text-align: center; height: 2rem; overflow: hidden; }
        .c2 .t1 span { display: inline-block; font-size: 0.75rem; color: #ff3333; padding: 0 0.35rem; height: 2rem; line-height: 2rem; vertical-align: top; font-weight: bold; position: relative; }
    .c2:before { content: ""; position: absolute; left: -0.05rem; top: -0.05rem; width: 6.25rem; height: 50%; border-top: 0.05rem solid #FC6D6D; border-left: 0.05rem solid #FC6D6D; border-top-left-radius: 0.5rem; }
    .c2:after { content: ""; position: absolute; right: -0.05rem; top: -0.05rem; width: 6.25rem; height: 50%; border-top: 0.05rem solid #FC6D6D; border-right: 0.05rem solid #FC6D6D; border-top-right-radius: 0.5rem; }

    .c2 .ct1 { position: relative; width: 13.2rem; height: 1.625rem; background: url(../images/i2.png); background-size: 100% 100%; margin: -0.5rem auto 2.25rem; }
        .c2 .ct1 .t2 { position: absolute; white-space: nowrap; -webkit-transform: translateX(-50%); font-size: 0.65rem; color: #333; top: 100%; margin-top: 0.5rem; }
        .c2 .ct1 .t2_1 { left: 0.8rem; }
        .c2 .ct1 .t2_2 { left: 4.475rem; }
        .c2 .ct1 .t2_3 { left: 8.4rem; }
        .c2 .ct1 .t2_4 { left: 12.525rem; }
.tip3 { text-align: center; font-size: 0.45rem; color: #808080; margin-top: 0.35rem; }


/**/