.ui_click{-webkit-transition: all .2s linear;transition: all .2s linear;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);}
.ui_click:active{transform:scale(0.92);-webkit-transform:scale(0.92);-webkit-filter: brightness(0.85);filter: brightness(0.85);}
.font_data{font-family:FV_Almelo;}

.ui_ribbon{width: 120px;height: 30px;line-height:27px;margin: 10px auto;background-image: url("../image/ui_ribbon.png");background-size: cover;}
.ui_ribbon span{font-size: 14px;color: #fff;}


.home_card{display: block;position: relative;padding-top: 50px;text-align: center;width: 100%;height: 200px;border-radius: 15px;box-shadow: 0px 5px 15px 0px rgba(56,184,255,1);overflow:hidden;background: linear-gradient(to right,#3479ff,#38b8ff);}
.home_user_head{display: inline-block;position:absolute;top:10px;left: 10px;width:30px;height:30px;box-shadow:0px 0px 0px 2px rgba(255,255,255,0.2);-webkit-border-radius: 50%;overflow: hidden;background-size: cover;  -webkit-animation: home_user_head_ripple 0.5s linear infinite;  animation: home_user_head_ripple 0.5s linear infinite;}
.home_user_head:active img{-webkit-filter: brightness(0.6);filter: brightness(0.6);}
.home_user_head img{width:30px;height:30px;}

@-webkit-keyframes home_user_head_ripple {
    0% {
        box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1), 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0);
    }
}
@keyframes home_user_head_ripple {
    0% {
        box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1), 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0);
    }
}



.home_withdraw{position:absolute;top:10px;right:10px;padding:3px 5px;border: 1px solid rgba(255,255,255,0.6);border-radius: 30px;}
.home_withdraw:active{opacity: 0.5;}
.home_withdraw img{width: 13px;height: 13px;position: relative;top:2px;}
.home_withdraw span{color: rgba(255, 255, 255, 0.8);font-size: 12px;}
.home_balance span{font-size:60px;line-height:60px;font-weight:300;color:#fff;font-family: FV_Almelo;}
.home_balance i{color:#fff;font-size:18px;font-family: FV_Almelo;}
.home_card h5{font-size: 14px;color: #c0e0ff;}
.home_card_data{margin:30px auto;}
.home_card_data h5 span{font-size: 14px;color: #c0e0ff;}
.home_card_data_line{display: inline-block;height: 20px;margin: 0px 0px ;position: relative;top:-2px;border-right:0.5px solid rgba(255,255,255,0.25);}



.ui_wave{
    width: 300%;
    height: 80px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.ui_wave_parallax > use {
    animation: move-forever 12s linear infinite;
}
.ui_wave_parallax > use:nth-child(1) {
    animation-delay: -2s;
}
.ui_wave_parallax > use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 5s;
}
.ui_wave_parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 3s;
}

@keyframes move-forever {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}



.home_button{display: block;width: 100%;margin: 15px 0px;padding: 0px;}
.home_button_task{margin-right:7.5px;border-radius: 15px;overflow: hidden;box-shadow: 0px 5px 15px 0px rgba(255, 204, 94, 1);-webkit-transition: all .2s linear;transition: all .2s linear;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);}
.home_button_task img{width:100%;height: 100%}
.home_button_task:active{box-shadow: 0px 5px 15px 0px rgba(255, 204, 94, 0.2);transform:scale(0.92);-webkit-transform:scale(0.92);}
.home_button_task:active img{-webkit-filter: brightness(0.95);filter: brightness(0.79);}
.home_button_share{margin-left:7.5px;border-radius: 15px;overflow: hidden;box-shadow: 0px 5px 15px 0px rgba(101, 163, 255, 1);-webkit-transition: all .2s linear;transition: all .2s linear;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);}
.home_button_share img{width: 100%;height: 100%}
.home_button_share:active{box-shadow: 0px 5px 15px 0px rgba(255, 204, 94,0.2);transform:scale(0.92);-webkit-transform:scale(0.92);}
.home_button_share:active img{-webkit-filter: brightness(0.95);filter: brightness(0.95);}

.home_other_list{width: 100%;overflow: hidden;padding:15px 10px;border-radius: 15px;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);margin-top:15px;}




