/*小秘豹新版*/
.ass_box{width:100%;min-height:600px;background:url("sub/ass_box_bg.png")no-repeat;background-color:#f9f9f9;padding-top:51px;}
.ass_title{width:100%;text-align: center;font-size:32px;color:#222;font-weight:bold;margin-bottom:30px;}
.ass_title i{display:inline-block;width:24px;height:24px;}
.ass_title i.title_left{background:url("sub/ass_title_left.png")no-repeat;margin-right:20px;}
.ass_title i.title_right{background:url("sub/ass_title_right.png")no-repeat;margin-left:20px;}

.ass_box .ass_item{width:1100px;margin:0 auto;background:url("sub/ass_bg1.png")no-repeat top right;background-color:#fff;padding:130px 20px 20px 40px;padding-top:130px;border-radius: 20px;position:relative;box-shadow: 0px 0px 10px 0px rgba(55, 60, 100, 0.1);margin-bottom:40px;}
.ass_box .ass_item:last-child{margin-bottom:0px;}
.ass_box .ass_item .mark{position:absolute;top:40px;left:-36px;background:url("sub/ass_mark.png")no-repeat;display:block;width:316px;height:75px;padding-left:35px;padding-top:14px;}
.ass_box .ass_item .mark h2{font-size:18px;color:#fff;font-weight:bold;padding-left:15px;}
.ass_box .ass_item .mark p{font-size:14px;color:#fff;}

.ass_list1{width:100%;margin-top:20px;margin-bottom:35px;}
.ass_list1 li{width:98px;height:28px;line-height:28px;text-align:center;background-color: #f9f9f9;font-size:14px;color:#222;margin-right:40px;float:left;cursor:pointer;}
.ass_list1 li.on{background-color:#568cfb;color:#fff;}

.ass_box .ass_item h3{font-size:18px;color:#222;font-weight:bold;position:relative;}
.ass_box .ass_item h3::before{content:"";display:block;position:absolute;left:-10px;top:4px;width:4px;height:18px;background-color:#325cde;border-radius: 2px;}
.ass_box .ass_item .p1{width:100%;font-size:14px;color:#222;}
.ass_box .ass_item .city_list1{width:100%;margin-top:15px;}
.ass_box .ass_item .city_list1 li{width:84px;height:28px;line-height:28px;text-align:center;background-color: #f9f9f9;margin-right:20px;float:left;margin-bottom:10px;cursor:pointer;}
.ass_box .ass_item .city_list1 li.on{background-color: #568cfb;color:#fff;}

.ass_box .ass_item .city_box{width:1020px;padding-top:10px;}
.ass_box .ass_item .city_box1{border-top:1px dashed #eee;margin-top:10px;padding-top:20px;}
.ass_box .ass_item .city_box .span1{display:inline-block;width:55px;font-size:14px;color:#222;}
.ass_box .ass_item .city_box ul{display:inline-block;width:965px;}
.ass_box .ass_item .city_box ul li{padding:0 20px;height:28px;line-height:28px;min-width:86px;text-align:center;background-color: #f9f9f9;cursor:pointer;float:left;margin-right:10px;margin-bottom:10px;}
.ass_box .ass_item .city_box ul li.on{background-color: #568cfb;color:#fff;}

.ass_box .ass_item .act_radio{width:100%;}
.ass_box .ass_item .act_radio label{cursor:pointer;}

.ass_box .ass_item .act_radio input[type=checkbox]{position:relative;width:0px;height:0px;cursor:pointer;margin-right:20px;border:none;}
.ass_box .ass_item .act_radio input[type=checkbox]::before{content:'';position:absolute;top:-12px;left:0;width:12px;height:12px;background:#fff;border-radius:50%;border:1px solid #666;}
.ass_box .ass_item .act_radio input[type=checkbox]:checked::before{border-color:#568cfb;}
.ass_box .ass_item .act_radio input[type=checkbox]:checked::after{content: '';position: absolute;top:-9px;left:3px;width:6px;height:6px;border-radius:50%;background-color:#568cfb;}

.ass_box .ass_item .act_radio .all_select{height:40px;line-height:40px;}
.ass_box .ass_item .act_radio ul{width:100%;}
.ass_box .ass_item .act_radio ul li{width:247px;margin-right:10px;height:40px;line-height:40px;float:left;}

.ass_box .ass_btn{width:100%;height:125px;padding-top:36px;text-align: center;}
.ass_box .ass_btn a{display:inline-block;width:160px;height:48px;line-height:48px;text-align: center;font-size:16px;border-radius:4px;}
.ass_box .ass_btn a.btn1{background-image: linear-gradient(-90deg,#568cfb 0%,#2d56db 100%);color:#fff;margin-right:40px;}
.ass_box .ass_btn a.btn1:hover{background-image: linear-gradient(-90deg,#719fff 0%,#4268e4 100%);}
.ass_box .ass_btn a.btn2{background-color: #eeeeee;color:#222;}

.ass_box1{display:block;}
.ass_box2{display:none;min-height: calc(100% - 56px);}
.ass_box2 .ass_item{padding-top:30px;}
.ass_box2 .phone_box{width:252px;height:482px;margin:0 auto;position:relative;z-index:10;}
.ass_box2 .phone{width:252px;height:482px;background: url('sub/ass_phone.png')no-repeat;padding-top:83px;position:relative;z-index:5;}
.ass_box2 .phone .phone_time{width:100%;font-size:47px;height:47px;line-height:47px;color:#fff;text-align: center;line-height:47px;}
.ass_box2 .phone .phone_date{width:100%;font-size:12px;height:18px;line-height:18px;color:rgba(255,255,255,0.8);text-align: center;}
.ass_box2 .phone .phone_code{width:185px;height:186px;background-color:#edf0f7;border-radius: 6px;margin:0 auto;margin-top:15px;position:relative;}
.ass_box2 .phone .phone_code img{max-width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.ass_box2 .phone_box .phone_item{width:281px;height:335px;position:absolute;padding-top:37px;z-index:3;}
.ass_box2 .phone_box .phone_item h2{font-size:16px;color:#222;}
.ass_box2 .phone_box .phone_left{background: url('sub/phone_left.png')no-repeat;top:65px;padding-left:36px;right:0;opacity:0;animation:ass_animate_left 0.4s linear forwards;}
.ass_box2 .phone_box .phone_right{background: url('sub/phone_right.png')no-repeat;top:12px;padding-left:43px;left:0;opacity:0;animation:ass_animate_right 0.4s linear forwards;}
.ass_box2 .p2{width:100%;height:40px;line-height:40px;text-align: center;font-size:16px;color:#222;margin-bottom:8px;}

@keyframes ass_animate_left {
    0%{right:0px;opacity:0}
    100%{right:232px;opacity:1}
}
@keyframes ass_animate_right {
    0%{left:0px;opacity:0}
    100%{left:232px;opacity:1}
}
.ass_box3{display:none;}
.ass_box3 .ass_item{padding-top:60px;}
.ass_box3 h1{width:100%;text-align:left;font-size:32px;color:#222;font-weight:bold;line-height: 1em;margin-top:-22px;}

.pay_tabs{margin-top:40px;}
.pay_tabs li{width:313px;height: 200px;border: solid 4px #666;background-color:#fff;float: left;margin-right:40px;position: relative;cursor: pointer;}
.pay_tabs li h2{font-size: 32px;color:#222;text-align: center;font-weight: bold;line-height: 1em;margin-top:60px;}
.pay_tabs li i{font-size: 40px;position: absolute;bottom:-4px;right:0;color:#db1212;display: none;}
.pay_tabs li.on{border-color: #db1212;}
.pay_tabs li.on i{display: block;}
.pay_tabs li p{font-size: 24px;text-align: center;font-weight: bold;line-height: 1em;margin-top:18px;}
.pay_tabs li p .span1{color:#ccc;text-decoration: line-through;margin-right:14px;}
.pay_tabs li p .span2{color:#222;}
.pay_tabs li:last-child{margin-right:0px;}
.pay_tabs li label{display: block;height: 26px;line-height: 24px;font-size:14px;color:#fff;position: absolute;top:0;right:0;background-color: #db1212;text-align: center;padding:0 18px;}

.pay_tabs1{margin-top:10px;}
.pay_tabs1 li{width:170px;height: 80px;border: solid 2px #666;background-color:#fff;float: left;margin-right:20px;position: relative;cursor: pointer;}
.pay_tabs1 li h2{font-size: 20px;color:#222;text-align: center;font-weight: bold;line-height: 1em;margin-top:15px;}
.pay_tabs1 li i{font-size: 26px;position: absolute;bottom:-4px;right:0;color:#db1212;display: none;}
.pay_tabs1 li.on{border-color: #db1212;}
.pay_tabs1 li.on i{display: block;}
.pay_tabs1 li p{font-size: 18px;text-align: center;font-weight: bold;line-height: 1em;margin-top:10px;}
.pay_tabs1 li p .span1{color:#ccc;text-decoration: line-through;margin-right:14px;}
.pay_tabs1 li p .span2{color:#222;}
.pay_tabs1 li:last-child{margin-right:0px;}
.pay_tabs1 li label{display: block;height: 16px;line-height: 16px;font-size:12px;color:#fff;position: absolute;top:0;right:0;background-color: #db1212;text-align: center;padding:0 6px;}
.pay_item{width:100%;font-size: 16px;margin-top:36px;}
.pay_item .span1{width:110px;display: block;float: left;color:#666;}
.pay_item .span2{width:900px;display: block;float: left;color:#f23d3d;}
.pay_item .span2 li{width:202px;height: 202px;float: left;margin-right:40px;position: relative;cursor: pointer;}
.pay_item .span2 li:hover p{transform: translateY(-4px);}
.pay_item .span2 li img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);display: none;max-width: 90%;}
/*.pay_item .span2 li .imgs{width:90%;height: 90%;position: absolute;top:10px;left:10px;background:url("loading.gif") no-repeat center center;background-color: #fff;}*/
.pay_item .span2 .wx{background:url("sub/wx_bg.png") no-repeat;background-size: cover;}
.pay_item .span2 .wx .bg{background:url("sub/wx.png") no-repeat center center;}
.pay_item .span2 .bg_item{width:100%;height:50px;margin-top:70px;transition: all 0.2s linear;}
/*.pay_item .span2 li p{margin-top:80px;color:#333;text-align: center;font-size: 20px;transition: all 0.2s linear;}*/
.pay_item .span2 .zfb{background:url("sub/zfb_bg.png") no-repeat;background-size: cover;}
.pay_item .span2 .zfb .bg{background:url("sub/zfb.png") no-repeat center center;}

.pay_item1 .span2{width:420px;}
.pay_item1 .span2 li{width:160px;height: 160px;}
.pay_item1 .span2 li .bg_item{margin-top:48px;}

.ass_box3 .p3{width:100%;height:25px;line-height:25px;font-size:14px;color:#222;text-align: center;margin-top:52px;margin-bottom:37px;}
.ass_box3 .p3 a{color:#568cfb;}

.ass_result .ass_item{padding-top:78px;padding-left:20px;}
.ass_result .p4{font-size:16px;color:#666;margin-top:60px;padding-left:20px;}
.ass_box .result_head1{width:520px;height:70px;margin:0 auto;}
.ass_box .result_head1 img{display:block;width:64px;height:64px;float:left;}
.ass_box .result_head1 .info{width:436px;margin-left:20px;float:left;padding-top:5px;}
.ass_box .result_head1 .info h2{font-size:22px;color:#222;font-weight:bold;}
.ass_box .result_head1 .info p{font-size:16px;color:#222;margin-top:1px;}

.result_item1{width:100%;}
.result_item1 span{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 100%;}
.result_item1 .span1{width:410px;text-align:left;padding-left:18px;}
.result_item1 .span2{width:110px;text-align:center;}
.result_item1 .span3{width:190px;text-align:center;}
.result_item1 .span4{width:100px;text-align:center;}
.result_item1 .span5{width:185px;text-align:center;}
.result_item1 .span6{width:65px;text-align:center;}
.result_item1 .span6 i{cursor: pointer;}

.result_th{margin-top:15px;}
.result_th span{font-size:18px;color:#444;font-weight:bold;}
.result_td{width:100%;margin-top:10px;}
.result_td span{font-size:14px;color:#222;}
.result_td li{width:100%;height:54px;line-height:54px;background-color:#f9f9f9;margin-bottom:10px;border-radius: 6px;}

/*.result_bottom{width:590px;height:48px;line-height:48px;margin:40px auto 20px;}*/
/*.result_bottom a{display:inline-block;width:160px;font-size:16px;height:48px;line-height:48px;background-image: linear-gradient(-90deg,#ff815a 0%,#ff890c 100%);text-align: center;color:#fff;border-radius: 4px;}*/
/*.result_bottom a:hover{background-image: linear-gradient(-90deg,#ff9676 0%,#ffa749 100%);}*/

/*小秘豹新推广页*/

.subscribe{width:280px;height:400px;border-radius:14px;border-bottom-left-radius:0px;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);position:absolute;right:0;bottom:0;background-color:#f7f7f7;z-index:3;}
.subscribe h2{width:100%;font-size:22px;color:#444;line-height:22px;margin-top:74px;text-align: center;margin-bottom:15px;}
.subscribe p.p1{width:100%;font-size:14px;color:#666;text-align: center;line-height:23px;height:23px;}
.subscribe p.p2{width:100%;font-size:18px;color:#f23d3d;text-align: center;margin-top:40px;}
.subscribe p.p3{width:100%;font-size:14px;color:#ccc;text-align: center;margin-top:10px;text-decoration: line-through;}
.subscribe a{display:block;width:152px;height:42px;line-height:43px;margin:0 auto;color:#fff;font-size:16px;text-align:center;letter-spacing:1px;background-image: linear-gradient(-29deg,#568efb 20%,#56c8fb 100%);margin-top:32px;}
.subscribe a:hover{background-image: linear-gradient(-29deg,#83adff 0%,#93deff 100%);transition:all 0.3s linear;}

.reveal{width:100%;height:375px;background:url("sub/reveal.png")no-repeat;background-position-y:-26px;overflow:hidden;background-color:#fff;}
.reveal h1{width:100%;font-size:34px;line-height:34px;color:#fff;font-weight:bold;text-align: center;margin-top:100px;margin-bottom:15px;}
.reveal .p1{width:100%;font-size:16px;height:30px;line-height:30px;color:#fff;text-align: center;letter-spacing:1px;}
.reveal .p2{width:100%;font-size:16px;height:30px;line-height:30px;color:#1dffa2;text-align: center;margin-top:6px;letter-spacing:1px;}
.reveal a{display:block;margin:0 auto;margin-top:14px;width:160px;font-size:16px;height:48px;line-height:48px;color:#fff;text-align: center;border: solid 1px rgba(255, 255, 255, 0.98);border-radius: 4px;}
.reveal a:hover{border: solid 1px rgba(255, 255, 255, 0.5);}
.to_top{display:none;width:60px;height:60px;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);border-radius: 4px;border: solid 1px #eee;background-color:#fff;padding-top:5px;cursor:pointer;text-align: center;position: fixed;z-index: 99;bottom: 70px;right: 50%;margin-right: -725px;}
.to_top:hover i{color:#568cfb;}

.scene_box{width:100%;background-color:#fff;padding-top:48px;padding-bottom:40px;}
.scene_list{width:1180px;margin:0 auto;margin-top:31px;}
.scene_list .scene_item{width:360px;height:590px;box-shadow: 0px 0px 10px 0px rgba(55, 60, 100, 0.1);border-radius: 14px;margin-right:40px;float:left;padding-top:348px;position:relative;}
.scene_list .scene_item:nth-child(1){background:url("sub/entry_img1.png")no-repeat;left:-180px;opacity:0;animation:scene_left 0.6s linear forwards;}
.scene_list .scene_item:nth-child(2){background:url("sub/entry_img2.png")no-repeat;}
.scene_list .scene_item:nth-child(3){background:url("sub/entry_img3.png")no-repeat;opacity: 0;right:-180px;animation:scene_right 0.6s linear forwards;}
.scene_list .scene_item:last-child{margin-right:0px;}
.scene_list .scene_item h2{width:100%;font-size:22px;line-height:22px;text-align: center;font-weight:bold;background-image:-webkit-linear-gradient(right,#568cfb,#2d56db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.scene_list .scene_item ul{width:100%;padding:0 26px;margin-top:12px;}
.scene_list .scene_item ul li{font-size:16px;color:#666;padding-left:17px;position: relative;margin-bottom:2px;line-height:29px;}
.scene_list .scene_item ul li::before{content:"";display:block;position:absolute;top:11px;left:0;width:6px;height:6px;background-color:#568cfb;}

@keyframes scene_left {
    0%{opacity: 0;left:-180px;}
    100%{opacity: 1;left:0;}
}
@keyframes scene_right {
    0%{opacity: 0;right:-180px;}
    100%{opacity: 1;right:0;}
}

.trait_box{width:100%;background-color:#f9f9f9;padding-top:50px;padding-bottom:40px;}
.trait_list{width:1180px;margin:0 auto;margin-top:30px;}
.trait_box .trait_item{width:280px;height:320px;position:relative;opacity:0;box-shadow: 0px 0px 10px 0px rgba(55, 60, 100, 0.1); border-radius: 14px;margin-right:20px;float:left;padding-top:163px;}
.trait_box .trait_item:nth-child(1){background:url("sub/tedian1.png")no-repeat;left:-280px;}
.trait_animte1{animation:trait_item1 0.4s linear forwards;}
.trait_box .trait_item:nth-child(2){background:url("sub/tedian2.png")no-repeat;left:-500px;}
.trait_animte2{animation:trait_item2 0.5s linear forwards;}
.trait_box .trait_item:nth-child(3){background:url("sub/tedian3.png")no-repeat;right:-280px;}
.trait_animte3{animation:trait_item3 0.4s linear forwards;}
.trait_box .trait_item:nth-child(4){background:url("sub/tedian4.png")no-repeat;right:-500px;}
.trait_animte4{animation:trait_item4 0.5s linear forwards;}
.trait_box .trait_item:last-child{margin-right:0px;}
.trait_box .trait_item h2{width:100%;font-size:22px;line-height:22px;color:#222;text-align: center;font-weight:bold;}
.trait_box .trait_item p{width:100%;font-size:16px;line-height:26px;color:#666;text-align: center;padding:0 28px;margin-top:8px;}

@keyframes trait_item1 {
    0%{opacity: 0;left:-280px;}
    100%{opacity: 1;left:0;}
}
@keyframes trait_item2 {
    0%{opacity: 0;left:-500px;}
    100%{opacity: 1;left:0;}
}
@keyframes trait_item3 {
    0%{opacity: 0;right:-500px;}
    100%{opacity: 1;right:0;}
}
@keyframes trait_item4 {
    0%{opacity: 0;right:-280px;}
    100%{opacity: 1;right:0;}
}

.push_box{width:100%;background:url("sub/ass_box_bg.png")no-repeat;background-color:#fff;padding-top:51px;}
.step_list{width:100%;padding-top:13px;}
.step_list .imgs1{width:594px;float:left;}
.step_list .imgs1 img{max-width:100%;}
.step_list .describe{width:585px;float:left;position:relative;}
.step_list .describe p{position:absolute;opacity:0;text-align:right;width:430px;font-size:22px;font-weight:bold;background-image:-webkit-linear-gradient(right,#568cfb,#2d56db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.step_list1 .describe{background:url("sub/01.png")no-repeat center right;height:403px;}
.step_list1 .describe p{top:186px;right:103px;}
.step_animte1{animation:step_list1 0.2s linear forwards;}
.step_animte2{animation:step_list2 0.2s linear forwards;}
.step_animte3{animation:step_list3 0.2s linear forwards;}
.step_list2{margin-top:20px;}
.step_list2 .describe{background:url("sub/02.png")no-repeat center left;height:386px;}
.step_list2 .describe p{top:162px;right:78px;}
.step_list3{margin-top:4px;}
.step_list3 .describe{background:url("sub/03.png")no-repeat center right;height:430px;}
.step_list3 .describe p{width:386px;top:194px;right:110px;text-align: center;}

@keyframes step_list1 {
    0%{opacity: 0;right:-20px;}
    100%{opacity: 1;right:103px;}
}
@keyframes step_list2 {
    0%{opacity: 0;right:200px;}
    100%{opacity: 1;right:78px;}
}
@keyframes step_list3 {
    0%{opacity: 0;right:-20px;}
    100%{opacity: 1;right:103px;}
}

.subscribe_btn{width:100%;padding-bottom:60px;padding-top:40px;}
.subscribe_btn p{width:100%;text-align: center;font-size:16px;color:#f23d3d;}
.subscribe_btn a{display:block;width:160px;height:48px;margin:0 auto;border-radius: 4px;margin-top:5px;line-height:48px;font-size:16px;text-align: center;color:#f7f7f7;background-image: linear-gradient(-90deg,#568cfb 0%,#2d56db 100%);}
.subscribe_btn a:hover{background-image: linear-gradient(-90deg,#719fff 0%,#4268e4 100%);}