.home_other_list_text{display:inline-block;position:absolute;left:66px; width: calc(100% - 66px);width: -webkit-calc(100% - 66px);height: 60px;border-bottom: 0.5px solid #eaf4f9;background-image: url("../image/ui_ribbon.png");background-repeat: no-repeat;background-size: 14px 14px;background-position: center right 20px;}
.home_other_list_text p{display: inline-block;font-size: 15px;color: #555555;line-height: 60px;}

#nav_side:before {z-index:9999;display:none;content:' ';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
#nav_side.nav_side_active::before {display: block;}
#nav_side.nav_side_active .nav_side_inner {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.nav_side_inner {padding: 10px 0px;position:fixed;z-index:9999;top:0;left: 0px;width:80%;height:100%;text-align:center;color: #333;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);background-color:hsla(0,0%,100%,.99);}
.nav_side_inner svg{margin:0;fill:currentColor}@supports (-webkit-backdrop-filter:blur(18px)){.nav_side_inner{-webkit-backdrop-filter:blur(18px);background-color:hsla(0,0%,100%,.96)}}
.nav_side_close {z-index: 10000;position:absolute;top:5px;right:5px;width: 40px;height: 40px;-webkit-transition:all 0.6s; transition:all 0.6s;}
.nav_side_close img{width: 40px;height: 40px;}
.nav_side_close:active {opacity: 0.5;-webkit-transform: rotate(180deg); }

.nav_user_base{width: 100%;display: block;position: relative;text-align: center;}
.nav_user_base img{width: 70px;height: 70px;margin: 20px auto 10px;}
.nav_user_base p{font-size: 18px;color: #555;}

.nav_user_info{width: 100%;border-bottom: 0.5px solid #eaf4f9;}
.nav_user_info_inner{padding: 15px 20px;}
.nav_user_info_inner img{width: 27px;}
.nav_user_info_inner p{font-size: 12px;color: #666;}
.nav_user_info_line{height:40px;width: 0.5px;background-color: #eaf4f9;}

.nav_menu_list{display: block;margin-top: 20px;}
.nav_menu{display: block;width: 100%;padding: 0px 20px 0px 40px;height: 60px;line-height: 60px;text-align: left;}
.nav_menu:active{background-color:#eaf4f9; }
.nav_menu img{width: 27px;display: inline-block;top: 6px;right:10px;position: relative;}
.nav_menu p{font-size: 18px;color: #2c2c2c;display: inline-block;}
.nav_menu_bottom{position: absolute;bottom:15px;}











.ui_bottom_logo{display: block;width: 100%;text-align: center;}
.ui_bottom_logo img{ height: 100px;margin: 30px auto 30px;}



.ui_modal_content{display: block;text-align: center;}
.ui_modal_close{position:absolute;top:15px;right:15px;background:url("../image/ui_ribbon.png");background-size:cover;width:20px;height:20px;-webkit-transition:all 0.3s; transition:all 0.3s;}
.ui_modal_close:active{opacity: 0.5;-webkit-transform: rotate(180deg);}
.ui_modal_title{display: block;font-size: 15px;color: #555;margin-bottom: 15px;}
.ui_modal_title span{display: block;margin: 10px auto;width: 50px;height: 2px;border-radius: 3px;background-color: #edf0f4;}
.ui_modal_text{}
.ui_modal_text span{color:#ff374e}
.ui_modal_text img{width: 100%;}
.ui_toast_icon{width: 60px;height: 60px;}
.ui_toast_icon_load{-webkit-animation: rotate 500ms infinite linear;animation: rotate 500ms infinite linear;}
.ui_toast_text span{color:#fce663}


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









.task_hint{display: block;width: 100%;height: 30px;line-height: 28px;position: relative;background-color:rgba(0,0,0,0.1);padding: 0px 15px;z-index:100;}
.task_hint svg {margin:0;fill:currentColor}
@supports (-webkit-backdrop-filter:blur(18px)) {.task_hint {-webkit-backdrop-filter:blur(18px);background-color:rgba(0,0,0,0.1)}
}.task_hint_center{text-align: center;}
.task_hint_fixed{position: fixed;left: 0;top:44px;}
.task_hint img{display: inline-block;width: 14px; margin: 1px auto 0 auto;vertical-align: middle;opacity: 0.88;}
.task_hint p{display: inline-block;font-size: 12px;color: #5e5e5e;text-indent: 2px;margin-left:3px;}
.task_hint p span{font-size: 14px;color: #fff;vertical-align: text-bottom;}
.task_hint_alpha{display: block;width: 100%;height: 30px;line-height: 28px;position: relative;background-color:rgba(0,0,0,0);padding: 0px 15px;z-index:100;}






.nav_bar_alpha {display:block;width:100%;height:44px;background:#fff;position:fixed;top:0;right:0;left:0;text-align:center;z-index:1001;-webkit-transition:all .4s linear;transition:all .4s linear;border-bottom: 1px solid #eeeeee; }
.return{position: absolute;left: 0;width:60px;height:44px;background:url("../image/ui_ribbon.png") no-repeat 15px center; background-size:12px auto;}
.return_white{position: absolute;left: 0;width:60px;height:44px;background:url("../image/ui_ribbon.png") no-repeat 15px center; background-size:12px auto;}
.nav_bar_alpha h2 {font-size:18px;color:#000;font-weight:bold;line-height:44px;margin:0 auto;font-family: Microsoft YaHei; }

@supports (-webkit-backdrop-filter:blur(18px)) {.nav_bar {-webkit-backdrop-filter:blur(18px);background-color:rgba(255,0,55,0.72)}
}
.nav_link_right{position: absolute;  top: 0;  right: 30px;  font-size: 16px;  height: 100%; line-height: 44px;}

.nav_bar_alpha + .container{padding:60px 15px 15px;}


.ui_list_title{display: block;width: 100%;position: relative;padding: 5px 15px;margin: 10px 0px;}

.ui_list_title p{display: inline-block;font-size: 16px; color: #000;vertical-align: middle;}


.ui_task_item_base{ -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.ui_task_item{position: relative; background-color: #fff;overflow: hidden;border-radius: 15px;text-align: center;height: 120px;padding-top: 15px;margin-top:12px;  width: calc(33.33% - 12px);}
.cci_icon{position:absolute;top:10px;left:0;margin:0 20px !important;width:72px !important;height:72px !important;z-index: 0;}
.ui_task_item:nth-child(3n){margin-right:7px;}
.ui_task_item:nth-child(3n-2){margin-left:7px;}
.ui_task_item:nth-child(3n-1){margin-left:11px;margin-right:11px;}
.ui_task_tag_deep{position: absolute;right: -18px;top: 0px;background-color: rgb(252,232,100);color:#a17408 ;font-size: 12px;font-weight: bold;text-align: center;width: 64px;height: 24px;line-height: 30px;-webkit-transform:rotate(45deg); transform: rotate(45deg);}
.ui_task_item_icon{display: block;width: 55px;height: 55px;border-radius: 12px;margin: 0px auto;}
.ui_task_item_money{font-size: 10px;color: #ff2f66;margin: 0 auto; line-height: 24px; margin-top: 5px;}
.cci_money{position:absolute;top:70px;left:0;width:100%;text-align:center;z-index:1 !important;}
.ui_task_item_money span{font-size: 20px; line-height: 24px;color:#FF3030;}
.ui_task_item_number{position: absolute;bottom: 0px;background-color: #eaf4f9;width: 100%;height: 18px;line-height: 18px;font-size: 10px;color: #84a4b4;}
.ui_task_item_state{position: absolute;bottom: 0px;background-color: #09BB07;width: 100%;height: 18px;line-height: 18px;font-size: 10px;color: #fff;}
.ui_task_activity_name{display: inline-block;background-color: #eaf4f9;height: 18px;line-height: 18px;padding: 0px 10px;font-size: 12px;color: #93afbd;border-radius: 10px;margin-top: 15px;}
.task_img_box{width: 55px;height: 55px;border-radius: 12px;margin: 0 auto;overflow:hidden;position:relative;}

.ui_task_time{position: relative;overflow: hidden;width: 30%;border-radius: 15px;text-align: center;height: 120px;padding-top: 22.5px;margin: 1.5%;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;background:url("../image/ui_ribbon.png") no-repeat center center;background-size:cover;}
.ui_task_time_img{width: 100%;height: 100%;position: absolute;bottom: 0px;left: 0px;z-index: -1}
.ui_task_time_text{display: block;margin: 7.5px auto;}
.ui_task_time_text img{width: 14px;height: 14px;display: inline-block;top: 1.5px;position: relative;margin-right: 2.5px;}
.ui_task_time_text p{font-size: 12px;color:#fff;display: inline-block;vertical-align: middle;}
.ui_task_time_data{font-size: 30px;color:#fff;}

.ui_task_item_none{margin: 5px;}

.task_detail_info{display: block;width: 100%;position: relative;padding: 25px 10px 0px;text-align: center;}
.task_detail_info img{display: inline-block;width: 55px;height: 55px;border-radius: 12.5px;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 0px;overflow: hidden;position:relative;top: 7.5px;}
.task_detail_info p{display: inline-block;font-size: 15px;}
.task_detail_info span{font-size: 50px}
.task_detail_info_time{display: block;max-width: 110px;font-size: 11px;height:18px;line-height: 18px;padding: 0px 7.5px;background-color: rgba(0,0,0,0.2);border-radius: 20px;margin: 20px auto;}
.task_detail_info_time span{font-size: 14px;font-family:font_time;}

.task_detail_step_base{display: block;position: relative;background-color: #fff;min-height: 180px;overflow: hidden;border-radius: 15px;text-align: center;padding: 20px 10px;margin: 20px 15px;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;}
.task_detail_step_num{position: absolute;left: 0px;top: 0px;height: 30px;line-height: 30px;padding: 0px 12.5px;font-size: 14px;color: #a17408;letter-spacing:2px;border:1px dashed rgb(249, 216, 85);box-shadow: 0px 5px 15px 0px rgba(255, 255, 255, 0.5);border-bottom-right-radius: 15px;border-top-left-radius: 15px;background:rgb(249, 216, 85);}
.task_detail_step_base p{font-size: 14px; color: #fff;display: block; margin-top: 15px;}
.task_detail_step_base p span{color: #f02e5c;}
.task_detail_keywords{font-weight: bolder;font-size: 28px;color: #e5e5e5;pointer-events: none;margin: 5px auto;}
.task_detail_keywords span{color: #000;pointer-events: auto !important;font-size:16px;}
.task_detail_deep_ribbon{width: 120px;margin: 10px auto;}

.task_detail_button{position: relative;display: inline-block;min-width: 160px;padding:10px 30px;border-radius: 100px;font-size: 18px;color: #a17408;font-weight: bold;background-image: -webkit-linear-gradient( 90deg, rgb(248,211,81) 0%, rgb(252,232,100) 100%);margin:20px 5px 5px;-webkit-transition: all .3s linear;transition: all .3s linear;}
.task_detail_button:active{color: rgba(161,116,8,0.6);background-image: -webkit-linear-gradient( 90deg, rgb(252,232,100) 0%, rgb(248,211,81) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.1);top:2px;-webkit-filter: brightness(0.95);filter: brightness(0.95);}
.button_disabled{-webkit-filter: grayscale(1);filter: grayscale(1);position: relative;color: rgba(161,116,8,0.6);font-weight: bold;background-image: -webkit-linear-gradient( 90deg, rgb(248,211,81) 0%, rgb(252,232,100) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.1);margin:10px 5px 5px;-webkit-transition: all .3s linear;transition: all .3s linear;}
.button_disabled:active{-webkit-filter: grayscale(1);filter: grayscale(1);color: rgba(161,116,8,0.6);background-image: -webkit-linear-gradient( 90deg,rgb(248,211,81)  0%, rgb(252,232,100) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.1);top:0px;}

.ui_button_default,.ui_button_default:active{position: relative;display: inline-block;min-width: 160px;    padding: 14px 30px;border-radius: 100px;font-size: 16px;color: #fff;background-image: linear-gradient(to right,#3479ff,#38b8ff);-webkit-box-shadow: 0 10px 18px -3px rgba(29,141,252,.5);  -moz-box-shadow: 0 10px 18px -3px rgba(29,141,252,.5);  box-shadow: 0 10px 18px -8px rgba(29,141,252,.5);margin:10px 5px 5px;-webkit-transition: all .3s linear;transition: all .3s linear;}
.ui_button_small{position: relative;display: inline-block;min-width: 160px;height: 36px;line-height: 36px;padding: 0px 30px;border-radius: 100px;font-size: 15px;color: #a17408;font-weight: bold;background-image: -webkit-linear-gradient( 90deg, rgb(248,211,81) 0%, rgb(252,232,100) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.5);margin:10px 5px 5px;-webkit-transition: all .3s linear;transition: all .3s linear;}
.ui_button_small:active{color: rgba(161,116,8,0.6);background-image: -webkit-linear-gradient( 90deg, rgb(252,232,100) 0%, rgb(248,211,81) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.1);top:1px;-webkit-filter: brightness(0.95);filter: brightness(0.95);}
.ui_button_download{background:#fff !important;color:#2b8ff7 !important;}
.ui_button_link{font-size: 14px;width: 200px;color: rgba(255,255,255,0.85);text-decoration: underline;text-align: center;position:fixed;bottom:20px;left:50%;margin-left: -100px;}
.ui_button_link:active{opacity: 0.6;}



.task_list{display: block;position: relative;margin: 15px;border-radius: 12.5px;box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px 0px;overflow: hidden;}
.task_base{display: block;width: 100%;height: 80px;background-color: #fff;position: relative;overflow: hidden;}
.task_base:active{background-color: #eee;}

.task_base_content{display: block;width:100%;height: 80px;padding: 15px 15px;border-top: 0.5px solid #eaf4f9;}
.task_base_icon{display: inline-block;width: 50px;height: 50px;border-radius: 12.5px;float:left;margin-right:10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;overflow: hidden;}

.task_app_icon{float:left;width:50px;height:50px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px;}
.task_base_text.table{float:left;width: calc(100% - 150px);height:50px;}
.state_tixian_warp_list .state_tixian_base,.state_bill_warp .state_tixian_base{height:auto;overflow:hidden;}
.task_base_text h2{display:inline-block;font-size: 16px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.task_base_text p{position: relative;top: 5px;font-size: 12px;color: #b9b9b9;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.task_base_tag{display: inline-block;font-size: 12px;color: #84a4b4;height: 18px;line-height: 18px;padding: 0px 7.5px;border-radius:30px;background-color: #eaf4f9;position: relative;top: 7.5px;}
.task_base_tag_ing{display: inline-block;font-size: 12px;color: #2b8ff7;height: 18px;line-height: 18px;padding: 0px 7.5px;border-radius:30px;background-color: #eaf4f9;position: relative;top: 7.5px;}
.task_base_tag_failed{display: inline-block;font-size: 12px;color: #ff2f66;height: 18px;line-height: 18px;padding: 0px 7.5px;border-radius:30px;background-color: #eaf4f9;position: relative;top: 7.5px;}
.task_base_tag_success{display: inline-block;font-size: 12px;color: #1aad19;height: 18px;line-height: 18px;padding: 0px 7.5px;border-radius:30px;background-color: #eaf4f9;position: relative;top: 7.5px;}
.task_base_tag1_failed{background: #ff2f66;}
.task_base_tag1_ing{background: #2b8ff7;}
.task_base_tag1_success{background: #1aad19;}

.task_base_money{display: inline-block;position: absolute;right: 15px;top:30px;text-align: right;}
.task_base_money p{font-size: 12px;color: #ff2f66;}
.task_base_money span{font-size: 24px;color: #ff2f66;font-family: FV_Almelo; }

.shiwan_record_box{background:#fff; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;overflow:hidden;height:80px;padding:15px;width:calc(100vw - 30px);position:relative;}
.m_shiwan_record{overflow:hidden;padding:10px;}
.m_record_app_icon{width:50px;float:left;}
.m_shiwan_intro{display:table;width:60%;position:absolute;left:75px;top:50%;  -webkit-transform: translate(0,-50%);  -moz-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%); transform: translate(0,-50%);}
.m_shiwan_intro>div p:first-child{width:60%;display:inline-block;font-size: 16px;color: #333;margin-bottom:5px;white-space:nowrap !important;text-overflow: ellipsis;overflow: hidden;}
.m_shiwan_intro p{color:#999;}
.slider_warp{margin-bottom:30px;}

.record_icon{display: inline-block;float:left;margin-right:10px;}
.withdraw_record_icon{width: 30px;margin-top:13px;}
.invite_record_icon{width: 50px;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;margin-top:3px;}

.task_detail_step_base{display: block;position: relative;background: linear-gradient(to right,rgb(52,122,255),rgb(56,183,255));min-height: 130px;overflow: hidden;border-radius: 15px;text-align: center;padding: 20px 10px;margin: 20px 15px;box-shadow: rgba(61,163,238,.5) 0px 10px 20px -5px;}

.task_detail_gaoe_base{display: block;position: relative;margin: 15px 15px;padding: 20px 10px;text-align: center;background-color: #fff;overflow: hidden;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;}
.task_detail_gaoe_base img{display: inline-block;width: 55px;height: 55px;border-radius: 12.5px;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 0px;overflow: hidden;position:relative;top: 7.5px;}
.task_detail_gaoe_base p{display: inline-block;font-size: 15px;color: #ff2f66;}
.task_detail_gaoe_base span{font-size: 50px}
.task_detail_gaoe_time{display: block;max-width: 100px;font-size: 11px;color: #fff;height:18px;line-height: 18px;padding: 0px 7.5px;background-color: #ff2f66;border-radius: 20px;margin: 5px auto;}
.task_detail_gaoe_time span{font-size: 14px;font-family:font_time;}

.task_detail_gaoe_base_tag{display: block;}
.task_detail_gaoe_step{display: block;position: relative;text-align: center;}
.task_detail_gaoe_step li{text-align: left;font-size: 14px; color: #898989;display:block;margin: 10px auto;width: 240px;line-height: 25px;padding: 2px 10px;border-radius: 25px;background-color: #eaf4f9;}


.task_gaoe_pic_warp{width: 100%;height: 110px !important;flex-direction:row;-webkit-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;padding: 10px 0px;overflow-y: hidden !important;overflow-x: scroll;-webkit-overflow-scrolling:touch;}
.task_gaoe_pic_warp img{width: 80px !important;height: 80px !important;margin: 0px 5px;border-radius: 12.5px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;}
.task_gaoe_form{display: block;width: 100%;background-color: #fff;padding:10px 20px;margin: 0px 0px;}
.task_gaoe_form_label {height:50px;padding-top:0px;position:relative;}
.task_gaoe_form_label p {font-size: 15px;color: #666;width:50px;position:absolute;left:0px;line-height: 50px;}
.task_gaoe_input {display:inline-block;width:100%;height:100%;padding-left:66px;font-size:15px;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;color:#000;border-radius:0px;position:relative;}
.task_gaoe_input::-webkit-input-placeholder{color: #bbb;}
.task_gaoe_input:focus {border-bottom:1px solid #ff2f66;transition:0.4s;}
.task_gaoe_form_bottom{display: block;width: 100%;padding: 0px 10px;text-align: center;color: #84a4b4;font-size: 10px;}




.share_date_base{display: block;width: 100%;position: relative;padding: 30px 10px 0px;text-align: center;background:#fff;}
#share_date_today{font-size:60px;line-height:60px;font-weight:300;color:#ff6969;display: block;font-family: FV_Almelo;}
.share_date_base h5{font-size: 14px;color: #999999;}
.share_date{margin:20px auto;padding-bottom: 20px;}
.share_date h5 span{font-size: 14px;color: #666;}
.share_date_line{display: inline-block;height: 20px;margin: 0px 0px ;position: relative;top:-2px;border-right:0.5px solid rgba(255,255,255,0.25);}

.share_content_base{display: block;position: relative;background-color: #fff;min-height: 180px;overflow: hidden;border-radius: 15px;text-align: center;padding: 10px 10px 20px;margin: 20px 15px;box-shadow: rgba(0, 0, 0, 0.15) 0 10px 20px 0;}
.share_content_task li{text-align: right;font-size: 14px; color: #898989;padding: 10px 0px; line-height: 25px;}
.share_content_task li p{ padding: 0px 10px;border-radius: 25px;background-color: #eaf4f9; min-width: 100px; display: inline-block; margin-right: 20px;}
.share_content_money li{ text-align: left; padding: 10px 0; height: 45px;}
.share_content_money li p{font-size: 30px; color: #f02e5c; display: inline-block; line-height: 25px;}

.share_content_rank{position: absolute;bottom: 0;right: -10px;text-align:right;display: block;border-top-left-radius: 30px;border-bottom-left-radius: 30px;height: 35px;line-height: 35px;padding: 0px 2px;padding-left: 10px;font-size: 15px;color: #a17408;font-weight: bold;background-image: -webkit-linear-gradient( 0deg, rgb(248,211,81) 0%, rgb(252,232,100) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.5);-webkit-transition: all .3s linear;transition: all .3s linear;}
.share_content_rank:active{color: rgba(161,116,8,0.6);background-image: -webkit-linear-gradient( 0deg, rgb(252,232,100) 0%, rgb(248,211,81) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.1);}
.share_content_rank p{display: inline-block;}
.share_content_rank img{display: inline-block;width: 15px;height: 15px;position: relative;top:2px;}

.share_content_button{}
.share_content_button p{font-size: 12px;color: #999;margin: 10px auto;}
.share_content_icon{margin: 5px 5px 15px;}
.share_content_icon img{width: 60px;height: 60px;}
.share_content_icon span{font-size: 12px;color: #999;display: block;}

.qrcode_bg {position:relative;height:160px;width:160px;margin:20px auto;text-align:center;background:url("../image/ui_ribbon.png") center top no-repeat;background-size: cover;}
.qrcode_bg img {position:absolute;top:3px;left:3px;z-index:100;height:150px;width:150px;opacity:0.88;border-style:solid;border-width:2px;border-color:rgb(255,255,255);}
.qrcode_line {pointer-events:none;position:absolute;z-index:101;top:0;left:-30px;height:3px;width:240px;background:url("../image/ui_ribbon.png") no-repeat;background-size:cover;animation:QRcode 1.2s infinite alternate;-webkit-animation:QRcode 1.2s infinite alternate;}
@keyframes  QRcode {from {top:-2px;}
    to {top:178px;}
}
@-webkit-keyframes  QRcode {from {top:-2px;}
    to {top:178px;}
}

.modal_share_qrcode_text{font-size: 14px;color: #888;margin: 5px auto;}
.share_link_base{display: block;text-align: center;position: relative;}
.share_link,.share_link:focus,.share_link:active{font-size: 13px;color: #999;width: 200px;height: 36px;line-height: 34px;margin: 10px auto;outline:none !important;border: 2px dashed #eee;border-radius: 100px;padding:0px 10px;text-align: left;}

.modal_button{display:block;width: 160px;height: 45px;line-height: 45px;padding: 0px 10px;margin: 15px auto;font-size:18px;cursor:pointer;border-radius: 45px;color:#fff !important;  background-image: -webkit-linear-gradient( 90deg, #3479ff,#38b8ff);box-shadow: 0px 10px 30px 0px rgba(52,121,255, 0.5);-webkit-transition: all .3s linear;transition: all .3s linear;}
.modal_button a{color: #fff !important;}
.modal_button:active {background-image: -webkit-linear-gradient( 90deg, rgb(255,56,122) 0%, rgb(255,47,91) 100%);box-shadow: 0px 10px 30px 0px rgba(255,56,122, 0);opacity: 0.8;}
.modal_share_link_text{font-size: 14px;color: #888;margin: 5px auto;}
.install_tip{color:#3699ff; line-height: 24px;}

.shoutu_top{display: block;padding:10px 20px 0px;position: relative;}
.shoutu_top_text{font-size:12px;color:#fff;line-height:24px;padding:3px;text-align:center;padding: 10px 20px;border:1px dashed rgba(255,255,255,0.3);border-radius:5px;}
.shoutu_top_text i {text-align: left;display: inline-block;width: 100%;}
.shoutu_top_text span {color: #FCFF0B;font-weight: bold;}

.shoutu_top_info{display: block;width: 100%;height: 70px;position: relative;padding:10px 20px;}
.shoutu_top_info_head{display: inline-block;position:absolute;top:18px;left: 0px;width:36px;height:36px;box-shadow:0px 0px 0px 2px rgba(255,255,255,0.5);-webkit-border-radius: 50%;overflow: hidden;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAA8FBMVEXp8Peat8+jwNidutKhvtagvdWcudGfu9Kpwteiv9ecudCsxNifvNTM2+ieu9PE1eSdudDO3OmkvtSyyNu/0eKhvNOivdPm7vWlv9WeutHI2Oa5zd+dudG+0eHn7/bG1+Xi6/SzydzT4Ozc5vDe6PLY5O/a5e/P3eqmv9WmwNW6zt/j7PTX4+6uxtno8Pff6fLh6vPW4u280ODg6fLC1OObuM+buNDD1eTU4eza5fDd5/GhvNKowdarw9jA0+K1y93k7PTk7fXl7fW7zt/F1uXc5/DZ5O/R3+vB0+OnwNXg6vKcuNDM2+mtxNjO3eq3zN1UQ75QAAACR0lEQVR4Xu3W1a7cMBAG4PnHDi4zMx5mxiLD+79Ne7YXq6hKHMU+Ui/8XVpKfo0nMwr9hyzLsizLsqx5ZTfX9DyvmXtXOaNXsd+rYqs9mJFx454HiLwMXsi8CzTO35JZ0x1ABLwlBZAzW0yhAzfgKOmiekLmVEII/peAd22u5ZGMSEpzSWYc30cyoim+oe4/wuU4LgZkwq0HyXEkPCMX9hmC4wmcHpK2VhWS40ncHZG2KcBJBAom2l7kJA6eSFsNDicJsB5qt8SH5EToz0nT1zUCRUi4IE3zqjLkm/aaPGsrQ8oz0nSkDgm1Z750AU4mtL/hYQ1FThZgZ4+0HH9BoAzx9knL8hKsoL9YChCsksdAd3PlWcXBhHSM15CsEqCsNY49uKwm4Lcos5MyAk7BRYmyOpxAcBoOqkca/1sBpyKyl1KH4HQc5J4pmzYkpwQsKJsQnFYRI8qmnD7EwdPrh0gcZA9xio76piBY4iFziACUMw+EcLNXEgKd7o5qVtD52UYeu5RNB3iiifIP0qcRgAplU4N/TNdILsVFgVq/0My6Vxa9lyeTF5jAwzPRsF4gLbfNhBSJ/pRMKPThxGbgkcy4iu19HqdkxN7oR2wlDmqrQ9K39JPm8RLYbZGu8T1cJ3mp1ElXJVqGLAKI7DOJxpA0Le8gJP8VSIGN7RE7Lmr6XfneACCKfwgAjfPFdP8qcpSbk76bgX+BDe+gPqMXs3quj43OQekNGTH+WBmV3nc/fdi+b+9m1S2VuqvZM6lZlmVZlmVZvwEAnS9LHbI74gAAAABJRU5ErkJggg==);background-size: cover;}
.shoutu_top_info_head:active{opacity: 0.5;}
.shoutu_top_info_head img{width:36px;height:36px;}

.shoutu_top_info_user{display: inline-block;position:absolute;top:18px;left: 48px;width: 100%;height: 36px;}
.shoutu_top_info_user p{display: block;font-size: 17px;color:#fff;line-height: 18px;}
.shoutu_top_info_user span{display: block;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 20px;}
.shoutu_top_info_user span i{color: #FCFF0B;}

.shoutu_page {display:block;position:relative;width:100%;padding:44px 0px 90px ;}

.shoutu_page_text_base{font-size:14px;color:#666;line-height:24px;;text-align:left;padding: 15px 10px 15px 20px;background-color: #fff;border-radius:15px;position: relative;}
.shoutu_page_text_base i {text-align: left;display: inline-block;width: 100%;}
.shoutu_page_text_base span {color: #ff2f66;font-weight: bold;}
.shoutu_page_text_base::after{display: block;position: absolute;bottom: -24px;left: 80px;width:0;height:0;content:' ';border-width:15px;border-style:solid;border-color:#fff transparent transparent transparent;}

.shoutu_page_text_base_bounce {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
@-webkit-keyframes dong {from {bottom:20px;}
    to {bottom:60px;}
}
@-moz-keyframes bounce {0%,20%,50%,80%,100% {-moz-transform:translateY(0);transform:translateY(0);}
    40% {-moz-transform:translateY(-20px);transform:translateY(-20px);}
    60% {-moz-transform:translateY(-10px);transform:translateY(-10px);}
}
@-webkit-keyframes bounce {0%,20%,50%,80%,100% {-webkit-transform:translateY(0);transform:translateY(0);}
    40% {-webkit-transform:translateY(-20px);transform:translateY(-20px);}
    60% {-webkit-transform:translateY(-10px);transform:translateY(-10px);}
}
@keyframes bounce {0%,20%,50%,80%,100% {-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);}
    40% {-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-30px);transform:translateY(-30px);}
    60% {-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-15px);transform:translateY(-15px);}
}

.shoutu_page_list_warp {display:block;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:0px 0px 0px 0px;border-radius:15px;box-shadow:0px 5px 15px 0px rgba(255,65,62,0.15);position:relative;margin:5px 20px;background-color:#fff;}
.shoutu_page_list_title{display: block;position:relative;width: 100%;height: 60px;margin: 5px auto;background-image: url("../image/ui_ribbon.png");background-size: 168px 32px;background-position: center;background-repeat: no-repeat;font-size: 13px;color: #fff;text-align: center;padding-top: 18px;}
.shoutu_page_list{display: block;position: relative;padding: 0px 10px;height: 60px;border-top: 0.5px solid rgba(0,0,0,0.06);}
.shoutu_page_list_head {width:40px;height:40px;border-radius:50%;float:left;border: 1px solid rgba(0,0,0,0.05);margin-top:10px;}

.shoutu_page_list_name{position: absolute;left: 60px;top:10px;font-size: 16px;color: #333;}
.shoutu_page_list_text{position: absolute;left: 60px;top:30px;font-size: 14px;color: #777;}
.shoutu_page_list_text span{color: #ff2f66;}
.shoutu_page_list_time{position: absolute;right: 15px;font-size: 13px;color: #999;line-height: 60px;}

.shoutu_page_btn_base{z-index: 1000;display: block;text-align:center;position: fixed;bottom: 0px;left: 0px;width: 100%;padding:0px 15px 30px;background-color: rgba(255,47,91,0);}




.share_rank_menu_warp{display: block;z-index: 100;width: 100%;background:rgba(255,47,91,0);-webkit-backdrop-filter:blur(10px);text-align: center;padding: 15px;position: fixed;top:44px;left: 0px;-webkit-transition:all .4s linear;transition:all .4s linear;}

.share_rank_menu_base{display: flex;width: 200px;height: 30px;border-radius: 5px;overflow: hidden;position: relative;left: 50%;margin-left: -100px;}
.share_rank_menu{display: inline-block;border:1px solid rgba(255,255,255,0.75);width: 100px;height: 30px;line-height: 30px;font-size: 15px;color:#fff;}
.share_rank_menu_active{display: inline-block;width: 100px;height: 30px;line-height: 30px;background-color: #fff;font-size: 15px;color: #3699ff;}

.share_rank_warp {position:relative;margin:10px 20px;padding-left:0;list-style:none;background-color: #fff;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;overflow: hidden;}
.share_rank_list {display: block;position:relative;overflow:hidden;text-align: left;height: 60px;}
.share_rank_list:after {position:absolute;right:0;bottom:0;left:10px;right:10px;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:rgba(0,0,0,0.05);}
.share_rank_icon {float:left;width: 48px;height:48px;margin:5px -4px 0px 5px;}
.share_rank_num {float:left;width:20px;height:20px;margin: 20px 12px 17.5px 18px;font-size:15px;line-height: 20px;color:#fff;background-color:#3699ff;border-radius: 50%;text-align:center;}
.share_rank_head {width:40px;height:40px;border-radius:50%;float:left;box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px;margin-top:10px;}
.share_rank_name {font-size:16px;line-height: 18px;color:#333;float:left;margin-top: 12.5px;margin-left:5px;width: -webkit-calc(100% - 200px);}
.share_rank_name span{font-size:12px;color:#999;display: block;margin-top: 2px;}
.share_rank_name span i{color:#ff2f66;}

.share_rank_date {font-size:12px;color:#999;position:absolute;right:10px;line-height: 60px;}
.share_rank_date i{color:#ff2f66;}
.share_rank_date span {font-size:20px;color:#ff2f66;font-family: FV_Almelo;}








.newbie_home_button{position: absolute;top: 75px;right: 0px;text-align:right;display: block;border-top-left-radius: 30px;border-bottom-left-radius: 30px;width: 100px;height: 45px;padding: 10px 2px;background-image: -webkit-linear-gradient( 0deg, rgb(248,211,81) 0%, rgb(252,232,100) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.5);-webkit-transition: all .3s linear;transition: all .3s linear;}
.newbie_home_button:active{color: rgba(161,116,8,0.6);background-image: -webkit-linear-gradient( 0deg, rgb(252,232,100) 0%, rgb(248,211,81) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.1);top:77px;}
.newbie_home_button_icon{position: absolute;top:7.5px;left: 7.5px;width: 30px;height: 30px;background-color: rgba(255,255,255,0.8);border-radius: 50%;padding: 2px;}
.newbie_home_button_icon img{width: 26px;height: 26px;}
.newbie_home_button i{position: absolute;left: 42.5px;top:6px;font-size: 13px;color: #a17408;font-weight: bold;}
.newbie_home_button_time{position: absolute;left: 42px;top:24px;font-family: font_time;font-size: 13px;color: #fff;background-color: rgba(161, 116, 8,0.6);width: 54px;height: 16px;line-height: 16px;border-radius: 2px;padding: 0px 0px;display: inline-block;text-align: center;}
.newbie_home_button_time ul {display:inline-block;}
.newbie_home_button_time ul span {}
.newbie_home_button_time ul.seperator {vertical-align:middle;margin: 0px -2.5px;}

.newbie_task_base{display: block;position: relative;background-color: #fff;min-height: 180px;overflow: hidden;border-radius: 15px;text-align: center;padding: 20px 10px;margin: 20px 15px;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;}
.newbie_task_base_num{position: absolute;left: 0px;top: 0px;height: 30px;line-height: 30px;padding: 0px 12.5px;font-size: 14px;color: #a17408;letter-spacing:2px;background-color: rgb(249, 216, 85);box-shadow: 0px 5px 15px 0px rgba(249, 218, 87, 0.5);border-bottom-right-radius: 15px;}
.newbie_task_base p{font-size: 14px; color: #999;display: block;}
.newbie_task_base p span{color: #f02e5c;}

.newbie_task_base_time{display: block;width: 300px;font-size: 14px;color: #fff;height:25px;line-height: 25px;padding: 0px 7.5px;background-color: #ff2f66;border-radius: 20px;margin: 5px auto;}
.newbie_task_base_time span{font-size: 16px;font-family:font_time;}

.newbie_task_step{display: block;position: relative;text-align: center;}
.newbie_task_step li{text-align: left;font-size: 14px; color: #898989;display:block;margin: 10px auto;width: 300px;line-height: 25px;padding: 2px 10px;border-radius: 25px;background-color: #eaf4f9;}
.newbie_task_step li span{color: #f02e5c;}

.newbie_task_base_not{-webkit-filter: saturate(0);}






.tab_scroll_nav {display: block;position: fixed;top:44px;left:0px;width:100%;height:40px;z-index:9999;display:-moz-box;display:-webkit-box;display:flex;}
.tab_scroll_nav svg {margin:0;fill:currentColor}
@supports (-webkit-backdrop-filter:blur(18px)) {.tab_scroll_nav {-webkit-backdrop-filter:blur(18px);background-color:rgba(0,0,0,0.1)}
}
.tab_scroll_nav_end {height:40px;position:relative;overflow:hidden;-webkit-box-flex:1;box-flex:1;    width: 100%;}
.tab_scroll_nav_list {position:absolute;left:0;}
.tab_scroll_nav_list ul {position:relative;white-space:nowrap;font-size:0;}
.tab_scroll_nav_list ul li {display:inline-block;padding:0;margin:0 20px;}
.tab_scroll_nav_list ul li a {display:block;width:100%;height:100%;line-height:40px;font-size:15px;text-align:center;color:#3699ff;transition:0.3s cubic-bezier(0.53,0,0.15,1.3);position:relative;}
.tab_scroll_nav_cur a {color:#fff !important;}
.tab_scroll_nav_list a.active {color:#fff;}
.tab_scroll_nav_line {display:block;position:absolute;border:0;height:2px;border-radius: 2px;background-color:#3699ff;left:0;top:38px;pointer-events:none;}
.record_tab:after{position:absolute;top:50%;right:0;content:"";height:18px;width:1px;background:#eee;  -webkit-transform: translate(0,-50%);  -moz-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);}

.li_list {overflow-y:scroll;-webkit-overflow-scrolling:touch;display:table;}
.li_list_warp {padding:84px 0 0 0;}

.other_task_send{display: block;padding: 0px;}
.other_task_send_list{display: block;width: 100%;margin: 15px auto;position: relative;background-color: #fff;padding: 0px;}
.other_task_send_list:active{background-color: #e8e8e8;}
.other_task_send_content{display: block;width: 100%;position: relative;padding: 10px;text-align: left;}
.other_task_send_content img{display: inline-block;width: 80px;height: 80px;overflow: hidden;}
.other_task_send_content h2{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient : vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: left;width: calc(100% - 110px);position: absolute;top:10px;left: 100px;font-size: 16px;line-height: 20px;color: #333;}
.other_task_send_content h3{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient : vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: left;width: calc(100% - 110px);position: absolute;top:55px;left: 100px;font-size: 13px;line-height: 18px;color: #888;}

.other_task_send_bottom{position:relative;border-top: 1px solid rgba(0,0,0,0.03);width: 100%;padding: 20px 0px;overflow: hidden;}
.other_task_send_bottom p{text-align: center;color: #666;font-size: 15px;border-right: 0.25px solid rgba(0,0,0,0.06);}
.other_task_send_bottom span{color: #ff2f66;}

@media screen and (max-width:320px) {
    .other_task_send_bottom p{text-align: center;color: #666;font-size: 13px;border-right: 0.25px solid rgba(0,0,0,0.06);}
}


.other_task_star{display: block;display: inline-block;position: absolute;right: 10px;top: 28px;}
.other_task_star img{display: inline-block;width: 16px; margin: 0px 2px;}
.other_task_wechatsearch{display: block;width: 100%;text-align: center;padding: 40px 15px;}
.other_task_wechatsearch img{width: 120px;margin: 10px auto;}
.other_task_wechatsearch p{color: #777;font-size: 15px;line-height: 26px;}





.task_comment_base{display: block;text-align: center;position: relative;padding: 0px 20px;margin-top: 20px;}
.task_comment_text,.task_comment_text:focus,.task_comment_text:active{display: block;width: 100%;font-size: 12px;color: #999;height: 36px;line-height: 34px;margin: 10px auto;outline:none !important;border: 2px dashed #eee;border-radius: 100px;padding:0px 10px;text-align: left;}
.task_comment_textarea,.task_comment_textarea:focus,.task_comment_textarea:active{display: block;width: 100%;font-size: 12px;color: #999;min-height: 72px;line-height: 20px;margin: 10px auto;outline:none !important;border: 2px dashed #eee;border-radius: 15px;padding:5px 10px;text-align: left;}

.task_uploader_input_wrap{display: block;width: 100%;height: 140px;margin: 20px auto;background: url("../image/ui_ribbon.png") no-repeat center center;background-size: 280px 140px;}
.task_uploader_input_wrap:active{opacity: 0.5;}
.task_uploader_input{display: block;outline:none !important;height: 140px;opacity: 0;margin: 0 auto;}

.task_uploader_img_wrap{display: block;width: 100%;margin: 20px auto;padding: 0px 20px;}
.task_uploader_img_wrap img{width: 100%;}










.liveness_date_base{display: block;width: 100%;position: relative;padding: 15px 10px 10px;text-align: center;}
#liveness_date{font-size:60px;line-height:60px;font-weight:300;color:#fff;display: block;font-family: FV_Almelo;}
.liveness_datee_base h5{font-size: 14px;color: rgba(255,255,255,0.5);}

.liveness_content_base{display: block;position: relative;background-color: #fff;min-height: 180px;overflow: hidden;border-radius: 15px;text-align: center;padding: 10px 0px 20px;margin: 20px 15px;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;}


.liveness_content_ul{display: block;padding: 0px;background-color: #fff;text-align: left;margin-bottom: 20px;}
.liveness_content_ul ul{display: block;height: 56px;position: relative;padding: 0px 15px;background-color: #fff;border-bottom: 1px rgba(0,0,0,0.06) solid;}
.liveness_content_ul li{display: inline-block;font-size: 15px;line-height: 56px;color:#666;position:relative;}
.liveness_content_ul p{display: inline-block;font-size: 15px;line-height: 56px;color:#ff2f66;position: relative;margin-left:5px;}

.liveness_button_default{position: absolute;right:15px;top:10.5px;display: block;text-align: center;width:75px;height: 32px;padding:0px 5px;font-size: 14px;line-height: 32px;border-radius: 30px;color: #a17408;font-weight: bold;background-image: -webkit-linear-gradient( 90deg, rgb(248,211,81) 0%, rgb(252,232,100) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.5);-webkit-transition: all .2s linear;transition: all .2s linear;}
.liveness_button_default:active{color: rgba(161,116,8,0.6);background-image: -webkit-linear-gradient( 90deg, rgb(252,232,100) 0%, rgb(248,211,81) 100%);box-shadow: 0px 10px 30px 0px rgba(249, 218, 87, 0.1);top:14px;-webkit-filter: brightness(0.95);filter: brightness(0.95);}
.liveness_button_green{position: absolute;right:15px;top:10.5px;display: block;text-align: center;width:75px;height: 32px;padding:0px 5px;font-size: 13px;line-height: 32px;color:#1aad19;border-radius: 30px;background: #eaf4f9;}
.liveness_button_grey{position: absolute;right:15px;top:10.5px;display: block;text-align: center;width:75px;height: 32px;padding:0px 5px;font-size: 13px;line-height: 32px;color:#84a4b4;border-radius: 30px;background: #eaf4f9;}






.vip_warp {display:block;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:0px 20px;border-radius:2px;box-shadow:0px 5px 15px 0px rgba(255,65,62,0.15);position:relative;margin: 10px 20px 20px;background-color:#fff;}
.vip_base_label {padding-top:0px;position:relative;}
.vip_base_label_line {display:block;width:100%;padding:15px 0px;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;color:#000;border-radius:0px;position:relative;}
.vip_base_label_line p{display: inline;font-size: 30px;color: #ff2f66;font-style: italic;font-family:'TimesNewRomanMTace61929d2d5a';}
.vip_base_label_level {font-size:16px;color:#ff2f66;position:absolute;right:5px;top:14px;}
.vip_base_label_level_icon{width: 60px;position: absolute;top: 15px;right: 0px;}
.vip_base_label_level_unknown{width: 100px;position: absolute;top: 20px;right: 0px;}
.vip_next_level{display:block;width:150px;height:50px;position: absolute;right:0px;top:8px;}
.vip_next_level p{display:inline-block;font-size:12px;color:#999;}
.vip_next_level span{display:inline-block;font-size:12px;color:#ff2f66;float: right;margin-top: 5px;}
.vip_level_progress{display: block;height:4px;margin-bottom:30px;margin-top:6px;overflow:hidden;background-color:rgba(0,0,0,0.05);border-radius:2px;}
.vip_level_progress_bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#ff7777;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
.vip_base_label_text {display:block;width:100%;padding:0px 0px 15px;position:relative;}
.vip_base_label_text p{display:block;font-size:13px;color:#666;line-height: 24px;}
.vip_base_label_text p span i{color:#ff2f66;}




.tixian_date_base{display: block;width: 100%;position: relative;padding: 15px 10px 10px;text-align: center;}
#tixian_date_balance{font-size:60px;line-height:60px;font-weight:300;color:#ff6969;display: block;font-family: FV_Almelo;}
.tixian_date_base h5{font-size: 14px;color: #999;}

.tixian_content_base{display: block;position: relative;background-color: #fff;min-height: 180px;overflow: hidden;border-radius: 15px;text-align: center;padding: 10px 20px 20px;margin: 20px 15px;box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;}

.tixian_form_label {padding-top:0px;position:relative;}
.tixian_form_label img {width:16px;position:absolute;left:0px;top:17px;}
.tixian_form_label_line {display:block;width:100%;height:50px;padding:15px 0px;margin:10px auto;font-size:15px;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;color:#333;border-radius:0px;position:relative;}
.tixian_form_label_line2 {display:block;width:100%;margin:5px auto 10px;font-size:15px;border-bottom:0px solid rgba(0,0,0,0.06);background:transparent;color:#333;border-radius:0px;position:relative;}
.tixian_form_label_line3 {text-align: left;display:block;width:100%;height:50px;padding:15px 0px;margin:0px auto;font-size:15px;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;color:#333;border-radius:0px;position:relative;}
.tixian_form_label_cash {font-size:16px;color:#666;position:absolute;right:5px;top:14px;}
.tixian_form_label_cash span {color:#ff2f66;}
.tixian_form_label_text {display:block;font-size:12px;color:#999;margin:20px 0px;line-height:130%;}
.tixian_form_label_text span {color:#ff2f66;}
.tixian_form_btn {display:block;width:100%;height:50px;margin:15px auto 10px;border-radius:2.5px;padding:15px 10px;text-align:center;background-color:rgb(255,65,62);box-shadow:0px 3px 6px 0px rgba(255,65,62,0.4);bottom:20px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.tixian_form_btn p {font-size:15px;color:#fff;}
.tixian_form_btn:active {background-color:#d12d2b;box-shadow:0px 3px 6px 0px rgba(255,65,62,0);bottom:18px;}
.tixian_form_btn:active p {color:rgba(255,255,255,0.5);}
.tixian_select {display:flex;width:100%;margin-bottom:10px;}
.tixian_select_a {display:inline-block;flex:1;padding-bottom:10px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.06);}
.tixian_select_a img {width:40px;height:40px;margin:0 auto;margin-top:15px;border-radius:10px;overflow: hidden;-webkit-transition:all .15s ease;transition:all .15s ease;}
.tixian_select_a p {font-size:12px;color:#fff;margin:6px auto;position:relative;}
.tixian_select_a p span {display:none;}
.tixian_select_a:active {display:inline-block;flex:1;text-align:center;border-bottom:1px solid rgba(0,0,0,0.06);background-image:url("../image/ui_ribbon.png");background-repeat:no-repeat;background-size:10px 10px;background-position:bottom;opacity:0.8;}
.tixian_select_a:active img {width:55px;height:55px;border-radius:12.5px;overflow: hidden;margin:0 auto;}
.tixian_select_a:active p {font-size:14px;color:#666;margin:6px auto;}
.tixian_select_a:active p span {display:inline-block;width:25px;height:25px;border-radius:50%;border:2px solid #fff;background-image:url("../image/ui_ribbon.png");background-repeat:no-repeat;background-size:cover;position:absolute;bottom:25px;left:calc(50% + 10px);left:-webkit-calc(50% + 10px);}
.tixian_select_a_active {display:inline-block;flex:1;text-align:center;border-bottom:1px solid rgba(0,0,0,0.06);background:url("../image/ui_ribbon.png") no-repeat bottom;background-size:10px 10px;}
.tixian_select_a_active img {width:55px;height:55px;border-radius:12.5px;overflow: hidden;margin:0 auto;}
.tixian_icon_wechat{box-shadow: rgba(0, 207, 13, 0.5) 0px 5px 10px 0px;}
.tixian_icon_alipay{box-shadow: rgba(0, 170, 238, 0.5) 0px 5px 10px 0px;}
.tixian_icon_latiao{box-shadow: rgba(212, 0, 16, 0.5) 0px 5px 10px 0px;}
.tixian_select_a_active p {font-size:14px;color:#666;margin:6px auto;}
.tixian_select_a_active p span {display:inline-block;width:25px;height:25px;border-radius:50%;border:2px solid #fff;background-image:url("../image/ui_ribbon.png");background-repeat:no-repeat;background-size:cover;position:absolute;bottom:25px;left:calc(50% + 10px);left:-webkit-calc(50% + 10px);}
.tixian_select_wechat {overflow:hidden;width:100%;margin:0px auto;}
.tixian_select_wechat_item {float:left;width:calc(33.333% - 8px);font-size:15px;color:#666;padding:6px 0px;text-align:center;border-radius:5px;border:2px solid rgba(0,0,0,0.06);margin:4px;}
.tixian_select_wechat_item:active {font-size:15px;width:calc(33.333% - 10px);font-weight:500;color:#04be02;padding:6px 0px;text-align:center;border-radius:5px;border:2px solid #04be02;margin:4px;background-image:url("../image/ui_ribbon.png");background-repeat:no-repeat;background-size:20px 20px;background-position:right bottom;}
.tixian_select_wechat_item_active {font-size:15px;font-weight:500;color:#04be02;width:calc(33.333% - 10px);padding:6px 0px;text-align:center;border-radius:5px;border:2px solid #04be02;margin:4px;background-image:url("../image/ui_ribbon.png");background-repeat:no-repeat;background-size:20px 20px;background-position:right bottom;}
.tixian_input {display:inline-block;width:100%;height:100%;font-size:15px;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;color:#000;border-radius:0px;position:relative;}
.tixian_input:focus {border-bottom:1px solid #ffcccc;transition:0.4s;}

.withdraw_list{overflow:hidden;width:100%;}
.withdraw_list .withdraw_money{float:left;width:calc(33.333% - 10px);font-size:15px;color:#666;padding:6px 0px;text-align:center;border-radius:5px;border:2px solid rgba(0,0,0,0.06);margin:3px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.withdraw_list .withdraw_money.active{font-weight:500;color:#04be02;background-image:url("../image/ui_ribbon.png");background-repeat:no-repeat;background-size:20px 20px;background-position:right bottom;}







.state_li_list {overflow-y:scroll;-webkit-overflow-scrolling:touch;display:table; width: 100%;}
.state_li_list_warp {padding:84px 0 0 0; width: 100%; }

.state_bill_warp{width: calc(100% - 30px);width: -webkit-calc(100% - 30px);margin: 0px 15px;}


.state_bill_list{background-color: #fff;padding:20px 15px;display: block;position: relative;border-radius: 15px;margin: 15px 0px;border-bottom: 1px solid #eee;}
.state_bill_list:active{background-color: #f5f5f5;}
.state_bill_list h2{ font-size: 17px;line-height: 20px; height: 20px; width:80%;color: #333;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.state_bill_list p{ font-size: 13px;line-height: 110%;color: #999;margin-top: 10px;display: block;}
.state_bill_list_bill{ font-size: 13px;float: right;line-height: 110%;color: #999;display: block;}

.state_bill_list_number{ font-size: 22px;color: #08bb08;line-height: 110%;display: block;position: absolute;right:15px;top:15px;}
.state_bill_list_number_{ font-size: 22px;color: #999;line-height: 110%;display: block;position: absolute;right:15px;top:15px;}


.state_bill_detail{display: block;width: 100%;background-color: #fff;border-bottom: 1px solid rgba(0,0,0,0.06);padding: 20px;}
.state_bill_detail_base{display: inline-block;width: 100%;background-color: #fff;margin: 8px 0px;}
.state_bill_detail_left{font-size:14px; color:#999; line-height: 110%;float: left;}
.state_bill_detail_right{font-size:14px; color:#333;  line-height: 110%;float: right;}
.state_bill_detail_warp{display: block;margin: 15px;border-radius: 12.5px;overflow: hidden;}
.state_bill_detail_title{width: 100%;background-color: #fff;border-bottom: 1px solid rgba(0,0,0,0.06);padding: 30px 20px 40px 20px;}
.state_bill_detail_cash{font-size:14px; color:#999; line-height: 110%;float: left;}
.state_bill_detail_value{font-size:32px; color:#08bb08;  line-height: 110%;float: right;margin-top: -10px;}

.state_tixian_warp{display: block;width: calc(100% - 30px);width: -webkit-calc(100% - 30px);height: calc(100% - 114px);height: -webkit-calc(100% - 114px);position: fixed;margin: 15px;border-radius: 15px;overflow:hidden;overflow-y:scroll !important;-webkit-overflow-scrolling:touch;}
.state_tixian_warp_list{margin-top: 15px;border-radius: 12.5px;overflow: hidden;}



.state_tixian_base{position: absolute;left: 15px;display: block;width:calc(100% - 15px);width:-webkit-calc(100% - 15px);height: 72px;padding: 12px 0px;}
.state_tixian_time{font-size: 11px !important;top:2px !important;line-height: 15px !important;}
.state_tixian_tag{display: inline-block;font-size: 10px;color: #b5b5b5;height: 24px;line-height:24px;padding: 0px 5px;border-radius: 3px;border: 0.5px solid #cccccc;position: absolute;right: 20px; top: 50%; margin-top: -12px;}
.state_tixian_tag_pay{color: #ff7777;border: 0.5px solid #ff7777;}
.state_tixian_tag_deep{color: #2b8ff7;border: 0.5px solid #2b8ff7;}

.state_warp_off{display: block;position: relative;padding: 15px;margin: 15px;background-color: #fff;border-radius: 12.5px;text-align: center;}
.state_pay_text{font-size:14px;color:#666;line-height:130%;margin:15px 20px;text-align: left;}
.state_warp_on{display: none;width: 100%;position: relative;padding: 0px 0px;}

.state_menu_warp{display: block;width: 100%;text-align: center;margin: 0px auto;padding: 15px;}
.state_menu_base{display: flex;width: 270px;height: 30px;border-radius: 5px;overflow: hidden;position: relative;left: 50%;margin-left: -135px;}
.state_menu{display: inline-block;border:1px solid #fff;width: 90px;height: 30px;line-height: 30px;font-size: 15px;color: #fff;}
.state_menu_active{display: inline-block;width: 90px;height: 30px;line-height: 30px;background-color: #fff;font-size: 15px;color: #ff2f66;}

.state_list_base_warp{padding-bottom: 50px;}
.state_list_base{display: block;position: relative;background-color: #fff;margin: 15px;border-radius: 12.5px;overflow: hidden;}
.state_list_content {display: block;position: relative;padding:0px 20px;background-color: #fff;}
.state_list_content p{display: block;width: 100%;height: 50px;font-size: 15px;line-height: 50px;color:#666;position:relative;border-top: 0.5px rgba(0,0,0,0.06) solid;}
.state_list_content span{display: inline-block;text-align: right;font-size: 15px;line-height: 50px;color:#666;position: relative;float: right;margin-right:10px;}
.state_list_content span i{color:#ff2f66;}


.shoutu_mingxi_warp{display: block;position: relative;margin: 20px 15px 60px;border-radius: 12.5px;overflow:hidden;}
.shoutu_mingxi_menu{height: 40px;line-height: 40px;font-size: 14px;color: #999;background: #fff;text-align: center;border-top: 0.5px solid rgba(0,0,0,0.05);}
.shoutu_mingxi_list{height: 50px;line-height: 50px;font-size: 15px;color: #444;background: #fefefe;text-align: center;border-top: 0.5px solid rgba(0,0,0,0.05);}
.shoutu_mingxi_list span{color: #ff2f66;}




.contact_us_warp {width:100%;padding:10px 30px;}
.contact_us_base {position:relative;margin:30px auto;display:block;width:100%;height:70px;border-radius:10px;background-color:#fff;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);vertical-align:middle;-webkit-transition:all .2s linear;transition:all .2s linear;}
.contact_us_base_shadow {display:block;position:absolute;top:10px;left:15px;z-index:-1;width:calc(100% - 30px);width:-webkit-calc(100% - 30px);height:55px;border-radius:10px;box-shadow:0px 16px 0px 0px rgba(255,255,255,0.35);-webkit-transition:all .2s linear;transition:all .2s linear;}
.contact_us_base img {width:60px;height:60px;position:absolute;top:5px;left:5px;}
.contact_us_base p {font-size:15px;color:#999;text-align:center;position:absolute;line-height: 70px;left:65px;}
.contact_us_base span {font-size:25px;color:#ff2f66;font-family:'FV_Almelo';font-weight:bold;text-align:right;position:absolute;line-height: 74px;right:15px;}
.contact_us_base:active {top:1px;opacity:0.8}
.contact_us_base:active .contact_us_base_shadow {top:5px;}
.contact_bottom_text {font-size:12.5px;color:#fff;line-height:160%;margin:10px auto;}
.user_info_warp {width:100%;padding:10px 30px;}
.user_info_base {position:relative;margin:30px auto;display:block;width:100%;height:70px;border-radius:10px;background-color:#fff;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.05);vertical-align:middle;-webkit-transition:all .2s linear;transition:all .2s linear;}
.user_info_base_shadow {display:block;position:absolute;top:10px;left:15px;z-index:-1;width:calc(100% - 30px);width:-webkit-calc(100% - 30px);height:55px;border-radius:10px;box-shadow:0px 16px 0px 0px rgba(255,255,255,0.35);-webkit-transition:all .2s linear;transition:all .2s linear;}
.user_info_base img {width:60px;height:60px;position:absolute;top:5px;left:5px;}
.user_info_base p {font-size:15px;color:#999;text-align:center;position:absolute;line-height: 70px;left:65px;}
.user_info_base span {font-size:18px;color:#333;font-weight:bold;text-align:right;position:absolute;line-height: 70px;right:25px;}
.user_info_base:active {top:1px;opacity:0.8}
.user_info_base:active .user_info_base_shadow {top:5px;}
.user_info_text {font-size:12.5px;color:#fff;line-height:160%;margin-top:-10px;margin-bottom:-20px;}
@media screen and (max-width:320px) {.contact_us_warp {width:100%;padding:10px 15px;}
    .user_info_warp {width:100%;padding:10px 15px;}
}




.ui_img {display:block;width:100%;margin:20px auto;text-align:center;position:relative;vertical-align:middle;z-index: 10;}
.ui_img img {position:relative;margin:0px auto;}
.user_info_form_warp {display:block;width:100%;height:45%;position:fixed;bottom:0px;left:0px;background-color:#fff;z-index: 100;}
.user_info_form_base {display:block;text-align: center;width:calc(100% - 60px);width:-webkit-calc(100% - 60px);height:calc(45% + 60px);height:-webkit-calc(45% + 60px);border-radius:12.5px;box-shadow:0px 10px 20px 0px rgba(61,163,238,.2);position:fixed;bottom:30px;margin-left:30px;background-color:#fff;z-index: 100;}
.user_form {padding:10px 20px 10px 20px;}
.user_form_title {position:relative;font-size:20px;text-align: left;font-weight:bold;color:#000;margin:10px 0px 10px;}
.user_form_label {height:50px;padding-top:0px;position:relative;}
.user_form_label img {width:18px;position:absolute;left:0px;top:15px;}
.user_input {display:inline-block;width:100%;height:100%;padding-left:30px;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.06);background:transparent;color:#000;border-radius:0px;position:relative;}
.user_input:focus {border-bottom:1px solid #ffcccc;transition:0.4s;}
.user_msg_get {font-size:14px;color:#888;position:absolute;right:5px;top:14px;border-left: 0.5px solid rgba(0,0,0,0.06);padding-left: 10px;}
.user_msg_get:active{opacity: 0.5;}
.user_form_label_text {display:block;font-size:12px;color:#999;margin:20px 0px 10px;line-height:130%;}
.user_form_label_text span {color:#ff2f66;}
.user_form_btn {display:block;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);height:50px;border-radius:2.5px;padding:0px 10px;text-align:center;background-color:rgb(255,65,62);box-shadow:0px 3px 6px 0px rgba(255,65,62,0.4);position:absolute;bottom:20px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.user_form_btn p {display: inline-block;font-size:16px;color:#fff;line-height: 50px;}
.user_form_btn:active {background-color:#d12d2b;box-shadow:0px 3px 6px 0px rgba(255,65,62,0);bottom:18px;}
.user_form_btn:active p {color:rgba(255,255,255,0.5);}

.user_form_btn_wechat {position:relative;margin: 10px auto 50px;display:block;width:100%;height:50px;border-radius:2.5px;padding:0px 10px;text-align:center;background-color:#09bb07;box-shadow:0px 3px 6px 0px rgba(9,187,7,0.4);-webkit-transition:all .2s linear;transition:all .2s linear;}
.user_form_btn_wechat img{display: inline-block;width: 30px;height: 30px;line-height: 50px;position: relative;top: 10px;}
.user_form_btn_wechat p {display: inline-block;font-size:16px;color:#fff;line-height: 50px;}
.user_form_btn_wechat:active {background-color:#068204;box-shadow:0px 3px 6px 0px rgba(9,187,7,0);top:2px;}
.user_form_btn_wechat:active p {color:rgba(255,255,255,0.5);}
.user_form_btn_wechat:active img {opacity: 0.5;}


@media screen and (max-width:320px) {
    .user_form_btn_wechat {position:relative;margin: 10px auto;display:block;width:100%;height:50px;border-radius:2.5px;padding:0px 10px;text-align:center;background-color:#09bb07;box-shadow:0px 3px 6px 0px rgba(9,187,7,0.4);-webkit-transition:all .2s linear;transition:all .2s linear;}
    .user_form_label_text {display:block;font-size:12px;color:#999;margin:12px 0px;line-height:130%;}
}








.key_download_base{display: block;position: relative;width: 100%;height: 100%;text-align: center;padding: 50px 20px;}
.key_download_base img{width: 100px;margin: 30px auto;}
.key_download_base p{font-size: 14px;color: #ccc;margin: 5px auto;}
.key_download_icon{width: 60px;height: 60px;border-radius: 15px;overflow: hidden;box-shadow: rgba(255, 47, 102, 0.5) 0px 5px 10px 0px;margin:15px auto;}

.wave {  opacity:0.5;  z-index: -1;  position: absolute;  top: 18%;  left: 50%;  background: #fff;  width: 500px;  height: 500px;  margin-left: -250px;  margin-top: -250px;  -webkit-transform-origin: 50% 48%;  transform-origin: 50% 48%;  border-radius: 43%;  -webkit-animation: drift 3000ms infinite linear;  animation: drift 3000ms infinite linear;  }
.wave.-three {  -webkit-animation: drift 2500ms infinite linear;  animation: drift 2500ms infinite linear;  }

.wave.-two {  -webkit-animation: drift 5000ms infinite linear;  animation: drift 5000ms infinite linear;  opacity: 1;  background: #fff;  }

@-webkit-keyframes drift {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes drift {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.font18{font-size: 18px;line-height: 110%;}
.font16{font-size: 16px;line-height: 110%;}
.font14{font-size: 14px;line-height: 110%;}
.font13{font-size: 13px;line-height: 110%;}
.font12{font-size: 12px;line-height: 110%;}
.font10{font-size: 10px;line-height: 110%;}
.base_wrap{width: 100%;height: 100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden;padding: 100px 0px 50px 0px;}
.base_block {display: block;margin: 5px 15px;padding:25px 0px 0px 20px;border-radius: 15px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px 0px;}
.base_block p{display:inline-block; font-size: 14px;line-height: 110%;color: #555;width: 47%;position: relative;margin:0px 2% 25px 0px;padding-left: 28px;}
.base_block img{display:inline-block;width:35px;height: 35px;position: absolute;top:-10px;left: -6px;}
.base_block p span{font-family:'FV_Almelo';font-weight: bold;display:inline-block;font-size: 21px;line-height: 100%; position: absolute;top:-3px;margin-left:4px;}
.added{width: 100%;padding:10px 20px 0px;font-size: 12px;line-height: 20px;color:#fff;}
.base_inline{display:inline-block;width:50%;float:left;text-overflow: ellipsis;}
.base_inline li{display:inline-block;width:100%;height: 170px;text-align: center;padding:20px 10px 25px 10px;border-radius: 15px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px 0px;}
.base_inline li p{display:inline-block;font-size: 15px;line-height: 110%;color:#333;position: relative;}
.base_inline li p img{display:block;position: relative;width: 40px;margin: 0 auto;margin-bottom: 5px;}
.base_inline li span{display:block;font-size: 14px;line-height: 110%;color:#999;position: relative;margin: 10px;}
.base_inline1{padding:10px 5px 5px 15px;}
.base_inline2{padding:10px 15px 5px 5px;}
.base_inline3{padding:5px 5px 0px 15px;}
.base_inline4{padding:5px 15px 0px 5px;}
.base_btn{display:inline-block;min-width: 90px;height: 36px;line-height: 36px;padding: 0px 15px;font-size: 15px;color:#fff;background-image: -webkit-linear-gradient( 90deg, rgb(255,85,85) 0%, rgb(233,123,171) 100%);box-shadow: 0px 15px 30px 0px rgba(255, 0, 0, 0.55),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.2);border-radius:40px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.base_btn:active{background-color: #993333;color:rgba(255, 255, 255, 0.5);box-shadow: 0px 30px 60px 0.3px rgba(255, 0, 0, 0.2),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.0);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}
.base_btn_border{display:inline-block;min-width: 90px;height: 36px;line-height: 32px;padding: 0px 15px;font-size: 15px;color:#fe5555;border: 2px #fe5555 solid;border-radius:40px;}
.base_btn_disable{display:inline-block;min-width: 90px;height: 36px;line-height: 32px;padding: 0px 15px;font-size: 15px;color:#ccc;border: 2px #ccc solid;border-radius:40px;}
.base_btn_get{display:inline-block;padding: 10px 20px;font-size: 15px;line-height: 110%;color:#fff;background-image: -webkit-linear-gradient( 90deg, rgb(56,135,252) 0%, rgb(109,212,255) 100%);box-shadow: 0px 15px 30px 0px rgba(109,212,255, 0.55),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.2);border-radius:40px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.base_btn_get:active{background-color: #993333;color:rgba(255, 255, 255, 0.5);box-shadow: 0px 30px 60px 0.3px rgba(109,212,255, 0.2),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.0);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}
.modal_btn_warp{width: 100%;background: #fff;padding: 10px 0px 20px;border-top: 1px solid #fff;}
.bottom_msg{display:block;width: 100%;height: 36px;padding: 8px;position: fixed;bottom:0px;background-color:rgba(255,47,91, 0.85);;-webkit-backdrop-filter:blur(10px);overflow: hidden;z-index: 999;}
.bottom_msg p{display: inline-block;font-size: 13px;line-height: 110%;color: #fff;position: relative;margin-left: 30px;text-align: left;}
.bottom_msg img{display: inline-block;width: 20px;position: absolute;bottom:8px;}
.bottom_msgs{display: inline-block;font-size: 13px;line-height: 110%;color: #fff;position: relative;margin-left: 30px;text-align: left;}

.countdown {font-family:'font_time';font-weight: bold;list-style:none;display:inline-block;min-width: 90px;height: 34px;line-height: 34px;padding: 0px 10px;color:#fff;text-align:center;vertical-align: middle;background-color: #ff2f66;border-radius: 30px;}
.countdown ul {display:inline-block;}
.countdown ul span {font-size:14px;font-weight:300;line-height:110%;margin: 0px;color: #fff;}
.countdown ul.seperator {font-size:14px;line-height:110%;vertical-align:middle;color: #fff;}
.countdown ul p {color:#a7abb1;font-size:14px;}
.modal_dialog_close{position:absolute;top:12px;right:12px;background:url("../image/ui_ribbon.png");background-size:cover;width:22px;height:22px;-webkit-transition:all 0.3s; transition:all 0.3s;}
.modal_dialog_close:active{opacity: 0.5;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.modal_ribbon{display: block;width: 150px;height: 40px;margin: 0px auto; background-image: url("../image/ui_ribbon.png");background-size: cover;color:#fff;font-size: 15px;line-height: 35px;}
.modal_msg{display:block;padding:0px;}
.modal_msg p{display: block;font-size:15px;color:#999;margin: 10px auto;margin-bottom: 0px;}
.modal_msg p span{font-size:28px;color:#ff2f66;font-family:'FV_Almelo';font-weight: bold;}
.modal_msg p img{width: 35px;position: relative;top: 10px;}
.modal_line{display: block;margin: 2px auto;width: 100%;border-top: 1px #f5f5f5 solid;}
.modal_ronglian span{font-size: 22px;color:#ff2f66;font-family:'FV_Almelo';font-weight: bold;line-height: 36px;}
.modal_heishi{margin-bottom: 10px;}
.modal_heishi p{display: block;font-size:15px;color:#999;margin: 10px auto;margin-bottom: 0px;}
.modal_heishi p span{font-size:22px;color:#ff2f66;font-family:'FV_Almelo';font-weight: bold;}
.modal_heishi p img{width: 35px;position: relative;top: 10px;}
.modal_btn_duihuan1{display:inline-block;margin:10px auto;padding: 7.5px 15px;font-size: 15px;line-height: 110%;color:#fff;background-image: -webkit-linear-gradient( 90deg, rgb(56,135,252) 0%, rgb(109,212,255) 100%);box-shadow: 0px 15px 30px 0px rgba(109,212,255, 0.55),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.2);border-radius:40px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.modal_btn_duihuan1:active{background-color: #993333;color:rgba(255, 255, 255, 0.5);box-shadow: 0px 30px 60px 0.3px rgba(109,212,255, 0.2),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.0);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}
.modal_btn_duihuan2{display:inline-block;margin:10px auto;padding: 7.5px 15px;font-size: 15px;line-height: 110%;color:#fff;background-image: -webkit-linear-gradient( 90deg, rgb(255,85,85) 0%, rgb(233,123,171) 100%);box-shadow: 0px 15px 30px 0px rgba(255, 0, 0, 0.55),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.2);border-radius:40px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.modal_btn_duihuan2:active{background-color: #993333;color:rgba(255, 255, 255, 0.5);box-shadow: 0px 30px 60px 0.3px rgba(255, 0, 0, 0.2),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.0);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}

.modal_btn_base{display:block;padding:0px;}
.modal_btn_base p{font-size:13px;color:rgba(0,0,0,0.3);}
.modal_btn_yellow{display:inline-block;margin:10px auto;padding: 15px 50px;font-size: 17px;line-height: 110%;color:#fff;background-image: -webkit-linear-gradient( 90deg, rgb(255,126,0) 0%, rgb(255,240,138) 100%);box-shadow: 0px 15px 30px 0px rgba(255,240,138, 0.55),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.2);border-radius:40px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.modal_btn_yellow:active{background-color: #993333;color:rgba(255, 255, 255, 0.5);box-shadow: 0px 30px 60px 0.3px rgba(255,240,138, 0.2),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.0);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}
.modal_btn_green{display:inline-block;margin:10px auto;padding: 15px 50px;font-size: 17px;line-height: 110%;color:#fff;background-image: -webkit-linear-gradient( 90deg, rgb(50,179,20) 0%, rgb(37,212,198) 100%);box-shadow: 0px 15px 30px 0px rgba(37,212,198, 0.55),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.2);border-radius:40px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.modal_btn_green:active{background-color: #993333;color:rgba(255, 255, 255, 0.5);box-shadow: 0px 30px 60px 0.3px rgba(37,212,198, 0.2),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.0);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}
.modal_btn_blue{display:inline-block;margin:10px auto;padding: 15px 50px;font-size: 17px;line-height: 110%;color:#fff;background-image: -webkit-linear-gradient( 90deg, rgb(56,135,252) 0%, rgb(109,212,255) 100%);box-shadow: 0px 15px 30px 0px rgba(109,212,255, 0.55),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.2);border-radius:40px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.modal_btn_blue:active{background-color: #993333;color:rgba(255, 255, 255, 0.5);box-shadow: 0px 30px 60px 0.3px rgba(109,212,255, 0.2),inset 0px 2px 2px 0px rgba(255, 255, 255, 0.0);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);}

.heishi_block {display: block;margin: 0px 15px;padding:10px;border-radius: 15px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px 0px;}
.heishi_block_img{display:inline-block;width:135px;position: relative;margin: 10px 0px;}
.heishi_right{display: inline-block;width: 50%;float: right;}
.heishi_right p{display:block;font-family:'FV_Almelo';font-weight: bold;font-size: 16px;line-height: 30px;color: #ff2f66;position: relative;margin: 5.5px 0px;margin-left: 40px;}
.heishi_right p img{display:inline-block;width:35px;height: 35px;position: absolute;top: -3px;left: -40px;}
.heishi_right p span{display:inline-block;font-size: 13px;line-height: 30px;}

.heishi_btn{display:inline-block;width:50%;float:left;text-overflow:ellipsis;}
.heishi_btn1{padding:10px 0px 10px 15px;}
.heishi_btn2{padding:10px 15px 10px 0px;}
.heishi_btn_l{display:inline-block;position: relative;width:100%;height: 100px;border-right: 1px solid #f5f5f5;padding:5px 0px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px 0px;border-radius: 15px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.heishi_btn_l:active{opacity: 0.66;}
.heishi_btn_l img{width: 90px;display: inline-block;position: relative;}
.heishi_btn_l p{display: inline-block;font-size: 16px;line-height: 90px;color:#555;position: absolute;margin: 0px auto;float: right;left:75px;}
.heishi_btn_r{display:inline-block;position: relative;width:100%;height: 100px;padding:5px 0px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px 0px;border-radius: 15px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.heishi_btn_r:active{opacity: 0.66;}
.heishi_btn_r img{width: 90px;display: inline-block;position: relative;}
.heishi_btn_r p{display: inline-block;font-size: 16px;line-height: 90px;color:#555;position: absolute;margin: 0px auto;float: right;left:75px;}




.str_wrap {overflow:hidden;width:100%;font-size:12px !important;line-height:110%;position:relative;margin-left:30px;margin-top:3px;-moz-user-select:none;-khtml-user-select:none;user-select:none;background-color:rgba(0,0,0,0);color:#fff;white-space:nowrap;}
.str_wrap.str_active {}
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.dowebok a{font-size: 12px !important;}
.str_move_clone {display:inline-block;zoom:1;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move {cursor:inherit;}
.str_wrap img {max-width:none !important;}





.weui-photo-browser-modal.weui-photo-browser-modal-visible {opacity:1;z-index: 10000;}
.weui-photo-browser-modal {position:fixed;top:0;left:0;right:0;bottom:0;background:black;display:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;}
.weui-photo-browser-modal .swiper-container.swiper-container-visible {-webkit-transform:scale(1);transform:scale(1);}
.weui-photo-browser-modal .swiper-container {height:100%;-webkit-transform:scale(0.2);transform:scale(0.2);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0);}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:content-box;}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;}
.weui-photo-browser-modal .photo-container {height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;}
.weui-photo-browser-modal .photo-container img {max-width:100%;margin-top:0px;}
.weui-photo-browser-modal .swiper-container-visible .caption {opacity:1;}
.weui-photo-browser-modal .caption {position:absolute;bottom:40px;left:0;right:0;color:white;text-align:center;padding:0 12px;min-height:3rem;font-size:14px;z-index:10;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;}
.weui-photo-browser-modal .caption .caption-item.active {display:block;opacity:1;}
.weui-photo-browser-modal .caption .caption-item {display:none;opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s;}
.weui-photo-browser-modal .caption {position:absolute;bottom:40px;left:0;right:0;color:white;background-color: rgba(0,0,0,0.6);text-align:center;padding:0 12px;min-height:3rem;font-size:14px;z-index:10;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0;}
.weui-photo-browser-modal .swiper-container .swiper-pagination {bottom:10px;left:0;width:100%;}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet {visibility:visible;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:.5s;transition-delay:.5s;}
.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet {background:#fff;visibility:hidden;}
.swiper-pagination-bullet-active {opacity:1 !important;background:#fff;}
.swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}





.add_modal_warp{display: block;width: 300px;}
.add_modal_close{position: absolute;right:0px;top:-45px;}
.add_modal_close:active{opacity: 0.25;}

.add_modal_close img{width: 30px;height: 30px;}
.add_modal_close span{width: 1px;height: 15px;background-color: #fff;position: absolute;top:30px;right: 14px;}
.add_modal_img{width: 100%;}


@media screen and (max-width:375px) {
    .add_modal_warp{display: block;width: 240px;}
}
@media screen and (max-width:320px) {
    .add_modal_warp{display: block;width: 200px;}
}



.set_modal_warp{display: block;width: 340px;}
.set_modal_close{position: absolute;right:0px;top:-45px;}
.set_modal_close:active{opacity: 0.25;}

.set_modal_close img{width: 30px;height: 30px;}
.set_modal_close span{width: 1px;height: 15px;background-color: #fff;position: absolute;top:30px;right: 14px;}
.set_modal_img{width: 100%;border-radius: 15px;overflow: hidden;}

@media screen and (max-width:375px) {  .set_modal_warp{display: block;width: 320px;}  }
@media screen and (max-width:320px) {  .set_modal_warp{display: block;width: 300px;}  }

.install_key{  text-align: center;  }
.install_key_title{  font-size: 16px;  line-height: 20px;  font-weight: 700;  }
.install_key_title span{  color: #dd5836;  font-size: 20px;  margin: 0 10px;  }
.install_key_subtitle{  margin-top: 10px;  line-height: 1;  }
.install_key_app{  position: relative;  width: 200px;  margin: 15px auto 0;  }
.install_qy_key_app{  width: 92px;  height: 92px;  display: block;  margin: 20px auto;  border-radius: 20px;  }
.install_key_app .install_key_app_bg{  display: block;  width: 100%;  }
.install_key_app .install_key_app_icon{  width: 55px;  border-radius: 10px;  position: absolute;  top: 27px;  left: 18px;  }
.install_key_app p{  position: absolute;  top: 27px;  left: 85px;  }
.install_key_hint{  color: #cacaca;  padding: 10px 0;  }
.install_key .install_step div{  height: 21px;  line-height: 21px;  }
.install_key .install_step{  margin-top: 20px;  text-align: left;  padding-left: 10px;  }
.install_key .install_step div{  margin-bottom: 22px;  position: relative;  }
.install_key .install_step div::after{  content: '';  width: 1px;  height: 16px;  background: #fe8aa6;  position: absolute;  bottom: -19px;  left: 10px;  }
.install_key .install_step div:last-child{  margin-bottom: 0;  }
.install_key .install_step div:last-child::after{  width: 0;  height: 0;  }
.install_key .install_step div span{  display: inline-block;  width: 21px;  height: 21px;  background: #3699ff;  color: #fff;  font-size: 10px;  margin-right: 11px;  border-radius: 50%; text-align: center;  }
.common_loading_style{  -webkit-animation: none!important;  animation: none!important;  }
.qyPopup_style1{  -webkit-animation: none!important;  animation: none!important;  }
.qyPopup_style2{  -webkit-animation: none!important;  animation: none!important;  }
.qyPopup_style1 .layui-m-layerbtn span[yes]{  -webkit-filter: opacity(0.6);  filter: opacity(0.6);  }
.qyPopup_style2 .layui-m-layerbtn span[yes]{  -webkit-filter: none;  filter: none;  }
.qyPopup_style1 .layui-m-layercont,.qyPopup_style2 .layui-m-layercont{  padding: 30px 10px 10px;  }
.task_progress{  padding: 0 15px;  }
.task_progress_text{  height: 18px;  }
.task_progress_text span{  display: inline-block;  height: 18px;  font-size: 11px;  line-height: 18px;  color: #fff;  }
.task_progress_text img{  width: 11px;  vertical-align: middle;  }
.task_progress_text .task_progress_num{  padding: 0 5px;  background: #b80c40;  box-shadow: -2px 2px 5px rgba(184,12,64,0.6);  text-align: center;  border-radius: 9px;  position: relative;  }
.task_progress_text .task_progress_num::after{  content: '';  display:block;  width:0;  height: 0;  border-top: 5px solid #b80c40;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-bottom: 5px solid transparent;  position: absolute;  left:50%;  margin-left:-5px;  top:18px;  }
.task_progress_treasure{  height: 40px;  position: relative;  padding-top: 15px;  }
.task_progress_bar{  height:10px;  background: #c80e46;  border-top-left-radius: 5px;  border-bottom-left-radius: 5px;  box-shadow: -2px 2px 5px rgba(184,12,64,0.6);  position: relative;  margin-right: 30px;  }
.task_progress_bar div{  position: absolute;  height: 100%;  background: #e5b039;  border-top-left-radius: 15px;  border-bottom-left-radius: 15px;  transition: 1s;  width: 0;  z-index:1;  }
.task_progress_bar::before{  content: "";  position: absolute;  top: 50%;  right: -29px;  transform: translateY(-50%);  background: #c80e46;  width: 30px;  height: 30px;  border-radius: 50%;  z-index:2;  }
.task_progress_treasure .big_treasure{  position: absolute;  top: 50%;  right: 50px;  transform: translateY(-50%);  height: 40px;  z-index: 3;  }
.task_progress_treasure .small_treasure{  position: absolute;  top: 50%;  right: 4px;  transform: translateY(-50%);  height: 22px;  z-index: 3;  }
.activ-rule-all,.treasure-box,.prize-box{  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.7);  z-index: 3000;  display: none;  }
.rule-box{  width: 90%;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);  background: #fff;  border-radius: 10px;  padding: 23px 15px;  }
.treasure-box-contai{
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.prize-box-contai{
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.slideInDown{
    animation: slideDown 500ms forwards;
    opacity: 0;
    transform: translate(-50%,-350%) scale(0.1);
}
@keyframes slideDown{
    0%{
        opacity: 0;
        transform: translate(-50%,-200%) scale(0.1);
    }
    100%{
        opacity: 1;
        transform: translate(-50%,-50%) scale(1) ;
    }
}
.activ-rule-all h5{
    width: 140px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    background: #ff3267;
    text-align: center;
    font-size: 15px;
    border-radius: 15px;
}
.activ-rule-text{
    margin-top: 5px;
}
.activ-rule-text .activ-rule-text-special{
    font-size: 14px;
    color: #ff3267;
}
.activ-rule-text p{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}
.activ-rule-table{
    margin-top: 10px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}
.activ-rule-table li{
    display: flex;
    line-height: 35px;
}
.activ-rule-table li:nth-child(2n+1){
    background: #f8f8f8;
}
.activ-rule-table li:first-child{
    line-height: 25px;
}
.activ-rule-table li div{
    flex: 1;
    text-align: center;
    font-size: 12px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.close-box{
    position: absolute;
    top: -40px;
    right: 0;
}
.close-box img{
    width: 30px;
    height: 30px;
}
.treasure-box-title{
    height: 110px;
    background: url("../image/ui_ribbon.png") no-repeat center/auto 110px;
    padding-top: 30px;
    position: relative;
    z-index: 2003;
}
.treasure-box-title p{
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    text-align: center;
}
.treasure-content{
    height: 200px;
    position: relative;
}
.treasure-img{
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 182px;
    z-index: 2003;
}
.treasure-box-light{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-53%);
    width: 320px;
    z-index: 2001;
    opacity: 0.6;
    animation: flicker 2s linear infinite;
}
@keyframes flicker{
    0%{
        opacity: 0.6;
    }
    50%{
        opacity: 0.3;
    }
    100%{
        opacity: 0.6;
    }
}
.showBtnRotate{
    animation: showBtnRotate .6s ease-out infinite;
}
.showBtnRotate1{
    animation: showBtnRotate 0.1s ease-out infinite;
    top: -80px;
}
@keyframes showBtnRotate{
    80%, 0% {
        transform: translateX(-50%) rotate(0);
    }
    20% {
        transform: translateX(-50%) rotate(6deg);
    }

    45% {
        transform: translateX(-50%) rotate(-4deg);
    }
    60% {
        transform: translateX(-50%) rotate(2deg);
    }
}
.showBtnRotate2{
    animation: showBtnRotate2 0.5s ease-out infinite;
    top: -80px;
}
@keyframes showBtnRotate2{
    80%, 0% {
        transform: translateY(-50%) rotate(0deg);
    }
    20% {
        transform: translateY(-50%) rotate(6deg);
    }

    45% {
        transform: translateY(-50%) rotate(-4deg);
    }
    60% {
        transform: translateY(-50%) rotate(2deg);
    }
}
.treasure-box-bg{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 216px;
    z-index: 2002;
}
.treasure-btn-warp{
    width: 170px;
    height: 54px;
    margin: 0 auto;
    border-radius: 27px;
    background: linear-gradient(90deg,#f19e3c,#f4b541);
    text-align: center;
}
.treasure-btn-warp:active{
    transform: scale(0.95);
    opacity: 0.95;
}
.treasure-btn{
    width: 160px;
    height: 46px;
    background: linear-gradient(90deg,#f6c746,#f9d665);
    margin: 4px auto;
    border-radius: 23px;
    font-size: 16px;
    color: #a17505;
    display: none;
}
.prize-bg{
    width: 100%;
}
.prize-box-contai .cha{
    width: 14px
}
.prize-text{
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.prize-text p:nth-child(1){
    font-size: 36px;
    color: #fff;
    line-height: 1;
}
.prize-text p:nth-child(2){
    font-size: 20px;
    color: #fadf4d;
    line-height: 1;
    margin-top: 10px;
}

.updown_float{
    animation: updownFloat 2s infinite;
}

@keyframes updownFloat {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

.traceless_imgbox img {  border-radius: 15px !important; }