*{
    box-sizing: border-box;
}
.night_bg{
    display: none;
}
.night{
    display: block;
    background-color: rgb(0 0 0 / 0.2) !important;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none;
}
.no-padding{
    padding: 0 !important;
}
.modal-header .close{
    font-weight: 500!important;
    opacity: .5;
}
 input,  textarea{
    user-select: auto;
     -webkit-user-select: auto;
}
.pagination .page_start{}
.pagination .page_end{
    margin-left: 5px;

}
.events-none{
    pointer-events: none;
}
.pagination .page_wrap_item{
    pointer-events: none;
}
.pagination .page_start>a,.pagination .page_end>a{
    /* text-decoration: underline !important; */
    /* border: 1px solid !important; */
}
.modal-header{
    padding-right: 10px;
    -webkit-user-select: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.lyear-layout-header{
    margin-left: 170px;
    padding-left: 0;
}
.lyear-layout-sidebar.lyear-aside-open {
    transform: translateX(0);
}
.lyear-layout-sidebar-close .index .lyear-layout-sidebar {
    transform: translateX(0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-primary2{background: linear-gradient(61deg, #11a8e1, #0cc6d5);border-color: transparent;color: #fff !important;overflow: hidden;border-radius: 5px !important;}
.btn-gray{background: #f7f7f7;color: #4d5259!important;}
.btn-gray:hover{background: #f1f1f1;}
.btn-week-blue{background: #f2faff;color: #4d5259!important;color: #06a7ff!important;}
.btn-week-blue:hover{background: #f1f1f1;}
.text-black{
    color: #000000 !important;
}
.round-input-group{
    background: #f5f5f5;
    border-radius: 50px;
    padding: 0 20px;
}
.round-input-group input{
    border: 0;
    background: transparent;
    border-color: transparent;
    outline: 0;
}
.round-input-group button{
    padding: 7px;
}
.round-input-group .clean_text_btn{
    padding: 5px 5px;
    cursor: pointer;
    vertical-align: middle;
    /* height: 100%; */
    opacity: 0;
}
.ico.list_style_list{
    background-image: url("/imgs/ico/list_style_icon.svg");
}
.ico.list_style_icon{
    background-image: url("/imgs/ico/list_style_list.svg");
}
.ico.saveCountCard{
    position: relative;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}
.ico.saveCountCard:after{
    content: "扩";
    width: 100%;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
.card{
    box-shadow: none;
    box-shadow: none;
}
.modal.in .modal-dialog{border-radius: 10px !important;/* overflow: hidden; */}
.modal-footer{padding: 8px 15px !important;}
.modal.context_menu_modal{
    background: transparent;
    transition: opacity .1s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity .1s cubic-bezier(0.65, 0.05, 0.36, 1);
    opacity: 0.3;
}
.modal.context_menu_modal.in{
    opacity: 1;
}
.context_menu_backdrop{
    background: transparent;
}
.modal.in.context_menu_modal .modal-dialog{
    margin: 0 !important;
    /* box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); */
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0px);
}
.modal.context_menu_modal>.modal-dialog{
    margin: 0 !important;
    width: 150px;
    border: 1px solid #ededed;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%) !important;
    border-radius: 10px !important;
}
.modal.context_menu_modal .modal-dialog .ctx_item{
    display: block !important;
    text-align: left !important;
    background: none !important;
    padding: 8px 8px !important;
    border-radius: 6px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    color: #131313;
}
.modal.in.context_menu_modal .modal-dialog .ctx_item:hover{
    background: #f6f6f6 !important;
}
.modal.context_menu_modal .modal-dialog .modal-body{
    padding: 5px;
}
.modal.context_menu_modal .modal-dialog .modal-header{
    display: none;
}
small.err {
    color: red;
}

.modal.context_menu_modal .modal-dialog .parse_menu .ctx_item .ico{
    vertical-align: middle;
    margin-right: 10px;
    background-size: 75%;
    /* display: none; */
}
.modal.context_menu_modal .modal-dialog .parse_menu .ctx_item .tip{
    display: inline-block;
    vertical-align: middle;
}
.text-wrap {
    white-space: normal!important;
    word-wrap: break-word;
    word-break: break-all;
}
.text-line1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-line_1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#loading.show .main{
    transform: translate(0px, 40px);
}
#loading .main {
    display: inline-block;
    padding: 9px 20px;
    background: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    border-radius: 20px;
    letter-spacing: 1px;
    z-index: 999;
    position: relative;
    top: 0;
    transform: translate(0px, 0px);
    transition: all ease .2s;
}
#loading .main .ico.loading_png{
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-image: url(/imgs/ico/loading_png.png);
    margin-right: 5px;
    animation: loading_png 1s linear infinite;
    /* animation-iteration-count: infinite; */
}
#loading .main img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
    display: none;
}
::-webkit-scrollbar-track{
    background: none;
}
::-webkit-scrollbar-track-piece { /*滚动条凹槽的颜色，还可以设置边框属性*/background: none;}
::-webkit-scrollbar {/*滚动条的宽度*/
    width: 5px;
    height:5px;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {/*滚动条的设置*/background-color:#dddddd;background-clip:padding-box;min-height:28px;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}
.pc_new_version_guide{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    text-align: center;
    display: none;
}
.pc_new_version_guide .guide_wrapper{
    display: inline-block;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    top: 30%;
    position: relative;
    padding: 10px 25px;
}
.pc_new_version_guide .guide_wrapper .guide_title{
    font-size: 16px;
    text-align: left;
    padding: 6px 0;
    padding-bottom: 20px;
}
.pc_new_version_guide .guide_wrapper .guide_items{
    position: relative;
    height: 250px;
    width: 500px;
    overflow: hidden;
    border-radius: 10px;
}
.pc_new_version_guide .guide_wrapper .guide_items .items_wrapper{
    white-space: nowrap;
    font-size: 0;
    /* display: inline; */
    width: auto;
    position: relative;
    /* left: -100%; */
    transition: all .2s ease;
}
.pc_new_version_guide .guide_wrapper .guide_items .guide_item{
    width: 100%;
    /* position: absolute; */
    /* float: left; */
    display: inline-block;
}
.pc_new_version_guide .guide_wrapper .guide_items .guide_item img{
    width: 100%;
}
.pc_new_version_guide .guide_wrapper .guide_btns{
    padding: 15px;
}
.pc_new_version_guide .guide_wrapper .guide_btns .btn{}

div#loading {
    position: fixed;
    width: 100%;
    top: 0;
    height: 0;
    left: 0;
    text-align: center;
    z-index: 99999;
    display: none;
    /* pointer-events: none; */
    background: none !important;
}

#magnet_list .table-responsive {
    overflow-y: hidden;
}
.my_page.blur{
    filter: blur(3px);
}
.index.blur{
    filter: blur(3px);
    /* opacity: .4; */
}
.index.container{
    height: 100%;
    position: fixed;
    padding: 0;
}
body{
    margin: 0;
    font-size: 12px;
    overflow-y: auto;
background: #f6f6f6;}
ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style: none;
}
.form-group{
margin: 15px 0;
}

.inline {
    display: inline-block;
}

.v-middle{
    vertical-align: middle;
}
.v-top{
    vertical-align: top;
}
input[type=text]{
}
input[type=password]{

}
.page-tabs{
    text-align: left;
}
.btn{/* border: 0; */padding: 9px 20px;border-radius: 5px;outline: 0;cursor: pointer;transition: all ease .2s;/* font-size: 12px; */}
.btn-group-xs>.btn, .btn-xs{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-group-sm>.btn, .btn-sm{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-info-border{color: #2196F3;border-color: #2196F3;}
.btn-danger-border{border-color: #F44336;}
.btn-round {
    -webkit-border-radius: 10rem;
}
.btn_blue{
    background: #007bff;
    color: #fff;
}
.btn_blue:hover{
background: #0069d9;
}
.ico{
    display: inline-block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.vip_index .app_user_icon{
    background: #f9d681 !important;
}
.vip_index .new_url_panel .show_plus{
    background-color: #f9d681 !important;
}

.float_btn{
    /* position: absolute; */
    z-index: 99;
}
.float_btn .ico{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    left: 20px;
    position: absolute;
}
.float_btn .open_history{}
.history_btn{
    width: 32px;
    /* height: 32px; */
    /* background-image: url(/imgs/ico/history.svg); */
    /* background-color: #f5f5f5; */
    border-radius: 50%;
    /* display: block; */
    cursor: pointer;
    text-align: center;
    /* border: 1px solid #999; */
    background-size: 75%;
    margin-left: 3px;
    font-size: 20px;
    /* line-height: 32px; */
    text-align: center;
}



.page_tip{
    padding: 5px 0;
}
.page_tip .label{
    padding: 1px 5px;
}

.index .bar_space_bg{
    /* display: none; */
    height: 90px;
}
.index .bar_space_bg.mobile{
    height: 65px;
}
.index #logo .logo_text{
    height: 56px;
    padding: 5px;
    text-align: center;
}
.index #logo .logo_text img{
    width: 150px;
    margin-top: 7px;
}
.index .file_control_bars{/* transition: padding .3s ease; */}
.lyear-layout-sidebar-close .index .file_control_bars.follow{padding-left: 10px !important;}
.index .file_control_bars.follow{
    position: fixed;
    z-index: 4;
    background: #FFFFFF;
    /* box-shadow: 1px 25px 50px rgb(238 238 238 / 15%); */
    left: 0;
    padding-left: 190px;
    transition: padding .3s ease;
    display: none;
    border-color: #eee;
    }
.index .file_control_btns .ico.beta{
    position: absolute;
    width: auto;
    top: -9px;
    right: -15px;
    height: auto;
    line-height: initial;
    transform: scale(.8);
    z-index: 0;
}
.index .file_control_btns .ico{
    width: 18px;
    height: 18px;
    /* margin-right: 3px; */
    transition: all ease .2s;
    cursor: pointer;
    background-size: 80%;
    font-size: 13px;
    /* line-height: 17px; */
}
.index .file_control_btns .sub_btns .ico{
    width: 25px;
    height: 25px;
    border-radius: 7px;
    margin-right: 12px;
}
.index .file_control_btns .file_batch_menus .ico{
    height: auto;
}
.index .file_control_btns .ico.pc_btn_new_dir{
    background-size: 95%;
}
.ico.pc_btn_url{
    background-image: url(/imgs/ico/pc_btn_url.svg);
    margin-right: 3px;
}
.ico.pc_btn_bt{
    background-image: url(/imgs/ico/pc_btn_bt.svg);
    background-color: #52c2f4;
    background-size: 60% !important;
}
.ico.import_urls{
    background-image: url(/imgs/ico/import_urls.svg);
    background-color: #97cb5b;
    background-size: 60% !important;
}
.ico.pc_btn_new_dir{
    background-image: url(/imgs/ico/pc_btn_new_dir.svg);
    /* margin-right: 0 !important; */
}
.ico.pc_btn_offline_list{
    background-image: url(/imgs/ico/pc_btn_offline_list.svg);
    margin-right: 0 !important;
}
.index .file_control_bars .table_col_head{
    display: block;
    padding-left: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.index .file_control_bars .table_col_head.batch_selecting .head_filename{
    display: none;
}
.index .file_control_bars .table_col_head.batch_selecting .file_batch_menus{
    display: inline-block;
    margin-left: 10px;
}
.index .file_control_bars .table_col_head.batch_selecting .head_selected_num{
    display: inline-block;
}
.index .file_control_bars .table_col_head.batch_selecting .head_filesize{
    display: none;
}
.index .file_control_bars .table_col_head.batch_selecting .head_uptime{
    display: none;
}
.index .file_control_bars .table_col_head.batch_selecting .head_list_style{
    display: none;
}
.index .file_control_bars .table_col_head.batch_selecting .pc_sort_btn{
    display: none !important;
}
.index .file_control_bars .table_col_head>div{
    position: relative;
    border-radius: 3px;
}

.index .file_control_bars .table_col_head .list_sort{
    /* margin: 0 5px; */
    margin-left: 5px;
}
.index .file_control_bars .table_col_head .head_select_all{}
.index .file_control_bars .table_col_head .head_selected_num{
    margin-left: 10px;
    display: none;
}
.index .file_control_bars .table_col_head .head_select_all .ico{
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
}
.index .file_control_bars .table_col_head .head_filename{
    cursor: pointer;
    margin-left: 15px;
}
.index .file_control_bars .table_col_head .head_filesize{
    float: right;
    right: 80px;
    cursor: pointer;
}
.index .file_control_bars .table_col_head .head_uptime{
    float: right;
    right: 150px;
    cursor: pointer;
}
.index.list_big_icon .file_control_bars .table_col_head .head_sort_btn{
    display: none;
}
.index .file_control_bars .table_col_head .head_list_style{float: right;right: 20px;cursor: pointer;top: -2px;}
.index .file_control_bars .table_col_head .pc_sort_btn{float: right;right: 40px;cursor: pointer;top: -4px;/* font-size: 18px; */display: none;padding: 0 5px;}
.index .file_control_bars .table_col_head .pc_sort_btn .ico{
    font-size: 18px;
}
.index.list_big_icon .file_control_bars .table_col_head .pc_sort_btn{
    display: inline-block;
}
.index.list_big_icon .file_control_bars .table_col_head .head_list_style .ico{
    background-image: url(/imgs/ico/list_style_list.svg);
}
.index .file_control_bars .table_col_head .head_list_style:hover{
    background: #f7f7f7;
}
.index .file_control_bars .table_col_head .head_list_style .ico{width: 22px;height: 22px;}
.ico.go_back{background-image: url(../imgs/ico/go_back.svg?v=1.0);}
.index .file_control_btns .ico:hover{
    /* background-color: #eee; */
}
.ico.go_back.no_bg{
    /* background-image:none; */
    animation: none !important;
    filter: grayscale(1);
    opacity: .5;
}
i.ico.refresh{
    background-image: url(../imgs/ico/refresh.svg?v=1.0);
    /* width: 30px; */
    /* height: 30px; */
}
.ico.list_sort{
    width: 6px;
    height: 12px;
    background-image: url(/imgs/ico/list_sort.svg);
    background-position-x: -6px;
    background-size: auto;
}
.ico.list_sort.asc{
    background-position-x: 0;
    /* rotate: 180deg; */
    transform: rotate(180deg);
}
.ico.list_sort.desc{
    background-position-x: 0;
}
a{font-size: 12px;color: #2196f3;text-decoration: none;}
a:hover{

}
input::-webkit-input-placeholder{
    color: #999;
}
.file_0{

background-image: url(/imgs/ico/file_other_inner.svg);
background-color: #ffb307;background-size: 23px;}
.clear_sc{
    background-image: url("../imgs/ico/clear_sc.svg") !important;
}
.clear_sd{
    background-image: url("../imgs/ico/clear_sd.svg") !important;
}
.clear_hd{
    background-image: url("../imgs/ico/clear_hd.svg") !important;
}
.file_no_checkin{
    background-image: url(/imgs/ico/file_no_checkin.svg);
    background-color: #f8b553;
    background-size: 18px;
}
.file_1{
    
background-image: url(/imgs/ico/file_video_inner.svg);background-size: 24px;background-color: #44c5ff;}
.file_2{
    background-image: url(/imgs/ico/file_pic_inner.svg);
background-color: #673ab7;background-size: 18px;}
.file_3{
    background-image: url(../imgs/ico/zip.svg?v=1.0);
}
.file_4{
    background-image: url(/imgs/ico/file_music_inner.svg);
background-color: #ff9800;background-size: 20px;}
.file_5{
    background-image: url(/imgs/ico/file_exe_inner.svg);
    background-size: 20px;
background-color: #3f51b5;}
.file_9{
    background-image: url(/imgs/ico/file_url_inner.svg);
background-color: #00c308;background-size: 18px;}
.file_10{
    background-image: url(../imgs/ico/ico_diary.svg);
}
.file_11{
    background-image: url(../imgs/ico/url.svg);
}
.parse_0{
    background-image: url("../imgs/ico/parse_try.svg");
    width: 25px;
    height: 25px;
    margin: 4px;
    border-radius: 50%;
    border: 1px solid #FF9800;
}
.parse_1{
    background-image: url("../imgs/ico/parse_ok.svg");
    width: 25px;
    height: 25px;
    margin: 4px;
    border-radius: 50%;
    border: 1px solid #4CAF50;
}
#open_bt_file{
    display: none;
}
#open_import_file{
    display: none;
}
span.success{
    /* color: #4CAF50; */
    font-size: 14px;
    color: #000;
}
span.err{
    color: #E91E63;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    /* margin-left: 5px; */
}

.web_a_d_ico{
    position: fixed;
    bottom: 100px;
    left: 25px;
    z-index: 9;
}
.web_a_d_ico>div{
    position: relative;
}
.web_a_d_ico a{
    display: block;
}
.web_a_d_ico img{
    max-width: 70px;
    min-width: 60px;
}
.web_a_d_ico .close_btn{
    display: block;
    position: absolute;
    right: -15px;
    top: -16px;
    background: #e0e0e0;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 18px;
    transform: rotate(45deg);
    line-height: 18px;
    border-radius: 50%;
    color: #fff;
    /* opacity: .6; */
}

.batch_download_modal.show{
    display: flex !important;
}
.batch_download_modal{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 50%);
    backdrop-filter: blur(2px);
    display: flex;
    align-content: center;
    justify-content: center;
    display: none;
}
.batch_download_modal .content{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.batch_download_modal .content .inner{
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    color: #717171;
    width: 300px;
    font-size: 0;
}
.batch_download_modal .content .inner .batch_down_title{
    font-size: 12px;
    text-align: center;
}
.batch_download_modal .content .inner .batch_down_panel{
    text-align: center;
    padding: 10px 0;
}
.batch_download_modal .content .inner .batch_down_panel .part_panel{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.batch_download_modal .content .inner .title{
    font-size: 12px;
    background: #f1f9ff;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 10px;
}

.batch_download_modal .content .inner .batch_down_panel .part_panel .ico{
    font-size: 16px;
}
.batch_download_modal .content .inner .batch_down_panel .part_panel.success .ico{
    color: #4caf50;
}
.batch_download_modal .content .inner .batch_down_panel .part_panel .num{}
.batch_download_modal .content .inner .batch_file_list{
    max-height: 200px;
    overflow-y: auto;
    padding: 10px 0;
}
.batch_download_modal .content .inner .batch_file_list .batch_file_list_inner{
    margin-top: 5px;
}
.batch_download_modal .content .inner .batch_file_list .batch_file_item{
    font-size: 12px;
    padding: 5px 0;
}
.batch_download_modal .content .inner .batch_file_list .batch_file_item .batch_down_status{
    width: 17px;
    height: 17px;
    background-image: url(/imgs/ico/more.svg);
    vertical-align: middle;
    margin-right: 5px;
}
.batch_download_modal .content .inner .batch_file_list .batch_file_item.loading .batch_down_status{
    background-image: url(/imgs/ico/loading_png.png);
    animation: loading_png 1s linear infinite;
}
.batch_download_modal .content .inner .batch_file_list .batch_file_item.success .batch_down_status{
    background-image: url(/imgs/ico/parse_success.svg);
    background-size: 80%;
}
.batch_download_modal .content .inner .batch_file_list .batch_file_item.error .batch_down_status{
    background-image: url(/imgs/ico/err_grant_ico.svg);
    background-size: 80%;
}
.batch_download_modal .content .inner .batch_file_list .batch_file_item .filename{
    white-space: nowrap!important;
    width: calc(100% - 23px);
}
.batch_download_modal .content .inner .batch_down_btm_btns{
    text-align: center;
    padding: 10px;
}
.batch_download_modal .content .inner .batch_down_btm_btns .btn{
    font-size: 12px;
}
.restore_modal.show{
    display: flex!important;
}
.restore_modal{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: rgb(177 177 177 / 50%);
    backdrop-filter: blur(3px);
    display: flex;
    align-content: center;
    justify-content: center;
    display: none;
}
.restore_modal>.bg{}
.restore_modal>.content{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.restore_modal>.content>.inner{
    width: 260px;
    /* height: 260px; */
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    color: #717171;
    /* box-shadow: 1px 1px 6px #7b7b7b; */
}
.restore_modal .title{
    /* margin-bottom: 10px; */
    /* align-content: center; */
}
.restore_modal .progress{
    margin: 15px 0;
    height: 7px;
    border-radius: 50px;
    transition: all .1s ease;
}
.restore_modal .progress .progress_inner{
    height: 100%;
    width: 50%;
    background: #03a9f4;
    transition: all .1s ease;
}
.restore_modal .progress_text{}

.web .head{
    text-align: center;
}
.web .head .card-header{
    padding: 20px 0;
}
.web .head .card-header .ico{
    background-image: url(/imgs/logo.png);
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.web .head .card-header h1{
    margin: 0;
}
.web .head .card-body p{
    font-size: 18px;
}
.web .functions{
    padding: 20px;
}
.web .functions .ico{
    width: 48px;
    height: 48px;
}
.web .functions .title{
    font-size: 16px;
    color: #009688;
    font-weight: 600;
}
.web .functions .row>div{
    margin-top: 20px;
}
.web .functions .tip{
    width: calc(100% - 53px);
    margin-left: 5px;
}

.content .top_tip{
    display: block;
    margin: 0 0 5px 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f5f6fa;
}
.content .top_tip a{
    color: red;
    display: block;
    padding: 3px 2px;
}
.save_dir_show{
    padding: 5px 0px;
}
.save_dir_show .save_path{
    /* margin-top: 10px; */
    /* display: inline-block; */
    vertical-align: bottom;
    cursor: pointer;
    /* width: 100%; */
}
.save_dir_show .save_path>span{
    /* color: #383838; */
    float: right;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 70%;
}
.save_dir_show .save_path>span:after{
    content: "\F142";
    font: normal normal normal 18px/1 "Material Design Icons";
    display: inline-block;
    vertical-align: middle;
    color: #999;
}
.save_dir_show .change_save_path{
    border-radius: 10px;
    padding: 0px 8px;
    border: 1px solid;
    vertical-align: middle;
    margin-left: 5px;
}

#diary_title{}
#diary_content{
    min-height: 260px;
}
#open_magnet .btn_close_area{
    width: 24%;
    display: inline-block;
    vertical-align: middle;
}
#open_magnet .btn_ok_area{
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
}
#open_magnet_ok{}
.magnet_list li{/* padding: 5px 5px; */cursor: pointer;/* height: 50px; */transition: all ease .2s;/* overflow: hidden; */}
.magnet_list li:hover{/* background: #eee; */}
#magnet_list{
    display: none;
    /* max-height: 500px; */
    /* overflow-y: auto; */
}
#magnet_list .card-body{
    padding: 0;
}
#magnet_list td{
    padding: 7px 10px;
    position: relative;
    border-color: transparent;
}
.checkbox{width: 22px;height: 22px;display: inline-block;padding: 0;vertical-align: middle;margin-top: 12px;border: 1px solid #ced5da;border-radius: 4px;border-radius: 15px;}
.checkbox:hover{
    border-color: #2196f3;
}
.checkbox.checked{
    background-image: url(/imgs/ico/checked.svg);
    background-color: #0098ff;
    border-color: #0098ff;
    background-size: 70%;
}
#magnet_list .save_magnet{
    /* padding: 3px; */
    font-size: 14px;
}
#magnet_list .save_magnet .btn{
    font-size: 12px;
}
#magnet_list .save_magnet .btn .ico{width: 18px;height: 18px;margin-right: 3px;}
#magnet_list .link_info{
    margin: 5px 0;
    position: relative;
}
#magnet_list .link_info>*{
    vertical-align: middle;
}
#magnet_list .link_info .link_info_body{
    display: inline-block;
    margin-left: 5px;
    width: calc(100% - 152px);
}
#magnet_list .link_info .magnet_icon{
    width: 32px;
    height: 32px;
    background-image: url(/imgs/ico/magnet_icon.svg);
}
#magnet_list .link_info_body .link_info_title{
    margin-bottom: 5px;
    font-size: 14px;
}
#magnet_list .link_info_body .link_info_others{
    display: block;
}
#magnet_list .link_info_body .link_info_others>*{
    display: inline-block;
    margin-right: 10px;
    color: #999;
}
#magnet_list .link_info .dir_nav{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9;
    display: none;
}
#magnet_list .link_info .dir_nav .inner{}
#magnet_list .link_info .dir_nav .inner>*{
    vertical-align: middle;
}
#magnet_list .link_info .dir_nav .back_dir{
    width: 25px;
    height: 25px;
    background-image: url(/imgs/ico/back.svg);
    background-size: 60%;
}
#magnet_list .link_info .dir_nav .dir_name{
    display: inline-block;
    font-size: 14px;
    width: calc(100% - 30px);
    text-overflow: ellipsis;
}
#magnet_list .file_type_list{
    padding-bottom: 5px;
    /* border-bottom: 1px solid #e8e8e8; */
}
#magnet_list .file_type_list .selected_num{
    line-height: 30px;
}
#magnet_list .file_type_list ul{
    display: inline-block;
    float: right;
}
#magnet_list .file_type_list ul li{
    display: inline-block;
    padding: 2px 10px;
    height: auto;
    border: 1px solid rgba(0, 0, 0, .075);
    /* color: #777; */
    border-radius: 5px;
    margin: 3px 5px;
    overflow: hidden;
}
#magnet_list .file_type_list ul li.selected{color: #2196F3;border-color: #2196F3;}
#magnet_list .file_type_list .label{
    margin: 5px;
    position: relative;
    top: 3px;
    display: inline-block;
}
#magnet_list .magnet_file_list{
    max-height: 350px;
    overflow-y: auto;
    margin-bottom: 0;
    position: relative;
    border: 1px solid #eee;
    border-radius: 5px;
}
#magnet_list tbody tr{
    cursor: pointer;
    /* max-width: 100%; */
}
#magnet_list .magnet_file_list .loadingNextPage{
    padding: 5px;
    color: #999;
}
#magnetListLoadingCover{
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    z-index: 99;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255 255 255 / 70%);
    backdrop-filter: blur(3px);
    display: none;
    border-radius: 5px;
}
#magnetListLoadingCover .loading_png{
    background-image: url(/imgs/ico/loading_png.png);
    animation: loading_png 1s linear infinite;
    width: 35px;
    height: 35px;
}
#magnet_list_filename{
    position: relative;
}
#magnet_list_filename .inner{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: #fff;
    padding: 3px;
}
#magnet_list_filename .path_item{
    display: inline-block;
    max-width: 120px;
    white-space: nowrap !important;
    padding: 2px 5px;
    cursor: pointer;
    color: #008eff;
    border-radius: 3px;
}
#magnet_list_filename .path_item:after{
    content: '>';
    /* line-height: 20px; */
    margin-left: 3px;
}
#magnet_list_filename .path_item:last-child{
    pointer-events: none;
    color: #4d5259;
}
#magnet_list_filename .path_item:last-child:after{
    content: '';
}
#magnet_list_filename .path_item:hover{
    background: rgb(33 150 243 / 15%);
}
#magnet_list thead{
    /* border-color: transparent; */
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 9;
}
#magnet_list th{
    padding: 5px;
    font-weight: normal;
    border: none;
}
#magnet_list th:first-child{
    padding-left: 10px;
}
.magnet_list li>div{
    display: inline-block;
    vertical-align: middle;
    width: 1100px;
    margin-right: 10px;
}
#magnet_list .checkbox_{
    width: 26px;
    /* padding: 7px; */
}
#magnet_list .parse_status{/* width: 33px; *//* height: 33px; */padding: 7px 3px;position: absolute;right: 0;bottom: 0;top: 0;opacity: .5;}
#magnet_list .file_type{
width: 33px;
height: 33px;
vertical-align: middle;
text-align: center;
padding: 3px;}
.magnet_list .file_type .ico{
    width: 50px;
    height: 38px;
    margin: 2px;
    border-radius: 5px;
    }
.magnet_list .file_type .ico>.cover{margin: 0;}
.magnet_list li .name{
}
#magnet_list .size{color: #96a5b0;font-size: 12px;margin-top: 3px;display: inline-block;min-width: 60px;}
#magnet_list .fileCount{color: #96a5b0;font-size: 12px;margin-top: 3px;display: inline-block;margin-left: 15px;}
.magnet_list .name{
    max-width: 35rem;
    color: #090909;
    display: block;
}
#magnet_list .page_tip{
    padding: 5px 0 0px 0;
    /* border-top: 1px solid #e8e8e8; */
}
#magnet_list .batch_menus{
    /* display: none; */
    /* margin-right: 5px; */
    /* padding-bottom: 5px; */
    margin-top: 10px;
}
.ico.batch_download{
    background-image: url(/imgs/ico/download.svg);
}
.ico.batch_save{
    background-image: url(/imgs/ico/batch_save.svg);
}
#magnet_list .batch_menus.inactive{
    pointer-events: none;
}
#magnet_list .batch_menus.inactive>button{
    /* background-color: #fafafa; */
    /* border-color: #9cd3ff; */
    /* color: #aeaeae!important; */
    opacity: .5;
}
#magnet_list .batch_menus>button{
}

#magnet_list .control{
    width: 38px;
    height: 35px;
    vertical-align: middle;
    padding: 7px;
}

.magnet_list .control .ico{
    background-image: url(../imgs/ico/more.svg);
    width: 25px;
    height: 25px;
    margin: 4px;
}
#file_quality_modal .quality_item{
    padding: 3px 10px;
    text-align: center;
    border: 1px solid #36ab60;
    color: #36ab60;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}
#file_quality_modal .quality_item .vip_tag{
    width: 22px;
    height: 22px;
    background-image: url(/imgs/ico/vip_circle.svg);
    position: absolute;
    right: -10px;
    top: -10px;
}
#file_quality_modal .quality_item .quality_name{}

#file_quality_modal .quality_item .quality_size{}
#control_magnet_file{
    z-index: 1052;
}
#control_magnet_file .modal-header{
    /* display: none; */
}
#control_magnet_file .control_file_info{
    width: calc(100% - 30px);
}
#control_magnet_file .control_file_info .touch_close_bar{
    text-align: center;
}
#control_magnet_file .control_file_info .touch_close_bar .close_bar{
    width: 80px;
    display: inline-block;
    height: 4px;
    background: #e5e5e5;
    border-radius: 5px;
}
#control_magnet_file .control_file_info .file_icon{overflow: hidden;border-radius: 8px;}
#control_magnet_file .control_file_info .file_icon .ico{width: 50px;height: 38px;/* border-radius: 8px; */}
#control_magnet_file .control_file_info .file_icon .ico .video_cover{}
#control_magnet_file .control_file_info .file_infos{
    padding: 5px 10px;
    width: calc(100% - 50px);
}
#control_magnet_file .control_file_info .file_infos>div{
}
#control_magnet_file .control_file_info .file_infos .filename{
    font-size: 13px;
    padding: 3px 0;
}
#control_magnet_file .control_file_info .file_infos .other_infos{
    color: #9e9e9e;
}
#control_magnet_file .parse_menu li{display: inline-block;text-align: center;cursor: pointer;padding: 5px 20px;transition: all ease .2s;border-radius: 15px;background: transparent;margin-right: 7px;margin-bottom: 5px;}
#control_magnet_file .parse_menu li:hover{
    /* background: #f9f9f9 !important; */
}
#control_magnet_file .parse_menu li .ico{width: 20px;height: 20px;}
#control_magnet_file .parse_menu li .tip{
    margin-top: 1px;
}
#control_magnet_file .parse_menu li.parse .ico{
    background-image: url(../imgs/ico/parse.svg);
}
#control_magnet_file .parse_menu li.preview_1 .ico{
    background-image: url(../imgs/ico/play.svg?v=1.0);
}
#control_magnet_file .parse_menu li.refresh .ico{
    background-image: url(../imgs/ico/refresh_menu.svg);
}
#control_magnet_file .parse_menu li.preview_2 .ico{
    background-image: url(../imgs/ico/pic_.svg);
}
#control_magnet_file .parse_menu li.preview_3 .ico{
    background-image: url(../imgs/ico/control.svg);
}
#control_magnet_file .parse_menu li.preview_10 .ico{
    background-image: url(../imgs/ico/ico_diary.svg);
}
#control_magnet_file .parse_menu li.preview_11 .ico{
    background-image: url(../imgs/ico/url.svg);
}
#control_magnet_file .parse_menu li.download .ico{
    background-image: url(../imgs/ico/download.svg?v=1.0);
}
#control_magnet_file .parse_menu li.download_a .ico{
    background-image: url(../imgs/ico/download_a.svg);
}
#control_magnet_file .parse_menu li.download_x .ico{
    background-image: url(/imgs/ico/download_x.svg);
}
#control_magnet_file .parse_menu li.show_origin .ico{
    background-image: url(../imgs/ico/origin.svg?v=1.0);
}
#control_magnet_file .parse_menu li.copy_origin_url .ico{
    background-image: url(../imgs/ico/ico_copy.svg);
}
#control_magnet_file .parse_menu li.open_origin_dir .ico{
    background-image: url(../imgs/ico/open_origin_dir.svg);
}
#control_magnet_file .parse_menu li.open_magnet_url .ico{
    background-image: url(../imgs/ico/url.svg);
}
#control_magnet_file .parse_menu li.share_file .ico{
    background-image: url(../imgs/ico/share_file.svg);
}
#control_magnet_file .parse_menu li.save .ico{
    background-image: url(../imgs/ico/save.svg);
}
.ico.move_file{
    background-image: url(../imgs/ico/move_file.svg?v=1.0);
}
.ico.pin_dir{
    background-image: url(../imgs/ico/pinned_gray.svg);
}
.ico.rename_file{
    background-image: url(../imgs/ico/rename_file.svg);
}
#control_magnet_file .parse_menu li.jubao .ico{
    background-image: url(../imgs/ico/jubao.svg?v=1.0);
}
.ico.del_file{
    background-image: url(../imgs/ico/delete.svg);
}
#direct_modal .que_block{
    padding: 3px;
}
#direct_modal .que{
    font-size: 14px;
    color: #f96868;
}
#direct_modal .ans{
    text-indent: 2em;
    color: #337ab7;
}
.notice_bg{
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,0.1);
}
.notice_bg .notice_main{
    width: 350px;
    margin: auto;
    position: relative;
    text-align: center;
    top: 80px;
    box-shadow: 2px 2px 8px #999;
    /* opacity: 0; */
    display: none;
    border-radius: 10px;
    overflow: hidden;
}
.notice_bg .notice_main .notice_pic{
    width: 100%;
    background: #fff;
    /* box-shadow: 4px 4px 8px #999; */
    padding: 5px;
    /* box-shadow: 2px 2px 8px #999; */
}
.notice_bg .notice_main .notice_text{
    width: 100%;
    background: #fff;
    box-shadow: 4px 4px 8px #999;
    padding: 70px 10px;
    /* box-shadow: 2px 2px 8px #999; */
}
.notice_bg .notice_main .notice_text .notice_title{
    font-size: 14px;
    padding-top: 5px;
    color: #000;
    text-align: left;
    text-indent: 2em;
}
.notice_bg .notice_main .notice_pic img{width: 100%;/* min-height: 450px; *//* background: #fff; */border-radius: 10px;}
.notice_bg .notice_main .notice_pic .notice_title{
    font-size: 14px;
    background: #fff;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #000;
    font-weight: 600;
}
.notice_bg .notice_main .close{
    width: 30px;
    height: 30px;
    margin: 0;
    float: none;
    /* margin: 15px 8px; */
    background-image: url(/imgs/ico/close.svg);
    opacity: 1;
    opacity: .8;
    position: absolute;
    right: 8px;
    top: 8px;
    /* background-color: rgb(255 255 255 / 70%); */
    border-radius: 50%;
}

.select_dir_list{
    height: 350px;
    overflow-y: auto;
}
.select_dir_list li{
    padding: 8px 5px;
    cursor: pointer;
    /* border: 1px solid #fff; */
}
.select_dir_list li .item:hover{
    background: rgb(174 174 174 / 8%);
}
.select_dir_list .dir_list_ul{
    padding-left: 20px;
}
.select_dir_list>.dir_list_ul{
    padding-left: 0;
}
.select_dir_list >.dir_list_ul:first-child{
    padding: 0;
}
.select_dir_list li .item{
    padding: 5px;
}
.select_dir_list li.selected>div{
    background: #e7e7e7;
    /* border: 1px solid #33cabb; */
    /* color: #fff; */
}
.select_dir_list li .ico{
    width: 25px;
    height: 25px;
    background-image: url(/imgs/ico/dir.svg);
    vertical-align: middle;
}
.select_dir_list li .ico.show_son{
    width: 15px;
    height: 15px;
    background-image: url(/imgs/ico/down2.svg);
    vertical-align: middle;
    transition: all ease .2s;
    transform: rotate(-90deg);
}
.select_dir_list li .ico.show_son.down{
    transform: rotate(0deg);
}
.select_dir_list li .ico.show_son.none{/* background: none; */}

.select_dir_list li .dir_name{
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    font-size: 14px;
}
.select_dir_btn{float: left;margin-left: 10px;}
#discount_tip_modal .tip_content .tip_new_user_ico{text-align: center;/* margin-top: -15px; */}
#discount_tip_modal .new_user_fuli_ico{width: 80px;height: 80px;background-image: url(/imgs/ico/vip/new_user_fuli.svg);margin-top: -55px;background-color: #fff;border-radius: 40px;background-size: 90%;}
#discount_tip_modal .tip_content .tip_outer{
    /* border: 2px solid #ff5722; */
    border-radius: 10px;
    width: 90%;
    margin: auto;
}
#discount_tip_modal .tip_content .tip_text{
    font-size: 16px;
    color: #ff9800;
}
#discount_tip_modal .tip_content .trail_privilege_infos{}
#discount_tip_modal .tip_content .trail_privilege_infos .info_item{
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}
#discount_tip_modal .tip_content .trail_privilege_infos .info_item .ico_area .ico{
    width: 30px;
    height: 30px;
    background-color: #ffecd0;
    border-radius: 50%;
    background-size: 55%;
}
#discount_tip_modal .tip_content .trail_privilege_infos .info_item .desp{
    margin-top: 5px;
}
.new_user_discount_tip_btm{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f6f6f6;
    padding: 2px;
    left: 0;
    box-shadow: 1px 1px 5px 0px rgb(255 87 34 / 50%);
}
.new_user_discount_tip_btm .discount_text{padding-left: 10px;color: #f44336;font-size: 13px;}
.new_user_discount_tip_btm .new_user_discount_ico{
    background-image: url(/imgs/ico/zhekou.svg);
    width: 30px;
    height: 30px;
}
.new_user_discount_tip_btm>*{
    display: inline-block;
    vertical-align: middle;
}
.new_user_discount_tip_btm .go_discount_btn{
    float: right;
    margin-top: 5px;
    right: 41px;
    position: relative;
}
.new_user_discount_tip_btm .close_ico{
    position: absolute;
    right: 3px;
    top: 10px;
    font-size: 16px;
    font-weight: 500;
    opacity: .4;
    /* padding: 2px 5px; */
    width: 18px;
    height: 18px;
    background-image: url(/imgs/ico/close_line.svg);
    background-size: 60%;
}

.new_url_panel{
    position: fixed;
    z-index: 99;
    right: 0;
    /* width: 100%; */
    bottom: 50px;
}
.new_url_panel .show_plus.shown{

transform: rotate(45deg);
}
.new_url_panel .show_plus{
    width: 50px;
    height: 50px;
    background-image: url(/imgs/ico/new_url.svg?v=1.1);
    background-color: #008eff;
    border-radius: 50%;
    background-size: 65%;
    float: right;
    right: 30px;
    position: relative;
    box-shadow: 0px 0px 20px 0 rgb(33 150 243 / 20%);
    z-index: 999;
    transition: all ease .2s;
    cursor: pointer;
}
.new_url_panel .panel_container.show{
    display: block;
}
.new_url_panel .panel_container{
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.new_url_panel .menu_list{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 80px;
    background: #f5f6fa;
    text-align: center;
    padding-top: 30px;
    box-shadow: -2px -2px 10px #eee;
    font-size: 0;
}
.new_url_panel .menu_list .new_url_item{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 80px;
    height: 80px;
    padding: 8px 0px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    transition: all ease .2s;
    position: relative;
}
.new_url_panel .menu_list .new_url_item .ico{
    width: 40px;
    height: 40px;
    margin: auto;
}
.new_url_panel .menu_list .new_url_item:hover{background: #eee;border-radius: 20px;}
.new_url_panel .menu_list .new_url_item .title{
    font-size: 14px;
    padding: 3px;
}
.new_url_panel .menu_list .new_magnet .ico{
    background-image: url(/imgs/ico/open_link.svg);
}
.new_url_panel .menu_list .new_diary .ico{
    background-image: url(/imgs/ico/diary.svg);
}
.new_url_panel .menu_list .new_bt .ico{
    background-image: url(/imgs/ico/bt.svg);
    background-size: 90%;
}
.new_url_panel .menu_list .import_urls .ico.beta{
    width: auto;
    height: auto;
    background-color: #ff9800;
    top: -2px;
    right: -1px;
    /* padding: 2px 5px; */
    margin: 0;
    font-size: 12px;
    color: #fff;
    transform: scale(.8);
}
.new_url_panel .menu_list .import_urls .ico{
    background-image: url(/imgs/ico/import.svg);
}
.new_url_panel .menu_list .new_dir .ico{
    background-image: url(/imgs/ico/new_dir.png);
}
.new_url_panel .menu_list .new_import .ico{
    background-image: url(/imgs/ico/heike_logo.png);
}
#new_web_version_modal{
    font-size: 14px;
}
#new_web_version_modal .modal-body{
    padding: 15px 15px;
}
#new_web_version_modal .title{
    font-size: 18px;
    /* color: #e91e63; */
}
#new_web_version_modal .desp{
    margin: 20px 0;
    padding: 20px 7px;
    line-height: 30px;
    /* color: #e91e63; */
    background: #f4f6f7;
    border-radius: 10px;
}
#new_web_version_modal .btns{
    text-align: center;
}


.free_vip{
    padding: 0;
}
.free_vip .text{
    min-height: 160px;
}
.free_vip .selected_item{
    display: none;
}
.free_vip .packages{}
.free_vip .item{
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    width: 48%;
    margin: 0 1%;
}
.free_vip .btns{
    text-align: center;
    padding: 10px 0;
}

.login.container{
    /* max-width: 700px; */
    /* display: inline-block; */
    /* text-align: center; */
    margin: auto;
    padding: 60px 0;
}

.login .left .login_introduce_wrap{
    /* height: 487px; */
    overflow: hidden;
    text-align: center;
}
.login .left .login_introduce_wrap .introduce_content{
    word-wrap: initial;
    width: 100%;
    white-space: nowrap;
    /* position: absolute; */
    display: -webkit-box;
    /* transform: translateX(-100%); */
    transition: all ease .2s;
    /* overflow: hidden; */
}
.login .left .login_introduce_wrap .introduce_content .introduce_item{}
.login .left .login_introduce_wrap .introduce_content .introduce_item img{}
.login .left .login_introduce_wrap .introduce_points{
    display: inline-block;
}
.login .left .login_introduce_wrap .introduce_points .point_item{
    width: 10px;
    height: 10px;
    background: #dadada;
    display: inline-block;
    border-radius: 15px;
    margin: 0 3px;
    cursor: pointer;
}
.login .left .login_introduce_wrap .introduce_points .point_item.active{
    background: #2196F3;
}
.login .left img {
    width: 100%;
}
.login .right .btn{width: 100%;padding: 10px 12px;}
.login .right #send_code{
    display: inline;
    width: auto;
    /* float: right; */
    position: absolute;
    right: 0;
    top: 0;
}
.login .right #send_login_code{
    display: inline;
    width: auto;
    /* float: right; */
    position: absolute;
    right: 0;
    top: 0;
}
.login .right #phone_code_group{
    position: relative;
}
.login .btn.sending{color: #959595;}
.login .right #phone_code_group #code{
    padding-right: 100px;
}

.login.container {
    text-align: center;
}
.login input{
    outline: 0;
}
.login input[type=text]{
    /* border: 0; */
    width: 100%;
    padding: .375rem 1.5rem;
    /* border-bottom: 1px solid #c6c6c6; */
    /* font-size: 16px; */
}

input#username {}
#login_danger_check_modal .setup_div{}
#login_danger_check_modal .setup_div>div{
    display: none;
}
#login_danger_check_modal .setup_div>div.show{
    display: block;
}
#login_danger_check_modal .reason_div{
    font-size: 14px;
    padding-bottom: 5px;
}
#login_danger_check_modal .next_setup{
    width: 100%;
}
#login_danger_check_modal .send_code_div{
    position: relative;
}
#login_danger_check_modal .send_code_div>*{
    display: inline-block;
    vertical-align: middle;
}
#login_danger_check_modal .send_code_div>input{width: 100%;}
#login_danger_check_modal .send_code_div>button{
    /* width: 40%; */
    position: absolute;
    right: 0;
    top: 0;
}
#login_danger_check_modal #relogin_btn{
    width: 100%;
    margin-top: 20px;
}
.login input[type=password]{
    /* border: 0; */
    width: 100%;
    /* border-bottom: 1px solid #c6c6c6; */
    /* padding: .5em; */
    padding: .375rem 1.5rem;
    /* font-size: 16px; */
    /* line-height: 1.5em; */
    /* margin-left: 30px; */
}
.login .login_top_nav{
    height: 50px;
    margin-bottom: 60px;
    margin-top: -60px;
}
.login .login_top_nav .logo{
    float: left;
    height: 100%;
}
.login .login_top_nav .logo img{
    height: 80%;
    margin-top: 5px;
}
.login .login_top_nav .navs{
    float: right;
    line-height: 50px;
}
.login .login_top_nav .nav_item{
    padding: 0 10px;
    color: #545454;
}
.login .left{
    width: 630px;
    /* border-right: 1px solid #999; */
    display: inline-block;
    padding: 5px;
    /* height: 100%; */
}
.login .right{
    width: 320px;
    padding: 5px;
    margin: auto;
    text-align: left;
}
.login .right .title{
    font-size: 20px;
    margin-top: 0;
}
.login .right .title .ico{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;
}
.login .right .links a{
    /* margin-right: 25px; */
}
.login .right .login_box{
    position: relative;
    height: 290px;
}
.login .right .change_login_type{
    float: right;
}
.login .right .change_login_type>div{
    display: none;
    font-size: 14px;
    text-align: right;
    float: right;
}
.login .right .change_login_type>div>span{
    /* background: #fff; */
    padding: 3px;
    margin-right: 3px;
    text-decoration: underline;
    /* line-height: 1.5rem; */
}
.login .right .change_login_type .account_login_type{
    
/* display: block; */
    
text-align: right;
}
.login .right .change_login_type .qr_login_type{

     display: block;
}
.login .right .change_login_type .ico{
    width: 32px;
    height: 32px;
    /* position: absolute; */
    right: 0;
    top: 0;
    /* background-color: #fff; */
    cursor: pointer;
    /* background-size: 80%; */
}
.login .right .change_login_type .qr_login_type .ico{
    background-image: url(/imgs/ico/qr_login.svg);
}
.login .right .change_login_type .account_login_type .ico{
    background-image: url(/imgs/ico/account_login.svg);
}
.login .right .account_box{
    padding: 20px 0;
}
.login .right .account_box .change_pwd_type{
    text-align: left;
    padding: 0;
    margin-top: 10px;
    display: inline-block;
    width: auto;
    /* color: #444141; */
}
.login .right .account_box .reg_tip_text{
    width: auto;
    padding: 0 3px;
    margin-top: 10px;
    float: right;
}
.login .right .account_box .login_pwd_area{
    overflow: hidden;
}
.login .right .account_box .login_pwd_area .login_pwd_containers{
    white-space: nowrap;
    display: -webkit-box;
    /* overflow: hidden; */
    transition: all ease .2s;
}
.login .right .account_box .login_pwd_area .login_pwd_containers>.form-group{
    width: 100%;
}
.login .right .login_box .qr_box{
    display: none;
}
.login .right .qr_login .qr_title{
    font-size: 14px;
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 20px;
    /* border: 1px solid #fff; */
}
.login .right .qr_login .qr_main{
    background: #fff;
    text-align: center;
    padding: 5px;
    margin: 10px 0;
    position: relative;
    border-radius: 15px;
}
.login .right .qr_login .qr_main #qr_img{
    width: 180px;
    height: 180px;
    border: 2px solid;
    border-radius: 7px;
}
.login .right .qr_login .qr_main .qr_warp{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(255 255 255 / 90%);
    display: none;
    /* z-index: 9; */
}
.login .right .qr_login .qr_main .qr_warp .ico{
    width: 48px;
    height: 48px;
    margin-top: 60px;
    cursor: pointer;
}
.login .right .qr_login .qr_main .qr_refresh_warp{
    z-index: 9;
}
.login .right .qr_login .qr_main .qr_warp .refresh_qr{
    background-image: url(/imgs/ico/refresh_qr.svg);
}
.login .right .qr_login .qr_main .qr_warp .scanned_qr{
    background-image: url(/imgs/ico/scan_succ.svg);
}
.login .right .qr_login .qr_main .qr_warp .text{font-size: 14px;padding: 5px 0;/* color: #000; */}
.login .right .qr_login .qr_bottom_tip{}
.login .form-group .ico{

width: 21px;

height: 21px;

position: absolute;

margin: 8px 2px;

z-index: 9;
}
.login .form-group .row{}
.qr_grant{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}
.qr_grant .top_warp{
    height: 60%;
    position: relative;
}
.qr_grant .top_warp .ico_area{
    position: relative;
    height: 50%;
    width: 100%;
}
.qr_grant .top_warp .ico_area .ico{
    bottom: 0;
    height: 120px;
    width: 120px;
    margin-top: 20px;
}
.qr_grant .top_warp .ico_area .err_grant_ico{
    background-image: url(/imgs/ico/err_grant_ico.svg);
}
.qr_grant .top_warp .ico_area .pc_ico{
    /* position: absolute; */

    background-image: url(/imgs/ico/pc_ico.svg);
}
.qr_grant .top_warp .ico_area .tv_ico{
    /* position: absolute; */

    background-image: url(/imgs/ico/tv_ico.svg);
}
.qr_grant .top_warp .ico_area .web_ico{
    /* position: absolute; */

    background-image: url(/imgs/ico/web_ico.svg);
}
.qr_grant .top_warp  .tip_area{
    position: relative;
    padding: 20px 10px;
    display: inline-block;
}
.qr_grant .top_warp .tip_area .tip{
    font-size: 14px;
    color: #000;
    background: #fff;
    padding: 4px 15px;
    border-radius: 50px;
}
.qr_grant .top_warp .tip_area .city{
    /* text-align: left; */
    color: #2196f3;
    margin-top: 10px;
}
.qr_grant .bottom_warp{
    padding-top: 60px;
}
.qr_grant .lyear-checkbox span:before{
    border-color: #a9a9a9;
}
.qr_grant .bottom_warp button{
    padding: 6px 30px;
}

.getpass{

max-width: 400px;
}
.getpass .card-header h5{

height: 100%;

text-align: left;
}
.getpass .row{
    text-align: right;
}
.getpass .reset_btn{
    width: 100%;
}

.xy.container{
    max-width: 1280px;
    margin: auto;
    font-size: 13px;
    text-indent: 2em;
    line-height: 2em;
}
.login .err{
    color: red;
}
.help.container{}
.help_block{
    overflow: hidden;
    margin: 0;
}
.help_block .card-header{
    font-size: 17px;
    /* padding: 8px 15px !important; */
    text-align: center;
}
.help_block .help_item:first-child{
    border: none;
}
.help_block .help_item:last-child{
    border-bottom: 1px solid #eee;
}
.help_block .help_item{
    background: #fff;
    overflow: hidden;
    transition: all ease .2s;
    border-top: 1px solid #eee;
}
.help_block .help_item .help_req{
    overflow: hidden;
    padding: 8px 0;
    cursor: pointer;
}
.help_block .help_item .req_text{
    font-size: 16px;
    display: inline-block;
    width: calc(100% - 20px);
    vertical-align: middle;
    font-weight: 600;
}
.help_block .help_item.opened .down{
    transform: rotate(180deg);
}
.help_block .help_item .help_req .down{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url(/imgs/ico/down.svg);
    transition: all ease .1s;
}
.help_block .help_item.opened .help_ans{
    height: 100%;
    padding-top: 5px;
}
.help_block .help_item .help_ans{
    color: #696969;
    height: 0;
    transition: all ease .2s;
    /* padding-top: 10px; */
    font-size: 14px;
    background: #fdfdfd;
    line-height: 1.7em;
}
.help_block .help_item .help_ans img {
    display: block;
    margin: 10px auto;
}
body.app_guide_model .notice_bg,body.app_guide_model .modal.in{
    display: none;
}
.index .menus{position: fixed;width: 170px;/* display: block; */transform: translateX(0);}
.index .lyear-layout-container{
    overflow-y: auto;
}
.index .lyear-layout-container.no_bar .lyear-layout-sidebar{
    transform: translateX(-100%);
}
.index .lyear-layout-container.no_bar .lyear-layout-header{
    padding-left: 0;
}
.index .lyear-layout-container.no_bar .content{
    padding-left: 0;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.no-select,.no-select *{
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.index .menus .lyear-layout-sidebar-scroll{
    padding-top: 20px;
}
.index .menus .sidebar-header{/* padding: 4px; *//* padding-top: 10px; */}
.index .menus .sidebar-footer{/* padding-top: 7px; */background: #fff;padding: 10px 15px;/* margin: 0 14px; */padding-bottom: 20px;position: absolute;width: 100%;bottom: 0;left: 0;/* background: #f8f8f8; *//* border-top: 1px solid #d7d7d7; */}
.index .menus .user_info_bottom{/* padding: 5px 0; */}
.index .user_info{/* font-size: 100%; */}
.index .user_info .label{
    color: #4d5259;
    /* font-size: 100%; */
}
.index .user_info .user_ico{/* width: 100%; */margin-right: 5px;position: relative;z-index: 99;}
.index .user_info .user_ico img{

width: 40px;

border-radius: 50%;

display: inline-block;
}
.index .user_info .username{

color: #515151;
}
.index .user_info .vip_info{

color: #03A9F4;

width: calc(100% - 45px);

margin-left: 5px;
}
.index .user_info .vip_info>div{
    padding-top: 3px;
}
.index .user_info .vip_info a{
    width: auto;
    display: inline-block;
}
.index .user_info .user_ico:hover .user_info_menus{
    display: block;
    opacity: 1;
}
.ico.recharge{
    background-image: url(/imgs/ico/my_page/vip.svg);
}
.index .user_info .user_info_menus{border-radius: 5px;box-shadow: 0px 0px 5px #d5d5d5;overflow: hidden;position: absolute;width: 300px;opacity: 0;display: none;background: #fff;z-index: 999;top: 40px;right: 0;padding: 15px;}
.index .user_info .user_info_menus.show{}
.index .user_info .user_info_menus .recharge_btn{
    padding: 3px 0;
}
.index .user_info .user_info_menus .vip_end{
    padding: 5px 5px;
    /* padding-top: 5px; */
    display: block;
    background: linear-gradient(45deg, #ff9800, transparent);
    color: #fff;
    border-radius: 5px;
    margin-top: 5px;
}
.index .user_info .user_info_menus .recharge_btn a{
    display: block;
    background: linear-gradient(45deg, #e91e63, #ff9800);
    color: #fff;
    padding: 7px;
    border-radius: 50px;
    border: none;
}
.index .user_info .user_info_menus .menus_main{padding: 7px 0;font-size: 0;}
.index .user_info .user_info_menus .menus_main>a{width: 30%;display: inline-block;color: #585858;padding: 5px 5px;/* border-left: 1px solid #eee; */background: #f9f9f9;border-radius: 10px;margin-left: 3%;margin-bottom: 10px;}
.index .user_info .user_info_menus .menus_main>a:first-child{border: none;margin-left: 0;}
.index .user_info .user_info_menus .menus_main>a:nth-child(4n){border: none;margin-left: 0;}
.index .user_info .user_info_menus .menus_main>a .ico{
    width: 22px;
    height: 22px;
}
.index .user_info .user_info_menus .menus_main>a span{
    display: block;
    margin-top: 3px;
}
.index .user_info .user_info_menus .menus_bottom{}
.index .user_info .user_info_menus .menus_bottom a{
    display: block;
    background: #f2f2f2;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 50px;
}
.index .user_info .vip_exp{
    margin: 6px 0px;
    /* border: 1px solid rgb(245 145 47 / 25%); */
    /* border-radius: 5px; */
    /* padding: 5px 0px; */
    padding-bottom: 8px;
    /* background: #fff; */
    margin-top: 0;
    border-bottom: 1px solid rgb(224 211 197 / 50%);
    }
.index .user_info .card-header{
    padding: 5px;
}
.index .index_menus.file_type_menus{
    padding: 0px 10px;
    padding-bottom: 30px;
}
.index .index_menus.file_type_menus li{
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    /* margin-bottom: 5px; */
    cursor: pointer;
    transition: all .3s ease;
}
.index .index_menus.file_type_menus li .ico{
    /* background-image: url(/imgs/ico/files_all.svg); */
}
.index .index_menus.file_type_menus li .ico.files_videos{
    background-size: 125%;
}
.index .index_menus.file_type_menus li .ico.files_urls{
    background-size: 90%;
}
.index .index_menus.file_type_menus li .ico.files_imgs{
    background-size: 90%;
}
.index .index_menus.file_type_menus li .ico.files_zips{
    background-size: 86%;
}
.index .index_menus.file_type_menus li:hover{
    background: rgb(197 197 197 / 15%);
    /* color: #06a7ff; */
}
.index .index_menus.file_type_menus li span{
    width: 70px;
}

.index .index_menus.file_type_menus li.active{
    background: rgb(0 188 212 / 15%);
    color: #06a7ff;
}
.index .index_menus.file_type_menus li.active .ico.files_all{
    background-image: url(/imgs/ico/files_all_active.svg);
}
.index .index_menus.file_type_menus li.active .ico.files_videos{
    background-image: url(/imgs/ico/files_videos_active.svg);
    /* background-size: 110%; */
}
.index .index_menus.file_type_menus li.active .ico.files_imgs{
    background-image: url(/imgs/ico/files_imgs_active.svg);
}
.index .index_menus.file_type_menus li.active .ico.files_zips{
    background-image: url(/imgs/ico/files_zips_active.svg);
}
.index .index_menus.file_type_menus li.active .ico.files_urls{
    background-image: url(/imgs/ico/files_urls_active.svg);
}
.ico.files_all{
    background-image: url(/imgs/ico/files_all.svg);
}
.ico.files_videos{
    background-image: url(/imgs/ico/files_videos.svg);
}
.ico.files_imgs{
    background-image: url(/imgs/ico/files_imgs.svg);
}
.ico.files_zips{
    background-image: url(/imgs/ico/files_zips.svg);
}
.ico.files_urls{
    background-image: url(/imgs/ico/files_urls.svg);
}

.index .index_menus.pinned_list{
    padding: 20px 10px;
    /* background: #eee; */
}
.index .index_menus.pinned_list .pinned_title{
    padding: 5px 0;
}
.index .index_menus.pinned_list .pinned_title>*{
    display: inline-block;
    vertical-align: middle;
    color: #06a7ff;
    color: #4F6174;
    /* font-size: 13px; */
    font-weight: 600;
}
.index .index_menus.pinned_list .pinned_title span{
    margin-left: 5px;
}
.index .index_menus.pinned_list .pinned_icon{
    width: 16px;
    height: 16px;
}
.index .index_menus.pinned_list .pinned_list_inner{
    padding: 5px 0;
    /* background: #f5f5f5; */
    border-radius: 10px;
    max-height: 200px;
    overflow-y: auto;
    /* background: rgb(0 188 212 / 15%); */
    /* padding-left: 16px; */
    min-height: 100px;
}
.index .index_menus.pinned_list .pinned_list_inner .pinned_empty_mask{
    padding: 30px 0;
    text-align: center;
    color: #c8c8c8;
}
.index .index_menus.pinned_list .pinned_item{
    padding: 2px 3px;
    cursor: pointer;
    padding-left: 16px;
    font-size: 0;
    border-radius: 5px;
    transition: all .2s ease;
}
.index .index_menus.pinned_list .pinned_item:hover{
    background: rgb(197 197 197 / 15%);
}
.index .index_menus.pinned_list .pinned_item:hover .no_pin_btn{
    opacity: .5;
}
.index .index_menus.pinned_list .pinned_item .no_pin_btn{
    font-size: 13px;
    float: right;
    margin-top: 4px;
    width: auto !important;
    /* right: 1px; */
    height: auto !important;
    padding: 2px;
    opacity: 0;
}
.index .index_menus.pinned_list .pinned_item .ico{
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-size: 90%;
}
.index .index_menus.pinned_list .pinned_item .dir_name{
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
    width: calc(100% - 50px);
    font-size: 12px;
    white-space: nowrap !important;
}
.search_magnet_btn{
    background-image: url(/imgs/ico/search_magnet_btn.svg);
    width: 40px;
    height: 40px;
    position: fixed;
    right: 33px;
    bottom: 120px;
    background-color: #fff;
    box-shadow: 1px 1px 5px #999;
    border-radius: 50%;
    background-size: 50%;
}
.ico.step_point{
    background-image: url(/imgs/ico/step_point.svg);
}
.ico.import_success{
    background-image: url("/imgs/ico/import_success.svg");
}
.ico.beta{background-image: none !important;position: absolute;background-color: #ff9800;border-radius: 10px 10px 10px 0;z-index: 9;font-size: 12px;color: #fff;padding: 1px 6px;}
#import_urls_modal .step_2{
    padding-top: 40px;
    text-align: center;
}
#import_urls_modal .import_success{
    /*display: none;*/
    width: 55px;
    height: 55px;
    margin-top: 20px;
}
#import_urls_modal .step_2 .progress_area{
    padding-bottom: 40px;
}
#import_urls_modal .step_2 .progress_area .progress_title{
    font-size: 14px;
}
#import_urls_modal .step_2 .progress_area .progress_wrap{
    height: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #f4f4f4;
    margin-top: 20px;
}
#import_urls_modal .step_2 .progress_area .progress_wrap .progress_inner{
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #2196f3, #673ab7);
    border-radius: 5px;
    transition: width ease .2s;
}
#import_urls_modal .tip_title{
    font-size: 13px;
    font-weight: 500;
    display: block !important;
    margin-top: 10px;
    /* color: #2196f3; */
}
#import_urls_modal .tip_title .ico{
    width: 22px;
    height: 22px;
    margin-right: 5px;
    background-size: 70%;
}
#import_urls_modal .tip_title>*{
    display: inline-block;
    vertical-align: middle;
    /* color: #000; */
}
#import_urls_modal .ico.file{
    background-image: url(../imgs/ico/files_all.svg);
    background-size: 80%;
    width: 30px;
    height: 30px;
    background-position-y: 1px;
}
#import_urls_modal .dir_ico{
    background-image: url(../imgs/ico/dir.svg?v=1.0);
    background-size: 80%;
    width: 30px;
    height: 30px;
    background-position-y: 1px;
}
#import_urls_modal .ico_text_file{
    background-image: url(../imgs/ico/import_urls_file.svg);
    background-size: 80%;
    width: 30px;
    height: 30px;
    background-position-y: 1px;
}
#import_urls_modal input[type=file]{
    display: none;
}
#import_urls_modal .form_area>*{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
#import_urls_modal .form_area{
    color: #737373;
    padding-bottom: 10px;
    padding-left: 25px;
}
#import_urls_modal .import_urls_filter_area{
    padding-left: 0;
}
#import_urls_modal .import_urls_filter_area .select_item .text_area{
    font-size: 13px;
    font-weight: 500;
}
#import_urls_modal .import_urls_sub_dirs_area{
    text-align: center;
    padding-left: 0;
}
#import_urls_modal .select_item{
    display: inline-block;
    /* width: 48%; */
    /* margin: auto; */
    border: 3px solid transparent;
    /* height: 180px; */
    padding: 10px;
    border-radius: 10px;
    background: #f4f4f4;
    color: #000;
    font-size: 12px;
    transition: all ease .2s;
    cursor: pointer;
}
#import_urls_modal .import_urls_sub_dirs_area .ico{
    width: 25px;
    height: 25px;
}
#import_urls_modal .select_item:hover{
    border-color: #2196f3;
    background: #fff;
}
#import_urls_modal .select_item.selected{
    border-color: #2196f3;
    background: #fff;
}
#import_urls_modal .import_urls_sub_dirs_area .import_sub_dir_item{
    height: 180px;
    width: 49%;
}
#import_urls_modal .import_sub_dir_item .text_area{
    margin-top: 15px;
}
#import_urls_modal .import_urls_sub_dirs_area .import_sub_dir_item .desp_area{
    display: inline-block;
    text-align: left;
    margin-top: 10px;
    transform: scale(.8);
}
#import_urls_modal .import_urls_sub_dirs_area .import_sub_dir_item .desp_area .pdir_item{}
#import_urls_modal .import_urls_sub_dirs_area .import_sub_dir_item .desp_area .sub_dir_item{
    padding-left: 20px;
}
#import_urls_modal .import_urls_sub_dirs_area .import_sub_dir_item .desp_area .import_file_item{
    padding-left: 20px;
    /* border-left: 2px solid #dfdfdf; */
}
#import_urls_modal .select_item .text_area{
    font-size: 15px;
    font-weight: 600;
    /* margin-top: 15px; */
}
#import_urls_modal .change_import_dir_btn{}
#import_urls_modal .btm_btn_area{
    text-align: center;
    padding: 10px 0;
}
.ico.pinned_icon{
    background-image: url(/imgs/ico/pinned.png);
}
.ico.dir{
    width: 43px;
    height: 38px;
    background-image: url(../imgs/ico/dir.svg?v=1.0);
    background-size: 80%;
}

.index .index_menus.mobile_web_menus{
    display: none;
}
.index .index_menus.mobile_web_menus .user_info{
    padding: 15px 0px;
}
.index .index_menus.mobile_web_menus li{
    display: inline-block;
    text-align: center;
    padding: 10px 5px;
    width: 47%;
    margin-left: 1%;
    background: #f4f4f4;
    border-radius: 10px;
    margin-top: 5px;
}
.index .index_menus.mobile_web_menus li a{
    padding: 0;
}
.index .index_menus.mobile_web_menus li .ico{
    width: 21px !important;
    height: 21px !important;
}
.index .index_menus.mobile_web_menus li span{
    display: block;
    margin-top: 5px;
}
.index .index_menus li .ico{
    vertical-align: middle;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
}
.index .index_menus li span{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-left: 5px;
    margin-top: 0;
    font-size: 13px;
}
.index .menus .user_info .card-body{
    padding: 5px;
padding-top: 10px;}

.pc_vip_iframe_wrap{
    /* width: 600px; */
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgb(0 0 0 / 30%);
    top: 0;
    left: 0;
    text-align: center;
}
.pc_vip_iframe_wrap .wrap{
    width: 720px;
    position: relative;
    top: calc(50% - 305px);
    height: 605px;
    border: none;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    margin: auto;
    background: #fff;
}
.pc_vip_iframe_wrap .wrap .loading_wrap{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ececec;
    text-align: center;
}
.pc_vip_iframe_wrap .wrap .loading_wrap .ico.loading{
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    position: relative;
    background-image: url(/imgs/ico/loading_png.png);
    animation: loading_png 1s linear infinite;
}
.pc_vip_iframe_wrap .wrap .loading_wrap .close_pc_vip_iframe_area{
    position: relative;
    top: 50%;
}
.pc_vip_iframe_wrap iframe{
    width: 100%;
    height: 100%;
    border: none;
}
#buy_vip_tip .tip_content .tip_need_vip_ico{text-align: center;margin-top: -50px;}
#buy_vip_tip .tip_content .tip_need_vip_ico .need_vip{width: 100px;height: 100px;background-image: url(/imgs/ico/need_vip.svg);}
.buy_vip_tip .tip_content .tip_reason{}
#buy_vip_tip .tip_bottom .btn span{position: relative;}
#buy_vip_tip .tip_bottom .btn .ico{width: 51px;height: 17px;position: absolute;top: -6px;right: -56px;border-radius: 3px;}
#buy_vip_tip .tip_content .tip_bottom .btn{display: block;font-size: 16px;background: linear-gradient(45deg, #e91e63, #ff9800);color: #fff;}
#new_user_tip_modal .tip_content .tip_new_user_ico{text-align: center;/* margin-top: -15px; */}
#new_user_tip_modal .tip_content .new_user_fuli_ico{width: 80px;height: 80px;background-image: url(/imgs/ico/vip/new_user_fuli.svg);}
#new_user_tip_modal .tip_content .tip_outer{
    /* border: 2px solid #ff5722; */
    border-radius: 10px;
    width: 90%;
    margin: auto;
}
#new_user_tip_modal .tip_content .tip_text{
    font-size: 16px;
    color: #ff9800;
}
.alert_tip_modal{
    position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;background: rgb(16 16 16 / 80%);display: none;
}
.alert_tip_modal .tip_content{
    width: 320px;
    margin: auto;
    top: calc(50% - 120px);
    position: relative;
    min-height: 200px;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 0px 5px #999;
}
.alert_tip_modal .tip_content .close.close_float{
    bottom: -50px;
    float: none;
    display: inline-block;
    /* height: 30px; */
    top: auto;
    right: auto;
    left: auto;
    color: #f2f2f2;
    margin: auto;
    /* border: 2px solid #f2f2f2; */
    border-radius: 50%;
    /* padding: 3px; */
}
.alert_tip_modal .tip_content .close{position: absolute;right: 10px;top: 10px;opacity: .3;z-index: 9;}
.alert_tip_modal .tip_content .tip_head{font-size: 18px;padding: 8px 0px;font-weight: 600;}
.alert_tip_modal .tip_content .tip_text{padding: 5px 0;font-size: 13px;}
#buy_vip_tip .tip_content .vip_privileges{
    padding-top: 20px;
}
#buy_vip_tip .tip_content .vip_privileges .tip{
    color: #ff9800;
    font-size: 14px;
    font-weight: 600;
}
#buy_vip_tip .tip_content .vip_privileges .privilege_infos{
    margin-top: 10px;
}
#buy_vip_tip .tip_content .vip_privileges .privilege_infos .info_item{
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    /* width: calc(100% / 3 - 23px); */
}
#buy_vip_tip .tip_content .vip_privileges .privilege_infos .info_item .ico{
    width: 30px;
    height: 30px;
    background-color: #ffecd0;
    border-radius: 50%;
    background-size: 55%;
}
#buy_vip_tip .tip_content .vip_privileges .privilege_infos .info_item .desp{}
.alert_tip_modal .tip_content .tip_body{padding: 5px 0;}
.alert_tip_modal .tip_content .tip_bottom{padding: 20px 0;}
#vip_expired_tip .info_item{display: inline-block;margin: 10px;}
#vip_expired_tip .info_item .ico{width: 30px;height: 30px;background-color: #ffecd0;border-radius: 50%;background-size: 55%;}
#vip_expired_tip .info_item .desp{
    margin-top: 5px;
}
#vip_expired_tip .tip_bottom .btn{display: block;position: relative;background: linear-gradient(45deg, #e91e63, #ff9800);color: #fff;padding: 8px;font-size: 14px;}
#vip_expired_tip .tip_bottom .btn span{position: relative;}
#vip_expired_tip .tip_bottom .btn .ico{width: 51px;height: 17px;position: absolute;top: -6px;right: -56px;border-radius: 3px;}
.ico.buy_discount_icon{background-image: url(/imgs/ico/buy_discount_icon.svg);}
.user_info .super_parse_counts{
    padding: 2px 0;
    color: #03A9F4;
}
.user_info .super_parse_counts .cnt{
    color: #FF5722;
    padding: 0 5px;
}
.user_info .file_counts{
    /* width: 170px; */
    /* background: #edfaff; */
    padding: 3px;
    padding-top: 5px;
    margin-bottom: 15px;
    }
.user_info .file_counts .infos{
    /* margin-left: 10px; */
margin-top: 5px;}
.my_page .user_info .file_counts .infos{
    margin-left: 0;
}
.user_info .file_counts .tip{
    font-size: 10px;
    color: #FF5722;
}
.user_info .file_counts .text{
    /* text-align: right; */
}
.user_info .file_counts a{
    float: right;
}
.user_info .file_counts .outer{
    height: 7px;
    width: 100%;
    background: #ececec !important;
    border-radius: 15px;
    overflow: hidden;
    /* padding: 3px; */
}
.my_page .user_info .file_counts .outer{
    background: #fff !important;
    margin-top: 10px;
}
.my_page .user_info .file_counts .file_count_num{
    margin-left: 5px;
}
.user_info .file_counts .outer .inner{
    height: 100%;
    background: #2196F3 !important;
    width: 0;
}
.my_page .user_infos .user_checkin_box{
    background: rgb(255 87 34 / 70%);
    border-radius: 10px;
    margin: 5px 0;
    padding: 5px 10px;
    text-align: left;
    color: #fff;
    position: relative;
}
.my_page .user_infos .user_checkin_box .feather_num{
    min-width: 33%;
}
.my_page .user_infos .user_checkin_box .feather_num .num{
    font-size: 18px;
    padding-right: 5px;
}
.my_page .user_infos .user_checkin_box .feather_num>span>span:last-child{
    /* vertical-align: bottom; */
}
.my_page .user_infos .user_checkin_box .feather_ico{
    background-size: 90%;
}
.ico.feather_ico{
    background-image: url(/imgs/ico/feather.svg);
    width: 25px;
    height: 25px;
}
.my_page .user_infos .checkin_btns{
    position: relative;
    padding: 5px 10px;
    padding-right: 0;
}
.my_page .user_infos .checkin_btns .btn-link{
    
text-decoration: underline;
    
position: relative;
}
.my_page .user_infos .right_ico{
    width: 15px;
    height: 10px;
    background-image: url(/imgs/ico/my_page/right_white.svg);
    display: inline-block;
}

.checkin{
    /* background: #fff; */
    text-align: center;
    padding: 5px;
}
.checkin .checkin_area{
    color: #fff;
    border-radius: 10px;
    /* background: #f96868; */
    padding: 5px;
    background-image: linear-gradient(0deg, #f96868, #f96197);
}
.checkin .checkin_dates{
    padding: 5px 0;
}
.checkin .checkin_dates .checkin_date_item{
    background: linear-gradient(0deg, #ffc107, #cddc39);
    border-radius: 50%;
    padding: 8px;
    margin: 0 3px;
}
.checkin .checkin_dates .checkin_date_item:first-child{
    margin-left: 0;
}
.checkin .checkin_dates .checkin_date_item:last-child{
    margin-right: 0;
}
.checkin .checkin_dates .checkin_date_item .plus_num{}
.checkin .checkin_dates .checkin_date_item .day_num{}
.checkin .checkin_dates .checkin_date_item .feather_ico{
    width: 20px;
    height: 20px;
}
.checkin .feather_num{
    margin: 5px;
}
.checkin .feather_num .feather_ico{
    width: 30px;
    height: 30px;
}
.checkin .feather_num .num{
    font-size: 26px;
}
.checkin .checkin_btn{
    padding: 10px 0;
}
.checkin .block{
    margin: 10px 0;
    background: #fff;
    border-radius: 10px;
    padding: 5px;
}
.checkin .title{
    text-align: left;
    color: #607d8b;
    padding: 5px 1px;
}
.checkin .goods_samples{

    /* text-align: left; */
}
.checkin .goods_samples .goods_sample_item{
    width: 24%;
    border-radius: 10px;
    background: linear-gradient(1deg, #ece0e0, #00000005);
    margin: 1px;
    text-align: center;
}
.checkin .goods_samples .goods_sample_item .goods_icon{}
.checkin .goods_samples .goods_sample_item .goods_icon .ico{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* background-color: #eee; */
}
.checkin .goods_samples .goods_sample_item .goods_title{}
.checkin .goods_samples .goods_sample_item .goods_price{
    color: #999;
    font-size: 12px;
    padding: 2px 0;
}
.checkin .task_list{
    text-align: left;
    background: #fff;
    /* font-size: 14px; */
}
.checkin .task_list li{
    padding: 10px 5px;
    font-size: 14px;
    /* border-top: 1px dashed #999; */
}
.checkin .task_list li:first-child{
    border: none;
}
.checkin .task_list .task_ico{}
.checkin .task_list .task_ico .ico{
    width: 25px;
    height: 25px;
}
.checkin .task_list .task_title{
    padding: 0 5px;
    font-size: 14px;
    width: calc(100% - 85px);
}
.checkin .task_list .task_feather{
    background: linear-gradient(61deg, #e91e63, #ff9800);
    padding: 2px 10px;
    border-radius: 15px;
    color: #fff;
}
.checkin .task_list .task_feather .ico{
    width: 20px;
    height: 20px;
}



.index .menus .list{
    margin-top: 20px;
    border-top: 1px dashed #999;
}
.index .menus .list li{}
.index .menus .list li a{
    padding: 10px 0;
    display: block;
    transition: all ease .2s;
    color: #fff;
}
.index .menus .list li a:hover{

background: #c4c4c4;
}
.nav-step-content{
    /* background: #57c7d4; */
    color: #48b0f7;
    font-size: 13px;
}
.search_area{
    /* border: 1px solid #999; */
    position: relative;
    /* background: #eee; */
    /* margin-right: 5px; */
    width: 260px;
    display: inline-block;
    /* border-radius: 20px; */
    font-size: 0;
    /* line-height: 30px; */
}
.search_area >.inline{
    width: calc(100% - 134px);
    background-color: #f5f5f5;
    border-radius: 20px;
    vertical-align: middle;
    font-size: 12px;
}
.search_area .search_ico{
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    margin-top: 5px;
    background-size: 70%;
    background-image: url(/imgs/ico/search.svg);
}
.search_area .sort_btn{
    width: 32px;
    /* height: 32px; */
    /* background-image: url(/imgs/ico/sort_btn.svg); */
    background-size: 80%;
    display: none;
    margin-left: 3px;
    font-size: 16px;
    /* line-height: 32px; */
    text-align: center;
}
.search_area .list_style_btn{
    width: 32px;
    height: 32px;
    background-size: 70%;
    display: none;
    margin-left: 3px;
    font-size: 16px;
    text-align: center;
}
.index.list_big_icon .search_area .list_style_btn{
    background-image: url(/imgs/ico/list_style_list.svg);
}
.search_area .list_style_btn .ico{
    width: 25px;
    height: 25px;
    background-size: 85%;
}
.index .search_area .message_btn{
    width: 28px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
.index .search_area .message_btn .unread_ico{width: 9px;height: 8px;position: absolute;right: 10px;bottom: 5px;/* bottom: 9px; */background: #E91E63;border-radius: 50%;display: none;}
.index .search_area .message_btn.unread .unread_ico{display: block;}
.search_area .app_user_icon{
    position: absolute;
    width: 38px;
    height: 38px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    overflow: hidden;
    padding: 2px;
    background: #9e9e9e;
    display: none;
}
.search_area .app_user_icon.vip{}
.search_area .app_user_icon.show{
    display: block;
}
.search_area .app_user_icon .ico{
    background-image: url(/imgs/ico/icon.jpg);
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.search_area input{
    border: 0;
    outline: 0;
    height: 32px;
    width: calc(100% - 42px);
    padding-left: 42px;
    line-height: 40px;
    background: none;
}
.search_area .search_file_btn{
    /* background-image: url(/imgs/ico/search.svg); */
    width: 32px;
    height: 32px;
    position: relative;
    margin-right: 1px;
    line-height: 32px;
    cursor: pointer;
    /* border-radius: 50%; */
    /* background-color: #fff; */
    color: #028fff;
    /* text-align: center; */
    padding-left: 3px;
    display: none;
}
.navbar .user_info{
    display: none;
    float: right;
    /* display: inline-flex; */
}
.navbar .user_info .down_client{
    display: inline-block;
    /* height: 50px; */
    font-size: 13px;
}
.navbar .user_info .down_client a{
    color: #3c3c3c;
}
.navbar .top_menu{
    /* width: 100%; */
}
.navbar .pc_top_alert{height: 56px;margin-left: 0px;}
.navbar .pc_top_alert:nth-child(2){}
.navbar .pc_top_alert a{display: inline-block;height: 100%;padding: 3px;}
.navbar .pc_top_alert span{line-height: 50px;text-decoration: underline;}
.navbar .pc_top_alert a img{height: 100%;/* margin: 5px; */border-radius: 10px;box-shadow: 0px 0 6px #bebebe;}
.lyear-layout-sidebar-close .index .content{

padding-left: 0;
}
.index .content{padding: 5px;padding-top: 56px;padding-left: 170px;transition: padding 0.3s;min-height: 100%;position: relative;background: #fff;/* overflow-y: auto; */}
.index .content .top_menu{
border-bottom: 1px solid #eee;
padding: 5px 0;
}
.index .content .top_menu .btn{

}
.parse_history_container{
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 0;
    /* width: 100%; */
    max-width: 600px;
}
.parse_history_container .show_slider{
    background-image: url(/imgs/ico/task.svg);
    width: 45px;
    height: 45px;
    background-color: #fff;
    background-size: 30px;
    border-radius: 50%;
    box-shadow: 1px 1px 8px #999;
    float: left;
    position: relative;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    /* z-index: 9999; */
    display: none;
}
.parse_history_container .content_slider{
    position: fixed;
    z-index: 15;
    width: 100%;
    max-width: 750px;
    height: 50%;
    bottom: 0;
    right: -700px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 1px 1px 8px #e8e8e8;
    border-radius: 5px;
    min-height: 300px;
    display: none;
}
.parse_history_container .content_slider .title{
    border-bottom: 1px solid #eee;
    height: 35px;
    position: relative;
}
.parse_history_container .content_slider .title h5{
    display: inline-block;
    vertical-align: middle;
    /* color: #48b0f7; */
    margin-bottom: 0;
    margin-right: 20px;
    padding: 5px 0;
}
.parse_history_container .clean_history{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    /* float: right; */
    background-image: url(/imgs/ico/clean.svg);
    cursor: pointer;
    position: relative;
    background-size: 60%;
    margin-left: 10px;
}
.parse_history_container .slide_to_hide{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    float: right;
    background-image: url(/imgs/ico/close_line.svg);
    cursor: pointer;
    position: relative;
    right: 5px;
    top: -3px;
    background-size: 65%;
}
.parse_history_container .history_list{
    height: calc(100% - 35px);
    overflow-y: auto;
    /* overflow-wrap: anywhere; */
    overflow-x: hidden;
}
.parse_history_container .history_list tr{
    cursor: pointer;
    position: relative;
}
.parse_history_container .history_list tr>td{
    padding: 5px;
    border: none;
}
.parse_history_container .history_list tr td.parse_info{
    border-bottom: 1px solid #eceeef;
    position: relative;
}
.parse_history_container .history_list tr .name{
    color: #000;
    font-size: 12px;
}
.parse_history_container .history_list tr .status_info{
    color: #999;
    margin-top: 5px;
}
.parse_history_container .history_list tr .status_info .status_text:after{
    /* content:"/"; */
}
.parse_history_container .history_list tr .status_info>*{
    
display: inline-block;
    
vertical-align: middle;
    
padding-right: 10px;
}
.parse_history_container .history_list tr .progress{
    height: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.parse_history_container .history_list tr .parse_info>span{
    display: none;
}

.parse_history_container .history_list tr.super{
    /* border: 1px solid #FF9800; */
    /* box-shadow: 0px 0px 5px #FF9800; */
}
.parse_history_container .history_list tr.super.doing_super .parse_info>span{
    display: block;
    position: absolute;
}
tr.super.doing_super .parse_info>span:nth-child(1) {
    filter: hue-rotate(0deg);
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #3a86ff);
    animation: animate1 1s linear infinite;
}
@keyframes animate1 {
    0% {
        left: -100%;
    }
    50%,
    100% {
        left: 100%;
    }
}
tr.super.doing_super .parse_info>span:nth-child(2) {
    filter: hue-rotate(60deg);
    top: -100%;
    right: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #3a86ff);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}
@keyframes animate2 {
    0% {
        top: -100%;
    }
    50%,
    100% {
        top: 100%;
    }
}
@keyframes animate_rotate {
    0% {
        transform: rotate(0deg);
        background-size: 180%;
        
    }
    50%,
    100% {
        transform: rotate(360deg);
        background-size: 120%;
    }
}
tr.super.doing_super .parse_info>span:nth-child(3) {
    filter: hue-rotate(120deg);
    bottom: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(270deg, transparent, #3a86ff);
    animation: animate3 1s linear infinite;
    animation-delay: 0.5s;
}
@keyframes animate3 {
    0% {
        right: -100%;
        height: 3px;
    }
    50%,
    100% {
        height: 2px;
        right: 100%;
    }
}
tr.super.doing_super .parse_info>span:nth-child(4) {
    filter: hue-rotate(300deg);
    bottom: -100%;
    left: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #3a86ff);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4 {
    0% {
        bottom: -100%;
    }
    50%,
    100% {
        bottom: 100%;
    }
}

.parse_history_container .history_list tr.super .parse_info{
    
/* border-color: #FF9800; */
    
/* border-bottom: 1px solid #FF9800; */
    
position: relative;
    
overflow: hidden;
    
background: linear-gradient(130deg, transparent,rgb(219 130 0 / 70%));
}
.pc.parse_history_container .history_list td>.ico{
    width: 30px;
    height: 30px;
    background-size: 80%;
    margin-top: 10px;
}
.parse_history_container .history_list td>.ico{
    width: 25px;
    height: 25px;
}
.parse_history_container .history_list td.status{
    text-align: center;
    padding: 3px;
    width: 50px;
}
.parse_history_container .history_list td>.status_text{
padding: 2px 0;
white-space: nowrap;
}
.parse_history_container .history_list .status.parse_wait{

color: #777;
}
.parse_history_container .history_list .status.parse_wait .ico{
    background-image: url("/imgs/ico/parse_wait.svg?v=1.0");
}
.parse_history_container .history_list .status.parse_doing .ico{
    background-image: url("/imgs/ico/parse_doing.svg");
}
.parse_history_container .history_list .status.parse_failed{

color: #E91E63;
}
.parse_history_container .history_list .status.parse_failed .ico{
    background-image: url("/imgs/ico/parse_failed.svg?v=1.0");
}
.parse_history_container .history_list .status.parse_success{

color: #009688;
}
.parse_history_container .history_list .status.parse_success .ico{
    background-image: url("/imgs/ico/parse_success.svg?v=1.0");
}
.parse_history_container .history_list tr:hover{
    background-color: #f3f7f7;
}
.parse_history_container .history_list tr:hover .parse_info .close_btn{
    display: inline-block;
}
.parse_history_container .history_list .parse_info .close_btn {
    width: 25px !important;
    height: 25px !important;
    margin: 0;
    display: none;
    /* margin: 15px 8px; */
    background-image: url(/imgs/ico/close.svg);
    opacity: .5;
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    margin-top: 0 !important;
    z-index: 9;
}

.share_body{}
.share_body .item{
    padding: 5px 0;
    /* height: 30px; */
}
.share_body .item>div{
    display: inline-block;
}
.share_body .item .title{
    width: 80px;
}
.share_body .item .title:after{
    content: "：";
}
.share_body .item .value{}
.share_body .item #share_name{
    width: 300px;
}
.share_body .item #share_pwd{
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    padding: 5px;
    margin-left: 5px;
}
.share_body .item .value input[type=text]{
    display: inline-block;
}
.share_bottom{
    padding: 5px 0;
    border-top: 1px solid #eee;
}
.share_bottom .page_2{
    display: none;
}
.share_bottom .page_2 .btns{
    padding: 5px 0;
}

.history_list{
    overflow-y: auto;
    height: 350px;
}
.history_list tr .parse_status{
    display: none;
}
#del_history{
    /* margin-left: 30px; */
    float: right;
    margin-right: 20px;
    margin-top: -7px;
    color: #9E9E9E;
}


.magnet_waring{
    margin-top: 10px;
}
.magnet_waring span{
    font-size: 100%;
    text-align: left;
}

.help_list>.card>.card-body>.card{
    margin: 0;
}

.alert_txt{
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    text-align: center;
}
.alert_txt span{
    font-size: 14px;
    top: 10px;
    position: relative;
}

.modal.in .modal-dialog{
    /* max-height: 500px; */
    /* max-width: 700px; */
    /* box-shadow: 1px 1px 5px #eee; */
    margin-top: 90px;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    /* text-align: left; */
}
.fade{
    transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    /* text-align: center; */
}

.index #path_bar{
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
.index #path_bar .page_control_btns{
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #ebebeb;
    padding-right: 7px;
    /* height: 20px; */
}
.index #path_bar .page_control_btns>.ico.refresh{
    background-size: 70%;
}
.index #path_bar .page_control_btns>.ico.go_back:hover{
    animation: go_back_hover .3s ease;
}
.index #path_bar .page_control_btns>.ico.refresh:hover{
    //rotate: 360deg;
    animation: refresh_hover .3s ease;
}
@keyframes go_back_hover {
    0%{
        left: 0;
        /*background-position-x: 0;*/
    }
    50%{
        left: -3px;
        /*background-position-x: -2px;*/
    }
    100%{
        left: 0;
        /*background-position-x: 0;*/
    }
}
@keyframes refresh_hover {
    0%{
        rotate: 0deg;
    }
    100%{
        rotate: 360deg;
    }
}
.index #path_bar .page_control_btns>.ico{
    width: 25px;
    height: 25px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50%;
    background-size: 80%;
    transition: all .3s ease;
    position: relative;
}
.index #path_bar .page_control_btns>.ico:hover{
    /* background-color: #eee; */
}
.index #path_bar .path_items{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 300px);
}
.index #path_bar .path_item{
    display: inline-block;
    padding: 2px 5px;
    cursor: pointer;
    color: #008eff;
    border-radius: 3px;
    max-width: 130px;
    white-space: nowrap !important;
}
.index #path_bar .path_item:after{
    content: '>';
    /* line-height: 20px; */
    margin-left: 3px;
}
.index #path_bar .path_item:hover{
    background: rgb(33 150 243 / 15%);
}
.index #path_bar .path_item:last-child{
    pointer-events: none;
    color: #4d5259;
}
.index #path_bar .path_item:last-child:after{
    content: none;
}

.file_control_btns{
    display: inline-block;
    position: relative;
}
.file_control_btns .pc_btns{
    
display: none;}

.file_control_btns .pc_btns .sub_btns{
    display: none;
    position: absolute;
    width: 120%;
}
.file_control_btns .pc_btns .sub_btns>*{
    display: block;
    width: 100%;
    margin: 0;
}
.file_control_btns .pc_btns .sub_btns .btn:hover{
    background: rgb(161 196 223 / 15%);
}
.file_control_btns .pc_btns .btn_group{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.file_control_btns .pc_btns .btn_group:hover .sub_btns{
    display: block;
    top: 35px;
    right: 0;
    z-index: 9;
    /* width: 100%; */
    /* margin-left: -10%; */
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 5px 5px;
    background: #fff;
}
.file_control_btns .pc_btns.show_{display: inline-block;}
.file_control_btns .pc_btns>*{
    /* margin-right: 8px; */
    margin-bottom: 0;
    position: relative;
    /* padding: 6px 18px; */
    }
.file_control_btns .pc_btns .btn{
    padding: 8px 8px;
    margin-bottom: 0;
    /* color: #ddd; */
}
.file_control_btns>*{
    display: inline-block;
    vertical-align: middle;
}
.file_batch_menus{
    /* padding-top: 10px; */
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    /* width: 100%; */
    z-index: 1;
}
.file_batch_menus .btns{
    padding-bottom: 5px;
}
.file_batch_menus .btns button{border: 1px solid;/* background: #eee; */color: #222;padding: 4px 7px;/* border: none; */}
.file_batch_menus .btns button:hover{
background: #eee;
}
.file_batch_menus .btns .select_all.selected{

background: #15c377;

color: #fff;
}
.text-bottom{}
.bottom_0{
    bottom: 0;
}
.right_0{
    right:0;
}
.left_0{
    left: 0;
}
.top_0{
    top:0;
}

#get_invite_vip_modal .get_invite_vip_main{}
#get_invite_vip_modal .get_invite_vip_main .write_code_group{
    position: relative;
}
#send_invite_vip_phone_code_btn{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
#invite_vip_phone_code{
    padding-right: 110px;
}

.app_guide_page{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
    display: none;
}
.app_guide_page .steps{
    height: 100%;
}
.app_guide_page .steps .step_item{
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.app_guide_page .steps .step_item.white_bg{
    background: #666666;
}
.app_guide_page .steps .step_item.active{
    display: block;
    
}
.app_guide_page .steps .step_item .step_bg{
    display: inline-block;
    width: 100%;
}
.app_guide_page .steps .step_item .step_bg img{
    width: 100%;
}
.app_guide_page .steps .step_item .sub_steps{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}
.app_guide_page .steps .step_item .sub_steps .sub_step_item.active{
    display: inline-block;
    width: 100%;
}
.app_guide_page .steps .step_item .sub_steps .sub_step_item{
    display: none;
}
.app_guide_page .steps .step_item .sub_steps img{
    width: 100%;
}
.index .content .mobile_client_area{
    /* display: none; */
}
.index .content .mobile_client_area .mobile_file_types{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
}
.index .content .mobile_client_area .mobile_file_types .file_type_item{
    display: inline-block;
    vertical-align: middle;
    /* width: 100px; */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}
.index .content .mobile_client_area .mobile_file_types .file_type_item .ico{
    width: 35px;
    height: 35px;
    background-size: 40%;
    border-radius: 8px;
    background-color: #f5f5f5;
    display: block;
}
.index .content .mobile_client_area .mobile_file_types .file_type_item .ico.files_videos{
    background-size: 60%;
}
.index .content .mobile_client_area .mobile_file_types .file_type_item span{
    /* display: block; */
    margin-top: 7px;
    /* width: 100%; */
}
.index .content .mobile_client_area .pinned_list{
    padding: 5px 10px;
    margin: 15px 10px;
    /* background: linear-gradient(45deg, #f5fbff, #f9fdff); */
    border-radius: 10px;
    position: relative;
    background: #f5fbff;
}
.index .content .mobile_client_area .pinned_list .pinned_title{}
.index .content .mobile_client_area .pinned_list .pinned_title .pinned_icon{
    width: 22px;
    height: 22px;
    position: absolute;
    left: -7px;
    top: -7px;
    background-color: #f2f9ff;
    border-radius: 50%;
    background-size: 73%;
    background-color: #fff;
}
.index .content .mobile_client_area .pinned_list .pinned_list_inner{
    /* padding: 5px 10px; */
    overflow-x: scroll;
    width: 100%;
    white-space: nowrap;
}
.index .content .mobile_client_area .pinned_list .pinned_list_inner::-webkit-scrollbar-thumb{
    background: no-repeat;
    height: 0;
    width: 0;
}
.index .content .mobile_client_area .pinned_list .pinned_list_inner .pinned_empty_mask{
    padding: 19px;
    color: #afd0ea;
    text-align: center;
}
.index .content .mobile_client_area .pinned_list .pinned_list_inner .pinned_item{
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    text-align: center;
    /* max-width: 60px; */
}
.index .content .mobile_client_area .pinned_list .pinned_list_inner .pinned_item .ico{}
.index .content .mobile_client_area .pinned_list .pinned_list_inner .pinned_item .dir_name{
    white-space: nowrap !important;
    /* max-width: 70px; */
    width: 70px;
    display: block;
}
.index .content .mobile_client_area .mobile_files_title_area{
    margin-bottom: 5px;
    /* margin-top: 10px; */
    padding-top: 10px;
    padding-left: 10px;
}
.index .content .mobile_client_area .mobile_files_title_area .title{
    display: inline-block;
    background: #f5fbff;
    padding: 2px 10px;
    border-radius: 10px;
    color: #7491a8;
}

.index .content .files{
    position: relative;
    overflow-x: hidden;
}
.files .files-content .file_item{
    cursor: pointer;
}
.files .files-content .file_item.checked{
    background-color: rgb(137 203 255 / 20%);
}
.files .files-content .file_item.checked:hover{
    background-color: rgb(137 203 255 / 20%);
}
.files .files-content .file_item:hover{
    background: #f7f9fc;
}
.files tbody tr td{
    border: none;
}
.index.list_big_icon .files .files-content li{display: inline-block;width: 190px;padding: 6px;vertical-align: top;border-radius: 10px;/* margin: 0 12px; */margin-top: 15px;border: 1px solid transparent;overflow: hidden;position: relative;}

.index.list_big_icon .files .files-content li.checked{
    background: rgb(137 203 255 / 20%);
    border-color: rgb(238 238 238 / 50%);
}
.index.list_big_icon .files .file.checked .checkbox_{
    background: #fff;
}
.index.list_big_icon .files .file.checked .checkbox_ .checkbox{
    display: block;
}
.index.list_big_icon .files .files-content li>div{display: block;}

.files .files-content li{
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
}
.files .files-content li>div{
    display: inline-block;
    vertical-align: middle;
}
.files .files-content .dir .checkbox_{
    /* display: none; */
    /* width: 1px; */
    /* padding: 0; */
}
.index.list_big_icon .files .files-content .info_{
    width: 100% !important;
    text-align: center;
    padding: 8px 5px;
    padding-bottom: 3px;
}
.index.list_big_icon .files .files-content .info_ .file_name{
    width: 100%;
    min-width: 0;
    display: -webkit-box;
    /* display: block; */
    line-height: 20px;
    max-height: 40px;
    word-break: break-all;
    white-space: normal!important;
    word-wrap: break-word;
    margin-top: 8px;
}
.index.list_big_icon .files .files-content .file_size{
    display: block;
    width: 100%;
    margin-left: 0;
}
.index.list_big_icon .files .files-content .file_item .up_time{
    margin-left: 0;
    padding: 2px 0;
}
.index.list_big_icon .files .files-content .file_item .info_ .dir_name{
    min-width: 0;
    width: 100%;
}
.index.list_big_icon .files .files-content .dir .checkbox_{
    /* height: 18px; */
}

.files .files-content .info_{
    padding: 12px 5px;
    /* padding-bottom: 8px; */
    padding-left: 12px;
    /* padding-right: 10px; */
    width: calc(100% - 66px - 18px - 30px - 30px);
    color: #090909;
    overflow: hidden;
    }
.files .files-content .info_ .file_name{
    font-size: 13px;
}
.files .files-content .control{
    padding: 17px 0;
    text-align: center;
    display: none;
}
.mobile_client .files .files-content .control{
    display: inline-block;
}
.index.list_big_icon .files .files-content .control{
    padding: 2px 0;
    position: absolute;
    top: 3px;
    right: 5px;
    background: #fff;
    border-radius: 4px;
    display: none;
}
.index.mobile_client.list_big_icon .files .files-content .control {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    background: transparent;
    padding: 3px 0;
}
.index.list_big_icon .files .files-content .file_item:hover .control{
    display: block;
}
.files .files-content .control>button{
    /* margin-right: 7px; */
    /* background: none; */
    border: none;
    border-radius: 0;
    /* border-bottom: 1px solid #eee; */
    padding: 3px 5px;
    color: #b0b0b0;
    width: 30px;
    height: 17px;
    background-image: url(/imgs/ico/more.svg);
    background-color: transparent !important;
    background-size: 90%;
    }
.files .files-content .control>button:hover{
    background-color: transparent;
}
.files .dir_mask_anim{
    position: absolute;
    left: 0;
    top: -5px;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}
.files .dir_mask_anim img{
    height: 100%;
    width: auto;
    max-width: 300px;
}
.files .dir_mask_anim.anim{
    animation: dir_mask_anim_ 1s infinite cubic-bezier(0, 0, 0.2, 1);
    display: block;
}
@keyframes dir_mask_anim_ {
    0%{
        left: -180px;
    }
    100%{
        left: 90%;
    }
}
.files .files-content .item_mask{
    pointer-events: none;
}
.files .item_mask .icon{
    padding: 12px 7px;
    /* width: 50px; */
    text-align: center;
}
.files .item_mask .icon .ico{
    width: 30px;
    height: 30px;
    /* margin-top: 3px; */
    background-color: #f1f3f8;
    border-radius: 5px;
}
.files .item_mask .dir_name{
    width: calc(100% - 225px) !important;
    height: 20px;
    background-color: #f1f3f8;
    border-radius: 5px;
    /* max-width: 700px; */
    /* width: 590px !important; */
    margin-top: 6px;
}
.index.list_big_icon .files .item_mask .up_time{
    width: 60%;
    margin: 0 auto !important;
    margin-top: 5px !important;
}
.files .item_mask .up_time{
    width: 80px;
    margin-left: 15px !important;
    height: 15px;
    background-color: #f1f3f8;
    border-radius: 5px;
    /* margin-top: 3px; */
}
.index.list_big_icon .files .item_mask .file_size{
    margin-left: 0;
}
.files .item_mask .file_size{
    width: 100px;
    height: 15px;
    background-color: #f1f3f8;
    border-radius: 5px;
    /* margin-top: 3px; */
    margin-left: 15px;
}
.files .item_mask .ctrl_btn{
    width: 50px;
    height: 20px;
}
.files .item_mask .checkbox_{
    /* display: none; */
    /* width: 1px; */
    /* padding: 0; */
}

.files .dir .icon{
    padding: 0px 8px;
    /* width: 50px; */
    text-align: center;
    }
.index.list_big_icon .files .dir .icon .ico{width: 110px;height: 76px;}
.files .dir .icon .ico{
    width: 50px;
    height: 38px;
    background-image: url(../imgs/ico/dir.svg?v=1.0);
    /* background-size: 90%; */
    }
.files .file .checkbox_{
    vertical-align: middle;
    /* width: 25px; */
    /* padding: 5px; */
}
.index.list_big_icon .files .file .checkbox_{
    position: absolute;
    left: 5px;
    top: 1px;
    /* display: none; */
    padding: 3px;
    border-radius: 5px;
}
.index.list_big_icon .files .file .checkbox_ .checkbox{
    display: none;
}
.index.list_big_icon .files .file:hover .checkbox_{
    background: #fff;
    padding: 3px;
}
.index.list_big_icon .files .file:hover .checkbox_ .checkbox{
    display: block;
}
.index.batch_model.list_big_icon .files .file .checkbox_ .checkbox{
    display: inline-block;
}

    .files .file .checkbox_:nth-last-child(2){
        display: none!important;
        width: 30px;
        text-align: center;
    }
.files .file .checkbox_ .checkbox{
    margin: 0;
    width: 18px;
    height: 18px;
/* margin-top: -5px; */}
.index.list_big_icon .files .file .icon{
    /* margin: 0 auto; */
}
.files .file .icon{
    padding: 0px 8px;
    /* width: 50px; */
    vertical-align: middle;
    text-align: center;
    }
.index.list_big_icon .files .file .icon .ico{width: 120px;height: 76px;}
.index.list_big_icon .files .file .icon .ico.video_cover{

}
.files .file .icon .ico{
    width: 50px;
    height: 38px;
    border-radius: 6px;
    /* background-color: #44c5ff; */
    /* background-size: 20px; */
    /* margin-top: -6px; */
    }
.files .file .icon .ico.video_cover{
    width: 100%;
    height: 100%;
    background-position-y: bottom;
    background-size: cover;
    border-radius: 6px;
    box-shadow: 1px 1px 8px #eee;
    margin: 0;
    }
.files .files-content .file_size{
    color: #aaaaaa;
    display: inline-block;
    padding: 3px 0;
    margin-left: 10px;
    font-weight: 400;
}
.files .files-content .file_item .up_time{
    color: #aaaaaa;
    font-weight: 400;
    display: inline-block;
    /* margin-left: 10px; */
    /* text-overflow: clip; */
    /* text-wrap: nowrap; */
}
.files .file .up_time{
    display: inline-block;
    /* margin-left: 10px; */
    padding-top: 3px;
}
.sidebar-footer{
    color: #b8b8b8;
}
.sidebar-footer a{
    color: #999;
}
.sidebar-footer .copyright{}

.index.mobile_client .lyear-layout-container{
    overflow-y: scroll;
    position: relative;
}
.index.mobile_client ::-webkit-scrollbar{
    width: 0;
}
.index.mobile_client ::-webkit-scrollbar-thumb{
    background: none;
}
.index.mobile_client .search_area .sort_btn{
    display: inline-block;
}
.index.mobile_client .search_area .list_style_btn{
    display: inline-block;
}

.index.mobile_client .search_area .message_btn{
    width: 28px;
    font-size: 18px;
}
.index.mobile_client .search_area .message_btn.unread .unread_ico{display: block;}
.index.mobile_client .search_area .message_btn .unread_ico{/* display: block; */}
.index.mobile_client .lyear-layout-header .navbar .topbar{
    min-height: 40px;
}
.index.mobile_client .search_area{
    width: 100% !important;
}
.index.mobile_client .topbar .topbar-left{
    width: 100% !important;
}
.index.mobile_client .content input[type=text]{
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
}
.index.mobile_client .content{
    padding-top: 40px;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.index.mobile_client .mobile_refresh_bg{
    display: block;
}
.index .main_touch_content{
    position: relative;
    min-height: calc(100vh - 70px);
}
.index .mobile_sort_menus{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    backdrop-filter: blur(1px);
    display: none;
}
.index .mobile_sort_menus.pc{
    background-color: transparent;
    backdrop-filter: none;
}
.index .mobile_sort_menus .bg{}
.index .mobile_sort_menus .sort_menus_area{
    display: inline-block;
    background: #fff;
    width: 100%;
    padding: 15px 20px;
    border-radius: 0 0 10px 10px;
    position: relative;
    top: -100px;
}
.index .mobile_sort_menus.pc .sort_menus_area{
    width: auto;
    float: right;
    right: 10px;
    border-radius: 10px;
    display: block;
    box-shadow: 0px 0px 24px rgb(0 0 0 / 15%);
    border: 1px solid #e3e3e3;
}
.index .mobile_sort_menus .sort_menus_area .top_bar{}
.index .mobile_sort_menus .sort_menus_area .top_bar .close{
    opacity: .4;
}
.index .mobile_sort_menus .sort_menus_area .title{}
.index .mobile_sort_menus .sort_menus_area .sort_menus{
    text-align: center;
    display: inline-block;
    width: 100%;
}
.index .mobile_sort_menus .sort_menus_area .sort_menus .sort_block{
    display: inline-block;
    margin-left: 30px;
}
.index .mobile_sort_menus .sort_menus_area .sort_menus .sort_block:first-child{
    margin-left: 0;
}
.ico.sort_newest{
    /* background-image: url(/imgs/ico/sort_newest.svg); */
}
.ico.sort_oldest{
    /* background-image: url(/imgs/ico/sort_newest.svg); */
    transform: rotateY(180deg);
}
.ico.sort_desc{
    /* background-image: url(/imgs/ico/sort_asc.svg); */
    transform: rotateX(180deg);
}
.ico.sort_asc{
    /* background-image: url(/imgs/ico/sort_asc.svg); */
    /* background-size: 80%; */
}
.index .mobile_sort_menus .sort_menus_area .sort_item{
    display: block;
    padding: 4px 15px;
    background: #efefef;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
}
.index .mobile_sort_menus .sort_menus_area .sort_item .sort_smallest{
    transform: rotate(180deg);
}
.index .mobile_sort_menus .sort_menus_area .sort_item.active{
    background: #2196f3;
    /* filter: drop-shadow(2px 4px 6px white); */
    color: #fff;
}
.index .mobile_sort_menus .sort_menus_area .sort_item.active .ico{
    /* mask: url(/imgs/ico/sort_newest.svg); */
    /* background: #fff; */
}
.index .mobile_sort_menus .sort_menus_area .sort_item .ico{
    /* width: 17px; */
    /* height: 17px; */
    font-size: 16px;
}
.index .mobile_sort_menus .sort_menus_area .sort_item span{
    margin-left: 3px;
}
#message_modal .message_header{
    line-height: 28px;
}
#message_modal .message_header .msg_num_title{}
#message_modal .message_header .btns{
    float: right;
}
#message_modal .message_header .btns>button{
    border: 1px solid #999;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 15px;
}
#message_modal .message_list{
    padding-top: 10px;
    overflow-y: auto;
    padding-bottom: 10px;
}
#message_modal .message_list li{}
#message_modal .message_list li.message_item{
    padding: 5px 0;
    border-top: 1px solid #eee;
    overflow-x: hidden;
}
#message_modal .message_list li.message_item .icon_area{
    width: 50px;
    height: 50px;
    vertical-align: middle;
    position: relative;
    padding: 5px;
}
#message_modal .message_list li.message_item.unread .icon_area .unread_ico{}
#message_modal .message_list li.message_item.unread .icon_area .unread_ico{
    width: 12px;
    height: 12px;
    background: #E91E63;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 6px;
}
#message_modal .message_list li.message_item .icon_area .ico.msg_ico{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url(/imgs/ico/ico_msg.svg);
}
.ico.msg_ico_VIP{
    background-image: url(/imgs/ico/vip.svg) !important;
}
#message_modal .message_list li.message_item .msg_body{
    width: calc(100% - 50px);
    vertical-align: middle;
}
#message_modal .message_list li.message_item .msg_body .msg_up{
    line-height: 26px;
    position: relative;
}
#message_modal .message_list li.message_item .msg_body .msg_up .msg_from{
    display: inline;
    font-size: 14px;
}
#message_modal .message_list li.message_item .msg_body .msg_up .msg_dates{
    float: right;
    color: #999;
}
#message_modal .message_list li.message_item .msg_body .msg_down{
    line-height: 24px;
}
#message_modal .message_list li.message_item .msg_body .msg_down .msg_title{
    display: inline;
    color: #ababab;
}
#message_modal .message_list li.message_item .msg_body .msg_down .msg_more{
    float: right;
    font-size: 17px;
    transition: all ease .2s;
}
#message_modal .message_list li.message_item.read .msg_body .msg_down .msg_more{
    transform: rotate(90deg);
}
#message_modal .message_list li.message_item .msg_detail{
    padding-left: 50px;
    color: #484444;
    /* height: 0; */
    display: none;
    /* overflow-x: hidden; */
}
#message_modal .message_list li.message_item.read .msg_detail{
    /* height: auto; */
    padding-top: 5px;
    display: block;
}
.son_dir_contents{}
.son_dir_contents .son_content{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
    overflow-y: auto;
    box-shadow: -2px 0px 15px rgb(0 0 0 / 15%);
    /* overflow-x: hidden; */
}
.son_dir_contents .son_content .content_top_bar{
    height: 40px;
    line-height: 40px;
    position: fixed;
    z-index: 9;
    background: #fff;
    width: 100%;
    font-size: 0;
    /* top: 0; */
}
.son_dir_contents .son_content .content_top_bar .back_black{
    width: 26px;
    height: 100%;
    background-image: url(/imgs/ico/back.svg);
    background-size: 55%;
    float: left;
}
.son_dir_contents .son_content .content_top_bar .dir_name{
    /* margin-left: 30px; */
    /* padding-left: 30px; */
    /* margin-right: 30px; */
    /* width: calc(100% - 60px); */
    display: inline-block;
    font-size: 12px;
}
.son_dir_contents .son_content .content_top_bar .sort_btn{
    width: 25px;
    /* height: 25px; */
    float: right;
    /* background-image: url(/imgs/ico/sort_btn.svg); */
    /* color: #242424; */
    background-size: 90%;
    top: 5px;
    position: relative;
    right: 5px;
    line-height: 32px;
    font-size: 16px;
}
.son_dir_contents .son_content .content_top_bar .list_style_btn{
    width: 25px;
    float: right;
    top: 8px;
    position: relative;
    right: 3px;
}
.son_dir_contents .son_content .content_top_bar .list_style_btn .ico{
    width: 25px;
    height: 25px;
    background-size: 85%;
}
.index.list_big_icon .son_dir_contents .son_content .content_top_bar .list_style_btn .ico{
    background-image: url(/imgs/ico/list_style_list.svg);
}
.son_dir_contents .son_content .mobile_refresh_bg{
    margin-top: -40px;
}
.son_dir_contents .son_content .search_bar{
    padding: 5px 10px;
    /* margin-top: 40px; */
}
.son_dir_contents .son_content .search_bar .search_area>.inline{
    width: 100%;
}
.son_dir_contents .son_content .files{
    padding-top: 5px;
}
.index .mobile_refresh_bg{
    text-align: center;
    /* background: #f4f4f4; */
    padding: 20px 0;
    display: none;
    margin-top: -80px;
    height: 80px;
    position: relative;
}
.index .mobile_refresh_bg .refresh_feiniao_icon{
    width: 25px;
    height: 25px;
    background-image: url(/imgs/ico/feiniao_icon_gray.png);
    text-align: left;
    top: 15px;
    position: relative;
}
.index .mobile_refresh_bg .refresh_feiniao_icon.active  .refresh_feiniao_icon_inner{
    animation: refresh_icon_anim .9s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes refresh_icon_anim {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
.index .mobile_refresh_bg .refresh_feiniao_icon .refresh_feiniao_icon_inner{
    width: 0%;
    height: 100%;
    background-image: url(/imgs/ico/feiniao_icon.png);
    background-size: 25px;
    background-position-x: left;
}
.index .mobile_refresh_bg .refresh_text{
    margin-top: 5px;
    color: #7f7f7f;
}
.files .loading_area{
    margin-top: 50%;
    text-align: center;
    display: none;
}
.files .loading_area .loading_png{
    width: 42px;
    height: 42px;
    background-image: url(/imgs/ico/loading_png.png);
    animation: loading_png .9s linear infinite;
}
.files .loading_area .loading_txt{
    display: block;
    margin-top: 10px;
    color: #888;
}
.files .keepLoadingTip{
    text-align: center;
    padding-top: 20px;
    color: #999;
    padding-bottom: 10px;
}
.files .page-tabs-outer{
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 9;
    /* text-align: center; */
    pointer-events: none;
}
.files .page-tabs-outer.pc{left: 170px;text-align: center;bottom: 40px;}
.files .mainPageContent{
    /* position: fixed; */
    left: 0;
    /* right: 0; */
    bottom: 50px;
    z-index: 9;
    background-color: #fff;
    border-radius: 0 30px 30px 0;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    padding: 3px 0;
    transition: all .5s ease;
    /* width: 70px; */
    display: none;
    pointer-events: all;
}
.files .mainPageContent .paginationOuter{
    display: none;
    margin: 0;
    vertical-align: middle;
    /* width: 0; */
}
.files .mainPageContent .paginationOuter ul{
    margin: 0;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
}
.files .mainPageContent .paginationOuter ul::-webkit-scrollbar{
    background: no-repeat;
    height: 0;
    width: 0;
}
.files .page-tabs-outer.pc .mainPageContent{
    /*margin-left: calc(170px + );*/
    border-radius: 33px;
    padding: 4px 5px;
}
.files .page-tabs-outer.pc .mainPageContent .page-tab-more{
    display: none;
}
.files .mainPageContent.full{
    max-width: 60%;
}
.files .page-tabs-outer.pc .mainPageContent.full .paginationOuter{
    width: 100%;
}
.files .mainPageContent.full .paginationOuter{
    vertical-align: middle;
    width: calc(100% - 30px);
    display: inline-block;
    overflow-x: auto;
    /* display: block; */
}
.files .mainPageContent.full .page-tab-more .activePage{
    display: none;
}
.files .mainPageContent .pagination li{
    margin-top: 0;
    display: inline-block;
}
.files .mainPageContent .pagination li a{
    border-radius: 50%;
    /* color: #2196f3; */
    /* border-color: #2196f3; */
}
.files .mainPageContent .active{
    /* background-color: rgb(44 189 207 / 50%); */
}
.files .mainPageContent .page-tab-more{
    padding-left: 2px;
    display: inline-block;
    vertical-align: middle;
    /* padding-right: 3px; */
}

.files .mainPageContent.full .page-tab-more .ico{
    transform: rotate(180deg);
}
.files .mainPageContent .page-tab-more .ico{
    width: 20px;
    height: 30px;
    background-image: url(/imgs/ico/right.svg);
    vertical-align: middle;
    opacity: .6;
    transition: all .5s ease;
}
.files .mainPageContent .page-tab-more .activePage{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background-color: rgb(51 202 187 / 10%);
    color: #33cabb;
    border: 1px solid #33cabb;
}
@keyframes loading_png{
    0%{
        transform:rotate( 0deg);
    }
    50%{
        transform:rotate( 270deg);
    }
    100%{
        transform:rotate( 360deg);
    }
}

.batch_model_frame{
    /* position: fixed; */
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.batch_model_frame .batch_top_bar{
    height: 40px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.batch_model_frame .batch_top_bar .cancel_btn{
    color: #2196f3;
    float: left;
    position: relative;
    left: 10px;
}
.batch_model_frame .batch_top_bar .batch_text{}
.batch_model_frame .batch_top_bar .select_all{
    float: right;
    position: relative;
    right: 10px;
    color: #2196f3;
}
.batch_model_frame .batch_bottom_bar{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #66bbff;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    z-index: 999;
    left: 0;
}
.batch_model_frame .batch_bottom_bar .btns{
    display: inline-block;
}
.batch_model_frame .batch_bottom_bar .batch_btn{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    /* width: 30.3%; */
    margin: 0px 25px;
}
.batch_model_frame .batch_bottom_bar .batch_btn>.ico{
    width: 20px;
    height: 20px;
    background-size: 90%;
}
.batch_model_frame .batch_bottom_bar .batch_btn.batch_download .ico{
    background-image: url(/imgs/ico/download_white.svg);
}
.batch_model_frame .batch_bottom_bar .batch_btn.batch_move .ico{
    background-image: url(/imgs/ico/move_file_white.svg);
}
.batch_model_frame .batch_bottom_bar .batch_btn.batch_delete .ico{
    background-image: url(/imgs/ico/delete_white.svg);
}
.batch_model_frame .batch_bottom_bar .batch_btn>.txt{
    margin-top: 2px;
}
#share_modal .share_body ul li{
    padding: 5px 0;
    cursor: pointer;
    transition: all .2s ease;
}
#share_modal .share_body ul li:hover{
    background: rgb(137 137 137 / 8%);
}
#share_modal .share_body ul .ico{
    width: 38px;
    height: 38px;
    vertical-align: middle;
    background-image: url(/imgs/ico/share.svg);
    margin: 0 5px;
}

#share_modal .share_body ul .share_item{
    display: inline-block;
    vertical-align: middle;
}
#share_modal .share_body ul .share_item .share_name{
    font-size: 14px;
}
#share_modal .share_body ul .share_item .share_state{
    color: #48b0f7;
}
.share_menu li{
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    cursor: pointer;
    transition: all ease .2s;
}
.share_menu li:hover{
    background: #f5f8fa;
}
.share_menu li .ico{
    display: block;
    width: 32px;
    height: 32px;
    margin: auto;
}
.share_menu li.go_url .ico{
    background-image: url(/imgs/ico/go_url.svg);
    /* background-size: 50%; */
}
.share_menu li.copy .ico{
    background-image: url(/imgs/ico/copy_url.svg);
    background-size: 80%;
    margin: auto;
}
.share_menu li.cancel .ico{
     background-image: url(/imgs/ico/cancel.svg);
     background-size: 80%;
 }
.share_menu li .tip{}
#copy_share_url{
    border: 0;
    outline: 0;
    opacity: .01;
}

#dir_control .modal-body .btn{
    margin-right: 10px;
}
#dir_control .dir_control_item:hover{
    background: #eee;
}
#dir_control .dir_control_item{
    display: inline-block;
    vertical-align: middle;
    padding: 7px 13px;
    text-align: center;
    background: #f2f4ff;
    border-radius: 15px;
    min-width: 56px;
    cursor: pointer;
    transition: background .2s ease;
}
#dir_control .dir_control_item .ico{
    width: 18px;
    height: 18px;
}
#dir_control .dir_control_item div{
    margin-top: 5px;
}
.index .mk_dir{
    margin-right: 10px;
    margin-left: 7px;
}
.common_nav{
    height: 50px;
    background: #f5f8fa;
}
.common_nav .container{
    height: 100%;
}
.common_nav .logo{
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.common_nav .logo img{
    height: 40px;
    margin-top: 5px;
}
.common_nav .website_name{
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding-left: 10px;
    font-size: 18px;
}
.common_nav .nav2{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.common_nav .login_show{
    float: right;
    margin-top: 15px;
}

.share{
    min-height: calc(100vh - 50px - 120px);
    background: #fff;
}
.share .err{
    
text-align: center;
    
margin-top: 30vh;
    
font-size: 30px;
    
color: #999;
}
.share .file_batch_menus{
    display: block;
}
.share .share_name{
    
color: #2196F3;
    
font-size: 14px;
}
.share .files .file .control{display: none}
.share .full_bg .main_window{
    /* min-width: 350px; */
    padding: 40px 45px;
    /* border: 1px solid #cdcdcd; */
    border-radius: 7px;
    box-shadow: 2px 2px 8px #ddd;
}
.share .full_bg .main_window .head{
    text-align: center;
}
.share .full_bg .main_window .head .logo{
    display: inline-block;
    margin: auto;
    padding-bottom: 15px;
}
.share .full_bg .main_window .head .logo img{
    width: 50px;
    display: inline-block;
}
.share .full_bg .main_window .head .logo .small_title{
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    padding-left: 30px;
    /* text-align: center; */
}
.share .full_bg .main_window .head .logo .small_title .title1{
    line-height: 30px;
    font-size: 22px;
    letter-spacing: .1em;
}
.share .full_bg .main_window .head .logo .small_title .title2{
    line-height: 20px;
    letter-spacing: .3em;
}
.share .full_bg .main_window .body >*{
    display: inline-block;
    vertical-align: middle;
}
.share .full_bg .main_window .body .pwd{
    width: 150px;
    margin-right: 15px;
}

.full_bg{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ebebeb;
    text-align: center;
    /* z-index: 99; */
}
.full_bg .main_window{
    display: inline-block;
    margin: auto;
    background: #fff;
    margin-top: 10%;
    padding: 10px 20px;
    text-align: left;
}
.full_bg .main_window .head h5{
    color: #4d5259;
    text-align: left;
    border-top: 1px dashed #eee;
}
.full_bg .main_window .body{}

.vip.recharge_vip{
    padding-bottom: 65px;
    min-height: 1vh;
}
.vip.recharge_vip>.card{
    background: none;
    box-shadow: none;
    margin-bottom: 0;
}
.recharge_vip.pc_iframe{
    padding-bottom: 0;
    padding-top: 57px;
    /* padding-left: 148px; */
}
.recharge_vip.pc_iframe>.card{
    background: transparent;
    box-shadow: none;
}
.recharge_vip.pc_iframe .recharge_user_info{
    padding: 5px 10px;
    border-radius: 0;
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(90deg, #e9c8d3, #ffffff); */
}
.recharge_vip.pc_iframe .recharge_user_info .pc_close{
    position: absolute;
    right: 13px;
    top: 11px;
    font-size: 22px;
    color: #cbcbcb;
    cursor: pointer;
    display: block;
}
.recharge_vip.pc_iframe .recharge_user_info .pc_close:hover:before{
    content: "\F159";
}
.recharge_vip.pc_iframe .tab-pane#charge_vip{
    padding-left: 160px;
}
.recharge_vip.pc_iframe .tab-pane.full_frame{
    padding-left: 0 !important;
}
.recharge_vip.pc_iframe .tab-pane#charge_vip>.card{
    padding: 3px 15px;
    border-radius: 10px;
}
.recharge_vip.pc_iframe .recharge_user_info .vip_code_btn{
    top: 15px;
    right: 60px;
    position: relative;
    cursor: pointer;
}
.recharge_vip.pc_iframe .pc_qr_pay_succ_area{
    position: fixed;
    width: calc(100% - 160px);
    height: 100%;
    z-index: 99;
    top: 57px;
    /* left: 0; */
    background: #fff;
    text-align: center;
    padding-top: 130px;
    display: none;
}
.recharge_vip.pc_iframe .pc_qr_pay_succ_area .pay_title{
    /* color: #ff5722; */
}
.recharge_vip.pc_iframe .pc_qr_pay_succ_area .ico.success{
    width: 40px;
    height: 40px;
    background-image: url(/imgs/ico/success.svg);
    display: block;
    margin: 20px auto;
}
.recharge_vip.pc_iframe .pc_qr_pay_succ_area #buy_success{
    padding: 5px 20px;
    font-size: 14px;
    margin-top: 50px;
}
.recharge_vip.pc_iframe .card .package_types{
    margin-top: 10px;
}
.recharge_vip.pc_iframe .card .package_types .package_type_item{
    cursor: pointer;
    color: #8b8b8b;
    padding: 3px 10px;
    background: #fff;
    border-radius: 10px;
}
.recharge_vip.pc_iframe .card .package_types .package_type_item.active{
    color: #000;
}
.recharge_vip.pc_iframe .card .infos{
    margin-top: 5px;
    position: fixed;
    left: 10px;
    top: 67px;
    /* top: 0; */
    margin: 0;
    /* height: 100%; */
    border-radius: 0;
    width: 145px;
    box-shadow: none;
    padding: 15px 0 !important;
    border-radius: 10px;
    overflow: hidden;
}
.recharge_vip.pc_iframe .full_frame .card.infos{
    /* display: none; */
}
.recharge_vip.pc_iframe .card .infos .card-header{
    border-radius: 0;
    background: transparent;
    color: #3f3f3f;
}
.recharge_vip.pc_iframe .card .infos .info_detail .info_item{
    display: block;
    width: 100%;
}
.recharge_vip.pc_iframe .card .infos .card-header .vip_info_compare_btn{
    display: none;
}
.recharge_vip.pc_iframe .card .infos .card-footer{
    /* background: linear-gradient(90deg, #3f3f3f, #6c6c6c); */
    text-align: center;
    display: block;
}
.recharge_vip.pc_iframe .card .infos .card-footer .vip_info_compare_btn{
    color: #752609;
}
.recharge_vip.pc_iframe .card .pays .pays_list{
    display: none;
}
.recharge_vip.pc_iframe .card .pays .pay_btn_area{
    display: none;
}
.recharge_vip.pc_iframe .card .pays .pc_pay_area{
    display: block;
    padding: 10px 0;
}
.recharge_vip.pc_iframe .card .pays .pc_pay_area .pay_qr_area{
    /* width: 50%; */
}
.recharge_vip.pc_iframe .card .pays .pc_pay_area .pay_qr_area .pay_qr_wrap{
    position: relative;
}
.recharge_vip.pc_iframe .card .pays .pc_pay_area .pay_qr_area .load_qr_loading{position: absolute;z-index: 9;left: 0;top: 0;background: rgb(203 203 203 / 80%);width: 100%;height: 100%;text-align: center;display: none;}
.recharge_vip.pc_iframe .card .pays .pc_pay_area .pay_qr_area .load_qr_loading .ico.loading{
    background-image: url(/imgs/ico/loading_png.png);
    width: 20px;
    height: 20px;
    top: 50px;
    position: relative;
}
.recharge_vip.pc_iframe .card .pays .pc_pay_area .pay_qr_area .load_qr_loading.show{display: block;}
.recharge_vip.pc_iframe .card .pays .pc_pay_area .pay_qr_area .load_qr_loading.show .ico.loading{
    animation: loading_png 1s linear infinite;
}
.recharge_vip.pc_iframe .card .pays .pc_pay_area .pay_qr_area canvas{
    width: 120px;
    height: 120px;
    background: #999;
}
.recharge_vip.pc_iframe .card .pays .right_area{
    /* width: 50%; */
    margin-left: 20px;
}
.recharge_vip.pc_iframe .card .pays .right_area .pay_price_area{}
.recharge_vip.pc_iframe .card .pays .right_area .pay_price_area .price_now{
    font-size: 22px;
    font-weight: 600;
    color: #ff5722;
}
.recharge_vip.pc_iframe .card .pays .right_area .pay_price_area .price_discounted{
    font-size: 12px;
    margin-left: 10px;
    color: #ff5722;
}
.recharge_vip.pc_iframe .card .pays .right_area .pay_types_area{
    margin-top: 10px;
}
.recharge_vip.pc_iframe .card .pays .right_area .pay_types_area .pay_item{background: #f7f9fc;display: inline-block;padding: 3px 5px;border-radius: 3px;}
.recharge_vip.pc_iframe .card .pays .right_area .pay_types_area .pay_item .ico{width: 15px;height: 15px;margin-right: 5px;}
.recharge_vip.pc_iframe .card .pays .right_area .pay_types_area .pay_item_secondary{
    color: #a2abbd;
    margin-top: 5px;
}
.ico.alipay{
    background-image: url(/imgs/ico/alipay.svg);
}
.text-secondary2{
    color:#a2abbd !important;
}
.recharge_vip.pc_iframe .card .pays .right_area .pay_xy_area{
    color: #999;
    margin-top: 10px;
}
.recharge_vip.pc_iframe .card .pays .right_area .pay_xy_area a{
    color: #a2abbd;
}
.recharge_vip .recharge_user_info .pc_close{
    display: none;
}

.recharge_vip .card .pays .pc_pay_area{
    display: none;
}
.vip .card .card-header a{
    margin-left: 10px;
}
.vip .card .card-header{
    padding: 3px;
    border: none;
}
.vip .card .card-header h4{
    color: #b47963;
    font-size: 15px;
    /* border-left: 5px solid; */
    /* padding-left: 5px; */
    /* font-weight: 600; */
}
.vip .card .nav-item{
    display: table-cell;
    width: 1%;
}
.vip .recharge_user_info{
    background: linear-gradient(90deg, #282828, #696969);
    /* background: linear-gradient(90deg, #e91e63, #795548); */
    color: #fff;
    padding: 17px 5%;
    /* width: 106%; */
    /* margin-left: -3%; */
    border-radius: 20px 20px 0px 0px;
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
}
.vip .recharge_user_info .user_ico_area{
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}
.vip .recharge_user_info .user_ico{
    width: 37px;
    height: 37px;
    background-image: url(/imgs/ico/icon.jpg);
    border-radius: 50%;
}
.vip .recharge_user_info .user_info{
    display: inline-block;
    vertical-align: middle;
}
.vip .recharge_user_info .user_info .username{
    font-size: 14px;
    font-weight: 600;
}
.vip .recharge_user_info .user_info .username>*{
    display: inline-block;
    vertical-align: middle;
}
.vip .recharge_user_info .user_info .username .vip_tag{
    margin-left: 5px;
}
.vip .recharge_user_info .user_info .vip_dates{
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
}
.vip .recharge_user_info .user_info .vip_dates span{
    color: #d6d6d6;
}
.vip .recharge_user_info .user_info .vip_dates .near_over{
    /* background: #ff5722; */
    padding: 0px 3px;
    /* transform: scale(.5); */
    margin-left: 5px;
    color: #ff5722;
    border: 1px solid;
}

.vip .recharge_user_info .vip_code_btn{
    float: right;
}
.vip .recharge_user_info .vip_code_btn span{
    /* text-decoration: underline; */
}
.vip .tab-content{
    /* box-shadow: 0 -1px 5px #eee; */
    /* padding-top: 5px; */
}
.vip .tab-content #vip_code{
    padding-top: 10px;
}
.vip .tab-content #submit_vip_code{
    padding: 9px 20px;
    vertical-align: middle;
    font-size: 12px;
}
.vip .card .discount_pic{
    position: relative;
    margin-bottom: 5px;
    display: none;
    overflow: hidden;
    border-radius: 5px;
}
.vip .card .discount_pic .pic_inner{
    width: 100%;
}
.vip .card .discount_pic .timer_area{
    position: absolute;
    left: 52%;
    top: calc(50% - 25px);
    color: #fff;
    max-width: 50%;
    /* display: flex; */
    /* align-items: center; */
    /* height: 100%; */
    width: 48%;
    text-align: center;
}
.vip .card .discount_pic .timer_area .timer_tip{
    padding: 5px 10px;
    background: #faa64b;
    /* width: 100%; */
    border-radius: 5px;
    /* margin-top: calc(100%); */
    display: inline;
}
.vip .card .discount_pic .timer_area .timer_data{
    /* font-size: 0; */
    padding: 0 5px;
    background: #f44336;
    margin-top: 3px;
    /* border: 1px solid #795548; */
    display: inline-block;
    border-radius: 5px;
}
.vip .card .discount_pic .timer_area .timer_data_item{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.vip .card .discount_pic .timer_area .timer_data_item>*{
    display: inline-block;
}
.vip .card .discount_pic .timer_area .timer_data_item .num{
    font-size: 22px;
    /* background: rgb(244 67 54 / 70%); */
    padding: 0 2px;
}
.vip .card .discount_pic .timer_area .timer_data_item .unit{
    font-size: 12px;
    vertical-align: baseline;
}
.vip .tab-pane 
 .card.packages{
    /* margin: 0; */
    margin-top: 10px;
    border-radius: 10px;
    position: relative;
}
.vip .card .packages>.card-body{
    position: relative;
    overflow-x: auto;
    height: 135px;
    overflow-y: hidden;
    transition: all ease .2s;
}
.vip .card .packages>.card-body::-webkit-scrollbar{
    height: 0;
    width: 0;
}
.vip .card .packages .packages_list{
    /* width: 100%; */
    /* overflow-x: auto; */
    /* width: 120%; */
    position: absolute;
    padding: 2px 0;
    /* height: 130px; */
    white-space: nowrap;
    /* width: auto; */
}

.vip.pc_iframe .card .packages:hover  .pc_scroll_btns{
    display: block;
}
.vip .card .packages  .pc_scroll_btns{
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 9;
    display: none;
}
.vip .card .packages  .pc_scroll_btns>.ico{
    /* padding: 2px 3px; */
    border-radius: 50%;
    background: #fff;
    line-height: 27px;
    width: 27px;
    height: 27px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    box-shadow: 0 0 3px rgb(0 0 0 / 15%);
}
.vip .card .packages  .pc_scroll_btns .scroll_left{
    top: 60px;
    left: 5px;
    display: none;
}
.vip .card .packages  .pc_scroll_btns .scroll_right{
    top: 60px;
    right: 35px;
}
.vip .card .packages .package_tips{
    color: #a0a0a0;
    margin-bottom: 3px;
    margin-top: 3px;
    transform: scale(.96);
}
.vip .card .packages .package_tips .tip_item{/* letter-spacing: 0px; */line-height: 18px;}
.vip .card .packages .package_tips .tip_item:before{
    content: "·";
    padding-right: 5px;
}
.vip .card .packages .package_tips .tip_item>.mdi{
    font-size: 14px;
    margin: 0 2px;
}
.vip .card .packages .package_gifts{
    padding: 5px;
    border-top: 2px dashed rgb(233 30 99 / 90%);
    margin-top: 10px;
    /* border-radius: 8px; */
    position: relative;
    /* transition: all ease .2s; */
    /* top: -100px; */
    padding-top: 10px;
}
.vip .card .packages .package_gifts .gifts_inner{
    transition: all ease .2s;
}
.vip .card .packages .package_gifts.show{}
.vip .card .packages .package_gifts.show .gifts_inner{}
.vip .card .packages .package_gifts .gifts_header{
    font-size: 13px;
    font-weight: 600;
}
.vip .card .packages .package_gifts .gifts_list{
    padding: 5px;
    /* padding-top: 15px; */
    /* border: 1px dashed #F44336; */
    /* border-radius: 8px; */
}
.vip .card .packages .package_gifts .gifts_list .gift_item{
    position: relative;
    padding: 5px 0;
}
.vip .card .packages .package_gifts .gifts_list .gift_item .ico{
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: linear-gradient(154deg, #F44336, #FF9800);
    border-radius: 8px;
}
.vip .card .packages .package_gifts .gifts_list .gift_item .item_body{
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}
.vip .card .packages .package_gifts .gifts_list .gift_item .item_body>*{
    display: inline-block;
    vertical-align: middle;
}
.vip .card .packages .package_gifts .gifts_list .gift_item .item_name{}
.vip .card .packages .package_gifts .gifts_list .gift_item .item_num{
    margin: 0 10px;
}
.vip .card .packages .package_gifts .gifts_list .gift_item .item_price{
    position: absolute;
    right: 0;
    /* font-weight: 600; */
}
.vip .card .packages .package_gifts .gifts_list .gift_item .item_price .item_old_price{
    text-decoration: line-through;
    color: #999;
    display: inline-block;
}

.vip .card .packages .package_gifts .gifts_list .gift_item .item_price .item_new_price{
    color: #c43d34;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}
.vip .card .packages .new_user_discount_text{
    font-size: 12px;
    color: #f44336;
    border: 1px solid;
    padding: 2px 1em;
    display: inline-block;
    border-radius: 14px;
    /* position: absolute; */
}
.vip .card .packages .packages_list>label{
    display: inline-block;
    /* width: 64px; */
    padding: 10px 10px;
    padding-bottom: 25px;
    border: 2px solid transparent;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
    color: #d28b00;
    /* width: 24%; */
    width: 95px;
    /* min-width: 75px; */
    /* text-align: center; */
    position: relative;
    margin-top: 15px !important;
    background: linear-gradient(45deg, #f2f2f2, #fafafa);
}
.vip .card .packages .packages_list>label.active{background: linear-gradient(45deg, #716246, #2f2f2e);color: #e6c896;border-color: #e91e63;background: linear-gradient(135deg, rgb(244 67 54 / 20%), rgb(255 152 0 / 20%));/* border-width: 2px; */}
.vip .card .packages .packages_list>label input{display: none}
.vip .card .packages .packages_list label>span{
    font-size: 14px;
    font-weight: 600;
}
.vip .card .packages .packages_list span.vip_title{
    color: #201a17;
}
.vip .card .packages .packages_list span.vip_discount{
    position: absolute;
    top: -12px;
    /* border: 1px solid; */
    color: #fff;
    padding: 0 7px;
    font-size: 12px;
    left: -2px;
    border-radius: 8px 0;
    background: linear-gradient(45deg, #f44336, #d63df0);
}
.vip .card .packages .packages_list span.vip_price{font-size: 18px;}
.vip .card .packages .packages_list span.vip_price small{
    font-size: 12px;
}
.vip .card .packages .packages_list span.vip_length{
    /* text-align: center; */
    color: #b9b9b9;
    font-size: 12px;
    font-weight: 500;
    /* opacity: 0; */
    display: none;
}
.vip .card .packages .packages_list .package_item.active span.vip_price_month{
    background: #e91e63;
    color: #fff;
}
.vip .card .packages .packages_list span.vip_price_month{
    font-size: 12px;
    font-weight: 500;
    /* height: 1rem; */
    color: #ff5722;
    color: #864a34;
    width: 102%;
    display: block;
    position: absolute;
    left: -1%;
    bottom: 0;
    text-align: center;
    /* padding: 2px 0; */
    line-height: 22px;
    background: rgb(255 87 34 / 10%);
    border-radius: 0 0 7px 7px;
}
.vip .card .packages .packages_list label>span{
    display: block;
    /* margin-bottom: 3px; */
}
.vip .card .packages .packages_list .vip_old_price{
    text-decoration: line-through;
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 0;
}
.vip .card .packages .price{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
}
.vip .card .packages .price >span{
    /* margin-top: 10px; */
    font-size: 14px;
    font-weight: 500;
}
.vip .card .packages .price .price_old{
    text-decoration: line-through;
    color: #607D8B;
    font-size: 12px;
}
.vip .card .packages .price .price_new{
    color: #E91E63;
    margin-left: 5px;
    font-size: 16px;
}

.vip .tab-pane>.card{
    padding: 7px;
    margin: 10px 5px;
    box-shadow: none;
    /* background-color: transparent; */
    border-radius: 10px;
}
.vip .card .package_types{
    margin-top: -50px;
    z-index: 9;
    position: relative;
    background: transparent;
    padding-left: 15px;
}
.vip .card .package_types .package_type_item{
    display: inline-block;
    margin-right: 18px;
    color: #a5a5a5;
    /* border-bottom: 2px solid transparent; */
    /* padding: 2px 5px; */
}
.vip .card .package_types .package_type_item.active{
    color: #fff;
    /* border-color: #fff; */
    font-size: 13px;
}

.vip .card .infos{
    /* margin: 10px; */
    /* margin: 0; */
    /* padding: 1px; */
    /* border: 1px solid #eee; */
    border-radius: 10px;
    margin-top: -3px;
    background: linear-gradient(90deg, #282828, #696969);
    background: linear-gradient(90deg, rgb(210 128 12 / 3%), rgb(233 30 99 / 3%));
    background: #fff;
    /* color: #fff; */
    /* padding-bottom: 10px; */
    z-index: 9;
    position: relative;
    box-shadow: 0 0 2px 0px rgb(35 35 35 / 30%);
    overflow: hidden;
}
.vip .card .infos .infos_border_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    /* background: linear-gradient(45deg, rgb(233 30 99 / 30%), rgb(156 39 176 / 30%)); */
    border-radius: 10px;
    background: linear-gradient(90deg, rgb(210 128 12 / 10%), rgb(233 30 99 / 10%));
}
.vip .card .infos .card-header{
    background: linear-gradient(90deg, #3f3f3f, #6c6c6c);
    color: #fff;
    /* border-radius: 10px 10px 0 0; */
    border-radius: 10px;
    padding: 10px 5px;
    position: relative;
    z-index: 1;
}
.vip .card .infos .card-footer{
    display: none;
}
.vip .card .infos .card-header .vip_info_compare_btn{
    float: right;
    padding: 0;
    color: #f4dbd2;
}
.vip .card .infos .card-body{
    /* background: linear-gradient(90deg, rgb(210 128 12 / 10%), rgb(233 30 99 / 10%)); */
    /* background: #fff; */
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    padding-top: 12px !important;
    margin-top: -12px;
    z-index: 0;
    position: relative;
}
.vip .card .infos .card-header h5{
    font-size: 13px;
    padding-left: 10px;
}
.vip .card .infos .info_detail{
    /* max-width: 900px; */
    position: relative;
    /* background: linear-gradient(90deg, rgb(210 128 12 / 3%), rgb(233 30 99 / 3%)); */
    padding-bottom: 5px;
    padding-top: 5px;
    height: 100%;
}
.vip .card .infos .info_detail .inner.more{
    height: 100%;
}
.vip .card .infos .info_detail .inner{
    /* height: 120px; */
    overflow: hidden;
    font-size: 0;
}
.vip .card .infos .info_detail .more_infos{
    text-align: center;
}
.vip .card .infos .info_detail .more_infos .show_more{
    height: 20px;
    width: 50px;
    background-image: url(/imgs/ico/down.svg);
    background-size: contain;
}
.vip .card .infos .info_detail .info_item{
    display: inline-block;
    padding: 5px 0px;
    padding-top: 5px;
    /* margin-right: 2px; */
    /* margin-bottom: 5px; */
    text-align: center;
    width: 20%;
    /* border-radius: 50px 50px 0 0; */
    /* border-radius: 3px; */
    /* background: linear-gradient(181deg, rgb(214 205 191), transparent); */
    /* background: rgb(214 205 191); */
    overflow: hidden;
}
.vip .card .infos .info_detail .info_item .ico{
    width: 30px;
    height: 30px;
    background-size: 85%;
    background-color: #ffecd0;
    border-radius: 50%;
    background-size: 55%;
    border: 1px solid #ffdba7;
}
.vip .card .infos .info_detail .info_item .privilege_title{
    padding: 3px 0;
    color: #4d5259;
    /* color: #ffede6; */
    font-size: 12px;
}
.vip .quick_questions{
    /* color: #000; */
}
.vip .quick_questions .card-header{
    font-weight: 600;
    font-size: 13px;
}
.vip .quick_questions .showed_questions{}
.vip .quick_questions .more_questions{
    float: right;
    /* color: #363333; */
    font-size: 13px;
}
.vip .quick_questions .showed_questions .showed_item{
    cursor: p;
}
.vip .quick_questions .showed_questions .showed_item .que_title{
    padding: 5px 3px;
    line-height: 24px;
    cursor: pointer;
}
.vip .quick_questions .showed_questions .showed_item .que_title .que_ico{
    font-size: 16px;
}
.vip .quick_questions .showed_questions .showed_item .que_title span{
    padding-left: 5px;
    font-size: 13px;
}
.vip .quick_questions .showed_questions .showed_item .que_title .open_ico{
    font-size: 18px;
    float: right;
    transition: all ease .2s;
}
.vip .quick_questions .showed_questions .showed_item.active .que_title .open_ico{
    transform: rotate(90deg);
}
.vip .quick_questions .showed_questions .showed_item.active .que_ans{
    height: auto;
    padding-top: 3px;
}
.vip .quick_questions .showed_questions .showed_item .que_ans{
    padding: 0 3px;
    /* border-top: 1px solid #eee; */
    height: 0;
    overflow: hidden;
    /* transition: height ease .2s; */
}
.vip .quick_questions .showed_questions .showed_item .que_ans .ans_ico{
    font-size: 16px;
    display: block;
    float: left;
    padding-right: 5px;
    height: 100%;
}
.vip .quick_questions .showed_questions .showed_item .que_ans .ans_text{
    padding-left: 5px;
    color: #524e4e;
    display: block;
}
.vip .vip_xys{}
.vip .vip_xys>a{
    display: block;
    font-size: 12px;
    padding: 8px;
    color: #474545;
    line-height: 18px;
    font-weight: 600;
}
.vip .vip_xys>a span{}
.vip .vip_xys>a .mdi{
    float: right;
    font-size: 18px;
}
.once_trans_big{
    animation: linear anim_trans_big .5s;
    position: relative;
    display: inline-block;
}
@keyframes anim_trans_big {
    0%{
        transform: scale(1.0);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1.0);
    }
}
.vip .card .infos .info_detail .info_item .desp{
    padding: 1px 0;
    /* color: #d81e06; */
    color: #9b7272;
    transform: scale(.85);
    width: 120%;
    margin-left: -10%;
    font-size: 12px;
}
.info_item .ico.collect_num{
    background-image: url("/imgs/ico/vip/save.svg");
    background-size: 65% !important;
}
.info_item .ico.multi_engine{
    background-image: url("/imgs/ico/vip/engine.svg");
    background-size: 60% !important;
}
.info_item .ico.high_speed{
    background-image: url("/imgs/ico/vip/speed.svg");
    background-size: 78% !important;
}
.info_item .ico.many_download{
    background-image: url("/imgs/ico/vip/download.svg");
    background-size: 70% !important;
}
.info_item .ico.unlimited_size{
    background-image: url("/imgs/ico/vip/unlimited.svg");
    background-size: 70% !important;
}
.info_item .ico.batch_save{
    background-image: url("/imgs/ico/vip/batch.svg");
}
.info_item .ico.many_history{
    background-image: url("/imgs/ico/vip/history.svg");
}
.info_item .ico.engine_a{
    background-image: url("/imgs/ico/download_a.svg");
    background-size: 65% !important;
}
.info_item .ico.engine_x{
    background-image: url("/imgs/ico/vip/engine_x_red.svg");
    background-size: 65% !important;
}
.info_item .ico.play_on_download{
    background-image: url("/imgs/ico/vip/play_on_download.svg");
}
.info_item .ico.multi_quality{
    background-image: url("/imgs/ico/vip/hd.svg");
}
.info_item .ico.vip_group{
    background-image: url("/imgs/ico/vip/group.svg");
}
.info_item .ico.growth{
    background-image: url("/imgs/ico/vip/growth.svg");
}
.info_item .ico.first_parse{
    background-image: url("/imgs/ico/vip/offline.svg");
    background-size: 70% !important;
}
.info_item .ico.parse_history{
    background-image: url("/imgs/ico/vip/parse_history.svg");
}
.info_item .ico.others{
    background-image: url("/imgs/ico/vip/others.svg");
}

.vip .card .infos .info_detail .info_item label{
    font-size: 14px;
}
.vip .card .infos .info_detail .info_detail span{}
.vip .card .vouchers{
    /* margin: 0; */
    display: none;
    line-height: 30px;
    padding: 7px 5px;
    cursor: pointer;
}
.vip .card .vouchers.active{}
.my_modal{
    position: fixed;
    bottom: -100%;
    z-index: 999;
    width: 100%;
    left: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    /* padding-bottom: 50px; */
    /* background: #fff; */
    transition: bottom ease .5s;
}
.my_modal.show{bottom: 0;}
.my_modal>.card{
    margin: 0;
    padding-bottom: 50px;
}
.my_modal>.card>.card-header{
    border: none;
}
#new_voucher_modal{}
#new_voucher_modal .tip_content{
    background: none;
    box-shadow: none;
    top: calc(50% - 175px);
    padding: 0;
    width: 280px;
}
@keyframes new_voucher_anmi {
    0%{
        transform: scale(0.5) rotateY(90deg);
    }
    100%{
        transform: scale(1) rotateY(0deg);
    }
}
#new_voucher_modal .voucher_main{
    position: relative;
    height: 380px;
    /* transform: rotateY(89deg); */
    animation: ease-in-out new_voucher_anmi 1s;
    /* transform: scale(0.2,1); */
}
#new_voucher_modal .voucher_main .voucher_up{
    height: 150px;
    position: relative;
    background: linear-gradient(90deg, #f92e20, #ec125c);
    top: 5px;
    overflow: hidden;
    z-index: 2;
    border-radius: 20px 20px 0px 0;
    box-shadow: inset 0px 20px 20px 6px #FEE5D1;
}
#new_voucher_modal .voucher_main .voucher_up .up_line1{
    width: 800px;
    height: 600px;
    position: absolute;
    left: -260px;
    bottom: 0;
    border-bottom: 2px solid #fffbf1;
    border-radius: 50%;
    z-index: 1;
}
#new_voucher_modal .voucher_main .voucher_up .up_line2{
    width: 800px;
    height: 600px;
    position: absolute;
    left: -260px;
    bottom: 6px;
    /* border-bottom: 7px solid #fffbf1; */
    border-radius: 50%;
    background: repeating-linear-gradient(180deg, #FFEB3B, #FFF 100px);
    z-index: 2;
}
#new_voucher_modal .voucher_main .voucher_up .up_bg{
    width: 800px;
    height: 900px;
    position: absolute;
    left: -260px;
    bottom: 10px;
    /* border-bottom: 7px solid #fffbf1; */
    border-radius: 50%;
    background: linear-gradient(90deg, #f92e20, #ec125c 160px);
    z-index: 3;
    overflow: hidden;
    /* box-shadow: inset -1px -14px 10px #999; */
    text-align: center;
}
#new_voucher_modal .voucher_main .voucher_up .up_bg .up_bg_shadow{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* background: linear-gradient(45deg, rgb(0 0 0 / 50%), transparent); */
    bottom: 0;
    box-shadow: inset 0 0 15px rgb(0 0 0 / 30%);
    z-index: 9;
    pointer-events: none;
}
#new_voucher_modal .voucher_main .voucher_up .up_main_outer{
    /* position: absolute; */
    position: relative;
    /* left: calc(50% - 140px); */
    margin: auto;
    /* bottom: 0; */
    top: calc(100% - 140px);
    width: 280px;
    height: 140px;
    z-index: 0;
    /* background: linear-gradient(180deg, #FFF7F0, #FEE5D1); */
    border-radius: 20px 20px 0 0;
}
#new_voucher_modal .voucher_main .voucher_up .up_main{background: linear-gradient(180deg, #FFF7F0, #FEE5D1);width: 100%;height: 100%;padding: 15px 5px 5px;}

#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_title{
    font-size: 20px;
    color: #d2180b;
    letter-spacing: 4px;
    /* margin-top: 10px; */
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_tip{
    margin: 10px 0;
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_tip .time_tip_line{
    display: inline-block;
    width: 60px;
    height: 2px;
    vertical-align: middle;
    background: linear-gradient(270deg, #FF9800, transparent);
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_tip .time_tip_line:last-child{
    background: linear-gradient(90deg, #FF9800, transparent);
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_tip .time_tip_text{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    color: #FF5722;
    font-size: 14px;
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_count_area{
    /* margin-top: 10px; */
    position: relative;
    /* top: 10px; */
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_count_area>*{
    display: inline-block;
    vertical-align: middle;
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_count_area .time_count_item{
    padding: 1px 5px;
    background: #ff906d;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
}
#new_voucher_modal .voucher_main .voucher_up .up_main .voucher_time_count_area .time_count_splitter{
    font-size: 14px;
    margin: 0 3px;
    color: #FF5722;
}
#new_voucher_modal .voucher_main .voucher_down{
    border-radius: 0 0 20px 20px;
    height: 230px;
    position: relative;
    background: linear-gradient(90deg, #f92e20, #ec125c);
    box-shadow: inset 0px -15px 20px 6px #FEE5D1;
    padding-top: 10px;
}
#new_voucher_modal .voucher_main .voucher_down .voucher_discount_area{
    color: #FFF7F0;
}
#new_voucher_modal .voucher_main .voucher_down .voucher_discount_area>*{
    display: inline-block;
}
#new_voucher_modal .voucher_main .voucher_down .voucher_discount_area .discount_pre{
    font-size: 26px;
    font-weight: 300;
}
#new_voucher_modal .voucher_main .voucher_down .voucher_discount_area .discount_price{
    font-size: 80px;
    line-height: 100px;
}
#new_voucher_modal .voucher_main .voucher_down .voucher_discount_area .discount_tag{
    writing-mode: vertical-lr;
    font-size: 14px;
    letter-spacing: 5px;
    text-indent: 5px;
    border: 1px solid;
    border-radius: 6px;
}
#new_voucher_modal .voucher_main .voucher_down .voucher_tip_text{
    color: #fee3ce;
    /* font-size: 13px; */
}
#new_voucher_modal .voucher_main .voucher_down .voucher_btn{
    /* padding: 5px 0; */
    padding-top: 10px;
}
#new_voucher_modal .voucher_main .voucher_down .voucher_btn .btn_ok{
    padding: 13px 65px;
    background: linear-gradient(270deg, #fffdfb, #FEE5D1);
    font-size: 16px;
    color: #c61306;
}
.vouchers_modal{
    /* display: block; */
    /* bottom: 0; */
}
.vouchers_modal ul{}
li.voucher_item{
    /* padding: 3px; */
    /* border: 2px solid rgb(144 105 54); */
    border-radius: 10px;
    /* box-shadow: 1px 1px 10px #d8d8d8; */
    margin-bottom: 10px;
    border-left-width: 5px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg, rgb(233 30 99 / 6%), rgb(255 193 7 / 6%));
    /* color: #fff; */
    color: #E91E63;
    /* margin-right: 10px; */
    transition: all ease .5s;
    cursor: pointer;
    max-width: 700px;
}
li.voucher_item .val{
    padding: 10px 10px;
    min-width: 70px;
    text-align: center;
    font-size: 14px;
}
li.voucher_item .val .num{
    font-size: 30px;
    font-weight: 700;
    /* color: #906936; */
}
li.voucher_item .voucher_info{
    padding: 3px;
    /* color: #906936; */
    /* border-left: 2px dashed; */
    padding-left: 10px;
    position: relative;
    margin-left: 5px;
}
li.voucher_item .voucher_info .voucher_name{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    position: relative;
    display: inline-block;
}
li.voucher_item .voucher_info .voucher_name .expire_tag{
    position: absolute;
    display: inline-block;
    right: -75px;
    font-size: 12px;
    font-weight: 500;
    top: 0;
    background: #FF9800;
    color: #fff;
    padding: 1px 6px;
    border-radius: 5px;
}
li.voucher_item .voucher_info .voucher_tip{
    color: rgb(233 30 99 / 60%);
}
.vouchers_modal ul li.voucher_item .voucher_footer{
    /* width: 50px; */
    height: 100%;
    padding: 10px;
    padding-right: 15px;
    /* position: relative; */
    text-align: center;
    float: right;
    font-size: 20px;
    margin-top: 10px;
}
.vouchers_modal ul li.voucher_item .voucher_footer .selector{
    width: 30px;
    height: 30px;
    /* border-radius: 50%; */
    /* background-color: #fff; */
}
.vouchers_modal ul li.voucher_item .voucher_footer .no_checked_ico{color: rgb(244 67 54 / 50%);}
.vouchers_modal ul li.voucher_item .voucher_footer .checked_ico{display: none;}
.vouchers_modal ul li.voucher_item.selected .voucher_footer .no_checked_ico{display: none;}
.vouchers_modal ul li.voucher_item.selected .voucher_footer .checked_ico{display: block;}
.vouchers_modal ul li.voucher_item.selected .voucher_footer .selector{
     background-image: url(/imgs/ico/checked.svg);
 }
.vip .card .vouchers .voucher_ico{
    background-image: url(/imgs/ico/vip/voucher.png);
    width: 25px;
    height: 25px;
    /* animation: ease voucher_ico_anmi .8s infinite; */
}
@keyframes voucher_ico_anmi {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}
.vip .card .vouchers .voucher_text{
    font-size: 14px;
    /* color: #E91E63; */
    font-weight: 600;
    margin-left: 5px;
}
.vip .card .vouchers.active .timer_count_area{
    display: inline-block;
}
.vip .card .vouchers .timer_count_area{
    height: 30px;
    margin-left: 10px;
    color: #F44336;
    display: none;
    font-size: 14px;
    letter-spacing: 1px;
}
.vip .card .vouchers.active .discount_area{
    color: #E91E63;
}
.vip .card .vouchers .discount_area{
    color: #434343;
    font-size: 14px;
    font-weight: 600;
}
.vip .card .vouchers .right_area{
    float: right;
    height: 30px;
}
.vip .card .vouchers .mdi-chevron-right{
    font-size: 18px;
    color: #999;
}
.vip .card .vouchers .voucher_item.selected{
    background: linear-gradient(90deg, #f44336, #ffc107);
}
.vip .card .vouchers .voucher_item .voucher_info>div{
    /* font-size: 13px; */
    line-height: 1.6em;
}

.vip .card .vouchers .voucher_item .voucher_info .footer_top_circle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /* border: 2px solid rgb(144 105 54); */
    position: absolute;
    top: -13px;
    z-index: 9;
    background: #fff;
    left: -12px;
}
.vip .card .vouchers .voucher_item .voucher_info .footer_bottom_circle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /* border: 2px solid rgb(144 105 54); */
    position: absolute;
    bottom: -13px;
    z-index: 9;
    background: #fff;
    left: -12px;
}
.vip .card .vouchers .voucher_item .voucher_footer .voucher_footer_line{
    position: absolute;
    top: 0;
}
.vip .buy_types{
    margin: 0;
}
.vip .buy_types .type_list{
    padding: 5px 0;
}
.vip .buy_types .type_item{
    border: 1px solid transparent;
    border-radius: 7px;
    border-bottom-width: 10px;
    cursor: pointer;
    transition: all ease .2s;
    position: relative;
    border-color: #e5e5e5;
}
.vip .buy_types .type_item.selected{
    border-color: #e15034;
}
.vip .buy_types .type_item>.ico{
    width: 25px;
    height: 25px;
    background-size: 70%;
}
.vip .buy_types .type_item.normal .ico{
    background-image: url(/imgs/ico/vip/buy_normal.svg);
}
.vip .buy_types .type_item.buy_card>.ico{
    background-image: url(/imgs/ico/vip/buy_card.svg);
}
.vip .buy_types .type_item.buy_card .desp .tip_tag{
    /* float: right; */
    position: absolute;
    right: -9px;
    top: -11px;
    color: #fff;
    background: #ff9800;
    padding: 1px 3px;
    border-radius: 2px;
    /* opacity: .8; */
    transform: rotate(5deg);
}
.vip .buy_types .type_item.buy_card .desp .tip_tag.discount_tag{
    right: 23px;
    background: #ff5722;
    /* left: auto; */
}
.vip .buy_types .type_item .desp_title{
    font-size: 13px;
    /* color: #9999; */
}
.vip .buy_types .type_item .desp_detail{
    /* transform: scale(.8); */
    color: #999;
}
.vip .buy_types #buy_card_num{
    width: 50px;
}
.vip .buy_types .buy_card_area{
    padding: 5px 20px;
    display: none;
}
.vip .buy_types .buy_card_tip{
    text-align: center;
    padding: 0 5px;
}
.vip .buy_types .buy_card_tip_bottom{
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
}
.vip .buy_types .buy_card_num_area .tip_text a{
    border: 1px solid;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    line-height: 17px;
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: -5px;
    text-align: center;
}

.vip .buy_types .buy_card_tip .tip_text2 a{
    border: 1px solid;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    line-height: 17px;
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: -5px;
}
.vip .buy_types .buy_card_tip .buy_card_discount_ico{
    width: 100px;
    text-align: center;
    /* height: 35px; */
    line-height: 20px;
    border: 2px solid #f44336;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin: auto;
    color: #e91e63;
    font-weight: 600;
}
.vip .buy_types .buy_card_tip .buy_card_discount_ico .rt{
    position: absolute;
    width: 40px;
    height: 15px;
    background: #f44336;
    right: -15px;
    top: -4px;
    transform: rotate(45deg);
}
.vip .buy_types .buy_card_num_area{
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* width: 120px; */
    padding: 0px 5px;
    padding-top: 10px;
}
.vip .pc_qr_pay_succ_area{
    display: none;
}

.vip .card .pays{
    margin-bottom: 10px;
    /* margin-top: 15px; */
}
.vip .card .pays .card-body{
    padding: 0;
}
.vip .card .pays .pays_list{text-align: left;}
.vip .card .pays .pays_list>div{
    /* text-align: center; */
}
.vip .card .pays .pays_list label{
    padding: 5px 3px;
    cursor: pointer;
    border: 2px solid transparent;
    /* background: #eee; */
    margin-right: 5px;
    transition: all ease .2s;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
}
.vip .card .pays .pays_list label.checked{
    /* border: 2px solid #e6bd6c; */
    /* border: 2px solid rgb(255 87 34 / 50%); */
    border-radius: 10px;
    /* background: rgba(238, 238, 238, .5); */
    /* box-shadow: 0px 0px 4px hsl(34deg 100% 90%); */
}
.vip .card .pays .pays_list label.checked img{
    /* width: 45px; */
    /* height: 45px; */
}
.vip .card .pays .pays_list label .text{
    padding-left: 10px;
    color: #414141;
    font-weight: 500;
    font-size: 14px;
}
.vip .card .pays .pays_list label .selector{
    /* width: 20px; */
    /* height: 20px; */
    border-radius: 50%;
    background: #fff;
}
.vip .card .pays .pays_list label .recommend_tag{
    /* position: absolute; */
    right: 2px;
    background: #ff5722;
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
    top: 2px;
    font-weight: 500;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 12px;
}
.vip .card .pays .pays_list label.checked .selector{}
.vip .card .pays .pays_list label.checked .checked_ico_area .checked_ico{
    display: block;
}
.vip .card .pays .pays_list label.checked .checked_ico_area .no_checked_ico{display: none;}
.vip .card .pays .pays_list label  .checked_ico_area{
    float: right;
    right: 10px;
    position: relative;
    top: 0px;
    font-size: 18px;
    color: #ff5722;
}
.vip .card .pays .pays_list label .checked_ico_area .checked_ico{
    display: none;
}
.vip .card .pays .pays_list label .checked_ico_area .no_checked_ico{color: #9e9e9e;}
.vip .card .pays .pays_list label img{
    width: 20px;
    transition: all ease .2s;
    /* border-radius: 50%; */
    display: inline-block;
    vertical-align: middle;
}

.vip .card .pays .pays_list label input{
    display: none;
}
.vip .card .pays .pay_btn_area .left_area{
    padding: 0 5px;
    display: inline-block;
    vertical-align: bottom;
    height: 100%;
}
.vip .card .pays .pay_btn_area .right_area{
    padding: 0 5px;
    display: inline-block;
}
.vip .card .pays .pay_btn_area .price_area{
    margin-top: 10px;
}
.vip .card .pays .pay_btn_area .price_area .price_now{
    color: #f44336;
    font-size: 20px;
}
.vip .card .pays .pay_btn_area .price_area .price_discounted{
    padding-left: 7px;
    color: #ff5722;
}
.vip .card .pays .pay_btn_area .price_area .discounted_detail_text{
    color: #999;
    padding-left: 5px;
}
#discount_detail_modal{
    /* z-index: 998!important; */
    /* padding-bottom: 50px; */
}
#discount_detail_modal .modal-content{
    /* padding-bottom: 100px; */
}
#discount_detail_modal .block{
    margin-bottom: 20px;
}
#discount_detail_modal .block .title{
    margin-top: 10px;
}
#discount_detail_modal .block .title span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
}
#discount_detail_modal .block .title span:nth-child(2){
    float: right;
    margin: 0;
}
#discount_detail_modal .block .val{
    margin-top: 10px;
}
#discount_detail_modal .block .val span{
    font-size: 14px;
}
#discount_detail_modal .block .val span.line_border{
    padding: 1px 5px;
    border: 1px solid #F44336;
    color: #F44336;
    border-radius: 5px;
}
#discount_detail_modal .block .val span:last-child{
    float: right;
    font-weight: 600;
}
.vip .card .pays .pay_btn_area{
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 3px 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    margin: 0;
    border-top: 1px solid #eee;
}
.vip .card .pays .pay_btn{
    margin-top: 3px;
}
.vip .card .pays .pay_btn .btn{
    background: linear-gradient(45deg, #f44336, #d63df0);
    border: 0;
    border-radius: 50px;
    padding: 10px 10px;
    width: 100%;
    background: linear-gradient(225deg,#ffcb2f 0,#e91e63 100%);
    /* font-weight: 600; */
    font-size: 16px;
    box-shadow: 2px 0px 8px #eee;
    position: relative;
    overflow-y: visible;
}
.vip .card .pays .vipxy{
    font-size: 12px;
    color: #999;
    width: 120%;
    transform: scale(.9);
    margin-left: -5%;
    /* text-align: center; */
}
.vip .card .pays .vipxy a{
    font-size: 12px;
    color: #999;
}
.privileges_compare_area.show{
    bottom: 0;
}
.privileges_compare_area{
    position: fixed;
    z-index: 9999;
    margin: 0;
    left: 0;
    width: 100%;
    max-width: 701px;
    box-shadow: -2px -2px 5px rgb(16 16 16 / 30%);
    border-radius: 15px;
    background: #fff;
    padding: 5px;
    transition: all .5s ease;
    bottom: -135%;
}
.privileges_compare_area .card-header h5{}
.privileges_compare_area .card-header .close{}
.privileges_compare_area .card-body{
    max-height: 600px;
    overflow-y: auto;
}
.privileges_compare_area .card-body .compare_table{
    /* max-height: 600px; */
    /* overflow-y: auto; */
}
.privileges_compare_area .card-body .compare_table ul{
    border: 1px solid #eee;
}
.privileges_compare_area .card-body .compare_table ul li{}
.privileges_compare_area .card-body .compare_table ul li.compare_head{
    border-bottom: 1px solid #eee;
}
.privileges_compare_area .card-body .compare_table ul li.compare_head .bg-gold{
    background: linear-gradient(122deg, #ffecc4 21.66%, #ffe4b5 79.15%);
    color: #9f4d00;
}
.privileges_compare_area .card-body .compare_table ul li.compare_head .bg-year_bg{
    background: linear-gradient(122deg, rgb(244 67 54 / 60%), rgb(156 39 176 / 60%));
    color: #fff;
    /* color: #1a0d00; */
}
.privileges_compare_area .card-body .compare_table ul li.compare_head span{
    /* color: #795548; */
    text-align: center !important;
    padding-left: 0 !important;
}
.privileges_compare_area .card-body .compare_table ul li span:last-child{
    color: #999;
}
.privileges_compare_area .card-body .compare_table ul li span:first-child{
    text-align: revert;
    padding-left: 5px;
}
.privileges_compare_area .card-body .compare_table ul li span{
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 5px 0px;
    height: 100%;
}
.privileges_compare_area .card-body .compare_table ul li span:nth-child(4){
    background: #fffcf4;
    color: rgba(148, 72, 0, 0.9);
}
.privileges_compare_area .card-body .compare_table ul li span:nth-child(3){
    background: #fffcf4;
    color: rgba(148, 72, 0, 0.9);
}
.privileges_compare_area .card-body .compare_table ul li span:nth-child(2){
    /* background: #3e3b3a; */
    color: rgba(148, 72, 0, 0.9);
    background: rgb(244 67 54 / 7%);
    background: rgb(254 242 241);
}
.privileges_compare_area .card-body .compare_table ul li span .mdi{
    font-size: 18px;
}
.privileges_compare_area .card-body .privileges_compare_tip{
    padding-top: 20px;
}
.privileges_compare_area .card-body .privileges_compare_tip li{padding-bottom: 10px;}
.privileges_compare_area .card-body .privileges_compare_tip li:before{
    content: "* ";
}

#pay_use_qr_modal .pay_use_qr_item{
    border: 1px solid #999;
    padding: 5px;
    margin-bottom: 10px;
}
#pay_use_qr_modal .pay_use_qr_item .title1{
    font-size: 16px;
    /* color: #ff5722; */
}
#pay_use_qr_modal .pay_use_qr_item .title2{
    color: #999;
}

.vip .card .pays .pay_btn .btn .card_discount_text{
    display: none;
    position: absolute;
    top: -23px;
    right: -3px;
    font-size: 13px;
    background: #f44336;
    border-radius: 7px;
    padding: 3px 6px;
    transform: rotate(5deg);
    box-shadow: 1px 1px 3px #ffeb3b;
}
.vip .card .pays .pay_btn .btn .card_discount_text.anim{
    animation: discount_animate 150ms linear;
}
@keyframes discount_animate {
    0% {
        transform: rotate(5deg);
    }
    50%{
        transform: rotate(-8deg);
    }
    100% {
        transform: rotate(13deg);
    }
}
.vip .card .tequan .card-body{
    max-width: 800px;
}
.vip .card .tequan tbody tr th:nth-child(1){
    font-size: 14px;
}
.vip .card .tequan tbody tr td:nth-child(2){
    font-size: 14px;
    color: #33cabb;
    font-weight: 600;
}
.vip .card .tequan .explain .header{
    font-size: 16px;
    color: #976f3b;
    /* font-weight: 500; */
}
.vip .card .tequan .explain .ans p{
    font-size: 14px;
    line-height: 1.8em;
}
.vip .card .tequan .explain .ans img{
    display: block;
    margin: 10px 0;
}

.my_page{
    text-align: center;
    /* background: #fff; */
    position: relative;
    width: 100%;
    /* height: 100%; */
    padding: 10px 5px;
    max-width: 600px;
    margin: auto;
}
.my_page.vip.year{
    /* color: rgb(167 83 0)!important; */
}
.my_page .user_infos{
    /* padding: 10px 0; */
}
.my_page .user_infos .login_link{}
.my_page .user_infos .login_link a{
    color: #565656;
    font-size: 16px;
    padding: 10px 5px;
}

.my_page .user_infos .user_info{
    /* height: 70px; */
    display: inline-block;
    padding: 15px 11px;
    width: 100%;
    border-radius: 10px;
    /* color: #fff; */
    text-align: left;
    overflow: hidden;
    position: relative;
}
.ico.more{

width: 10px;

height: 13px;

background-image: url(/imgs/ico/my_page/more.svg);

background-size: cover;
}
.my_page .user_infos .user_info .vip_tag{
    margin-left: 5px;
}
.vip_tag{
    /* margin-left: 5px; */
    position: relative;
    height: 20px !important;
    overflow-y: hidden;
    /* overflow-x: visible; */
}
.vip_tag.vip_tag_mini{
    height: 16px !important;
}
.vip_tag.vip_tag_mini .vip_logo{
    margin-left: 0;
    border-radius: 10px 0 0 2px;
    width: 32px;
    height: 16px;
}
.vip_tag.vip_tag_mini .vip_level{
    height: 16px;
    width: 14px;
    margin-left: -5px;
}
.vip_tag .vip_type_bg{
    transform: rotate( 45deg);
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 1;
    margin-top: 2px;
    margin-left: 3px;
}
.vip_tag .vip_type{
    /* display: none; */
}
.vip_tag .vip_tag_fill{
    width: 13px;
    height: 100%;
    position: relative;
    border-radius: 0 !important;
    margin-left: -11px;
}
.vip_tag .vip_tag_end_fill{
    width: 13px;
    height: 100%;
    position: relative;
    border-radius: 0 2px 15px 0 !important;
    margin-left: -10px;
}
.vip_tag>*{
    vertical-align: middle;
    display: inline-block;
    background-size: 80%;
}
.vip_tag{
    display: inline-block;
}
.vip_tag .vip_type{width: 17px;height: 17px;display: inline-block;/* transform: rotate(45deg); */background-color: transparent;z-index: 2;position: relative;margin-left: 6px;border-radius: 5px;}
.vip_tag>*{
    border-radius: 3px;
    background-color: #999;
}
.vip_tag.year>*{background-color: rgb(254, 180, 107);background-color: #ff6f42;}
.vip_tag.year .vip_type{
    background-image: url(/imgs/ico/my_page/vip_logo/vip_year.png);
}
.vip_tag.month>*{
    background-color: #17ABE3;
}
.vip_tag.month .vip_type{
    background-image: url(/imgs/ico/my_page/vip_logo/vip_month.png);
}
.vip_tag.quarter>*{
    background-color: #FF6600;
}
.vip_tag.quarter .vip_type{
    background-image: url(/imgs/ico/my_page/vip_logo/vip_quarter.png);
}
.vip_tag.experience>*{
    background-color: #7eccd6;
}
.vip_tag.experience .vip_type{
    background-image: url(/imgs/ico/my_page/vip_logo/vip_experience.png);
}
.vip_tag .vip_logo{
    width: 40px;
    height: 20px;
    background-image: url(/imgs/ico/my_page/vip_logo/vip_logo.png);
    /* margin-left: 2px; */
    border-radius: 0px 0 0 0px;
    /* z-index: 2; */
    position: relative;
    margin-left: -7px;
    /* padding-left: 2px; */
}
.vip_tag .vip_level{
    width: 18px;
    height: 20px;
    margin-left: -6px;
    border-radius: 0 2px 8px 0;
    position: relative;
    z-index: 3;
    background-size: 70%;
}
.vip_tag .vip_level.level1{
    background-image: url(/imgs/ico/my_page/vip_logo/vip1.png);
}
.vip_tag .vip_level.level2{
    background-image: url(/imgs/ico/my_page/vip_logo/vip2.png);
}
.vip_tag .vip_level.level3{
    background-image: url(/imgs/ico/my_page/vip_logo/vip3.png);
}
.vip_tag .vip_level.level4{
    background-image: url(/imgs/ico/my_page/vip_logo/vip4.png);
}
.vip_tag .vip_level.level5{
    background-image: url(/imgs/ico/my_page/vip_logo/vip5.png);
}
.vip_tag .vip_level.level6{
    background-image: url(/imgs/ico/my_page/vip_logo/vip6.png);
}
.vip_tag .vip_level.level7{
    background-image: url(/imgs/ico/my_page/vip_logo/vip7.png);
}
.vip_tag .vip_level.level8{
    background-image: url(/imgs/ico/my_page/vip_logo/vip8.png);
}
.vip_tag .vip_level.level9{
    background-image: url(/imgs/ico/my_page/vip_logo/vip9.png);
}

.my_page .user_infos .vip_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    /* background: #9e9e9e; */
    /* filter: blur(10px); */
}
.my_page .user_infos .vip_bg.vip{
    /* background: linear-gradient(347deg, #927f5c, #424242); */
}
.my_page .user_infos .vip_bg.vip.season{
    background: #faa64b;
}
.my_page .user_infos .vip_bg.vip.year{
    /* background: #ff5555; */
}
.my_page .user_infos .user_info .user_ico{
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.my_page .user_infos .user_info .user_ico img{}
.my_page .user_infos .user_info .wangpan_info{
    /* padding: 5px 0; */
    /* color: #fff !important; */
}
.my_page .user_infos .user_info .wangpan_info .file_counts{
    background: none;
}
.my_page .user_infos .user_info .wangpan_info .super_parse_counts{
    color: #fff;
}
.my_page .user_infos .other_infos{
    text-align: left;
    /* height: 60px; */
    padding-left: 10px;
}
.my_page .user_infos .other_infos>div{
    /* height: 30px; */
    line-height: 25px;
}
.my_page .user_infos .other_infos .username{
    font-size: 16px;
}
.my_page .recommend_vip_card{
    border-radius: 15px;
    background: linear-gradient(322deg, #fffbd6, #ffd967);
    /* color: #fff; */
    text-align: left;
}
.my_page .recommend_vip_card .inner{/* backdrop-filter: blur(5px); */padding: 10px;}
.my_page .recommend_vip_card .inner .top_title{
    /* height: 30px; */
    padding-bottom: 5px;
}
.my_page .recommend_vip_card .inner .top_title .title{
    line-height: 35px;
    font-size: 15px;
    color: #ba6f53;
}
.my_page .recommend_vip_card .inner .top_title .tag{
    background: #ff784d;
    color: #fff;
    padding: 0px 5px;
    border-radius: 6px;
    margin-left: 5px;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}
.my_page .recommend_vip_card .inner .top_title .go_vip{
    background: linear-gradient(45deg, #c47255, #feb297);
    color: #fff;
    padding: 5px 15px;
    /* line-height: 35px; */
    float: right;
    display: inline-block;
    margin-top: 3px;
    right: 5px;
    position: relative;
    background: linear-gradient(45deg, #ff5722, #e91e63);
}
.my_page .recommend_vip_card .inner .mid_border{
    height: 4px;
    border-radius: 5px;
    width: 100%;
    background: linear-gradient(45deg, #f38f6b, transparent);
}
.my_page .recommend_vip_card .inner .btm_privileges{
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
}
.my_page .recommend_vip_card .inner .btm_privileges .info_item{
    display: inline-block;
    text-align: center;
    margin-right: 1%;
    width: 18%;
}
.my_page .recommend_vip_card .inner .btm_privileges .info_item:last-child{
    margin-right: 0;
}
.my_page .recommend_vip_card .inner .btm_privileges .info_item .ico{
    width: 30px;
    height: 30px;
    background-color: #ffecd0;
    border-radius: 50%;
    background-size: 60%;
    box-shadow: 0px 0px 3px #de967c;
}
.my_page .recommend_vip_card .inner .btm_privileges .info_item .desp{
    margin-top: 5px;
    color: #4d5259;
    font-size: 12px;
}
.my_page .vip_info_box{
    /* border: 1px solid rgb(245 145 47 / 25%); */
    border-radius: 10px;
    padding: 5px 8px;
    text-align: center;
    background: linear-gradient(123deg, #fffbd6, #ffe083);
}
.my_page .vip_info_box.off{
    /* border: 1px solid rgb(0 0 0 / 25%); */
}
.my_page .vip_info_box .box_container{
    max-width: 800px;
    margin: auto;
    padding-top: 5px;
}
.my_page .vip_info_box .box_container>div{
    display: inline-block;
    width: 100%;
    /* height: 100%; */
    /* vertical-align: middle; */
    text-align: left;
    /* margin-top: 10px; */
    /* padding-bottom: 5px; */
    /* border-bottom: 1px solid #eee; */
}
.my_page .vip_info_box .top{
    /* border-right: 1px solid #ff9800; */
    /* width: 45%; */
    padding-bottom: 10px;
    border-bottom: 1px dashed #ffc6b1;
}
.my_page .vip_info_box .top .recharge_btn{
    position: relative;
}
.my_page .vip_info_box .top .vip_type_title{
    font-weight: 500;
    font-size: 16px;
    color: #c17053;
}
.my_page .vip_info_box .top .vip_length{
    color: #bc8470;
    font-weight: 300;
    /* transform: scale(0.85); */
    margin-top: 3px;
}
.my_page .vip_info_box .top .vip_length .outofdate_tag{
    background: linear-gradient(45deg, #ff6839, #ffd760);
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
    margin-left: 5px;
}
.my_page .vip_info_box .top .recharge_btn{
    margin-left: 10px;
    /* color: #d27d00; */
    color: #fff;
    font-size: 12px;
    padding: 6px 20px;
    /* color: #fff; */
    background: rgb(255 188 89);
    background: linear-gradient(220deg, #FF5722, #E91E63);
    float: right;
    border-radius: 50px;
    /* box-shadow: 0px 0px 3px #cbcbcb; */
}

.my_page .vip_info_box .top .recharge_btn .tag{
    position: absolute;
    display: inline-block;
    /* display: block; */
    /* width: 100%; */
    width: max-content;
    top: -18px;
    right: 35%;
    /* background: linear-gradient(231deg, #e91e63, #ffc107); */
    background: #fb548c;
    padding: 2px 5px;
    border-radius: 12px 12px 0 12px;
}
.my_page .invite_info_box{margin-top: 10px;}

.vip_info_box .top .vip_length a{
    font-size: 12px !important;
}
.vip_info_box .btm{
    /* width: 55%; */
    margin-top: 3px;
}
.vip_info_box .btm .vip_exp{
    /* text-align: right; */
}
.vip_info_box .btm .vip_exp .vip_exp_progress{
    width: calc(100% - 78px);
}
.vip_info_box .btm .vip_exp_progress a{
    color: #c78871;
}
.vip_exp>div{
    display: inline-block;
    vertical-align: middle;
}
.invite_info_box{
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    background: #fff;
    /* margin-top: 10px; */
    font-size: 0;
}
.invite_info_box a{
    display: block;
    font-size: 0;
}
.invite_info_box .box_col{
    display: inline-block;
    width: 33.33%;
    font-size: 12px;
}
.invite_info_box .box_col .invite_title{
    padding: 3px 0;
text-decoration: underline solid #33cabb;}
.invite_info_box .box_col .invite_val{
    font-size: 14px;
    padding: 3px 0;
    color: #c77700;
}

.vip_exp .vip_exp_growth{
    width: 46px;
    height: 46px;
    background: linear-gradient(25deg, #ff9800, #ffd9a0);
    background: linear-gradient(45deg, #f44336, #ffefbd);
    border-radius: 50%;
    color: #fff;
    position: relative;
    text-align: left;
    display: inline-block;
}
.vip_exp .vip_exp_growth.mini{
    width: 30px;
    height: 30px;
}
.vip_exp .vip_exp_growth.mini .num{
    font-size: 15px;
    line-height: 20px;
    margin-left: 3px;
}
.vip_exp .vip_exp_growth.mini .suffix{
    width: 24px;
    bottom: 0;
}
.my_page .vip_info_box .right .vip_exp .vip_exp_growth.off{
    background: linear-gradient(25deg, #656565, #c5c5c5);
}
.vip_exp .vip_exp_growth .num{
    font-size: 22px;
    line-height: 38px;
    margin-left: 5px;
    /* margin-top: -2px; */
}
.vip_exp .vip_exp_growth .suffix{
    position: absolute;
    width: 30px;
    bottom: 1px;
    right: -3px;
}
.vip_exp .vip_exp_progress{
    width: calc(100% - 90px);
    padding: 0 4px;
    border-radius: 2px;
    overflow: hidden;
    /* transform: scale(0.85); */
    /* font-size: 0; */
    text-align: center;
}
.my_page .vip_info_box .right .vip_exp .vip_exp_progress .vip_exp_text{
    font-size: 12px;
    /* transform: scale(1.85); */
    color: #3a3a3a;
}
.vip_exp .vip_exp_progress .vip_exp_progress_bg{
    height: 4px;
    background: rgb(238 238 238 / 50%);
    /* width: calc(100% - 88px); */
    border-radius: 2px;
    overflow: hidden;
    /* margin-top: -2px; */
}
.vip_exp .vip_exp_progress .vip_exp_progress_bg .inner{
    height: 100%;
    background: linear-gradient(72deg, #f44336, #ffdcba);
    border-radius: 5px;
}

.my_page .tip_menus{
    overflow-y: hidden;
    position: relative;
    /* height: calc(100% - 160px); */
    background: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 0;
    text-align: left;
    margin-top: 10px;
}
.my_page .tip_menus .banner_notice_item{
    position: relative;
    /* background: #fff; */
    /* margin-right: 5px; */
}
.my_page .tip_menus .banner_notice_item:first-child{
    margin-top: 0 !important;
}
.my_page .tip_menus li a{
    /* padding: 7px 0; */
    width: 100%;
    display: block;
    text-align: left;
    color: #4d5259;
    position: relative;
    overflow: hidden;
    font-size: 13px;
    /* border-bottom: 1px solid #f5f6fa; */
    border-radius: 10px 10px 0 0;
    box-shadow: 2px -2px 5px 0px #d5d5d5;
    height: 34px;
    /* border: 1px solid #fff; */
    background: #fff;
}
.my_page .tip_menus li .notice_pic_area{
    top: 0;
    position: relative;
}
.my_page .tip_menus li:last-child a{
    /* border-bottom: 0; */
}
.my_page .tip_menus li:first-child a{
    /* border-top: 1px solid #f5f6fa; */
    /* height: auto; */
}
.my_page .tip_menus li a .ico{
    /* display: block; */
    text-align: center;
    margin: auto;
}
.my_page .tip_menus li a .right_ico{
    width: 15px;
    height: 15px;
    background-image: url("/imgs/ico/right.svg");
    display: inline-block;
    /* float: right; */
    position: absolute;
    right: 3px;
    top: 7.5px;
}
.my_page .tip_menus li a .ico:first-child{
    width: 25px;
    height: 25px;
    /* margin-right: 10px; */
    margin-left: 5px;
    margin-top: 5px;
}
.my_page .tip_menus li a span{
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    /* color: #737373; */
    margin-left: 5px;
    width: calc(100% - 45px);
    position: relative;
    padding: 5px;
}

.my_page .tip_menus li a .ico.alert_text{
    background-image: url("/imgs/ico/my_page/alert.svg");
}
.tip_menus li a .ico.panel{
    background-image: url("/imgs/ico/my_page/panel.svg");
    /* background-size: 130%; */
    border: 0;
}

.my_page .user_menus{
    overflow-y: auto;
    position: relative;
    /* height: calc(100% - 160px); */
    background: #fff;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 0;
    text-align: left;
    margin-top: 10px;
}
.my_page .user_menus li{
    /* border-bottom: 1px solid #eee; */
    display: inline-block;
    width: 25%;
    text-align: left;
}
.my_page .user_menus li a{
    padding: 13px 0;
    width: 100%;
    display: block;
    text-align: center;
    color: #4d5259;
    position: relative;
    overflow: hidden;
}
.user_menus li a .ico{
    display: block;
    text-align: center;
    margin: auto;
}
.my_page .user_menus li a .ico:last-child{
    width: 15px;
    height: 100%;
    background-image: url("/imgs/ico/right.svg");
    display: inline-block;
    /* float: right; */
    position: absolute;
    right: 0;
    top: 0;
}
.user_menus li a span{
    display: block;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    margin-top: 5px;
    color: #4F6174;
}
.user_menus li a .ico:first-child{
    
width: 25px;
    
height: 25px;
    
/* margin-right: 10px; */
}
.user_menus li a .ico.vip{
    background-image: url("/imgs/ico/my_page/vip.svg?v=1.1");
    background-size: 113%;
    /* animation: animate_rotate 3s cubic-bezier(0.22, 0.61, 0.66, 1.36) infinite; */
    /* width: 26px; */
    overflow: visible;
}
.user_menus li a .ico.panel{
    background-image: url("/imgs/ico/my_page/panel.svg");
    /* background-size: 130%; */
    border: 0;
}
.user_menus li a .ico.client{
    background-image: url("/imgs/ico/my_page/client.svg");
    /* background-size: 130%; */
    border: 0;
}
.user_menus li a .ico.history{
    background-image: url("/imgs/ico/my_page/history.svg");
    /* background-size: 130%; */
    border: 0;
}
.my_page .user_menus li a .ico.alert_text{
    background-image: url("/imgs/ico/my_page/alert.svg");
}
.user_menus li a .ico.parse{
    background-image: url("/imgs/ico/my_page/offline_history.svg?v=1.0");
}
.ico.buy_history{
    background-image: url("/imgs/ico/my_page/buy_history.svg?v=1.0");
}
.ico.help{
    background-image: url("/imgs/ico/my_page/help.svg?v=1.0");
}
.ico.invite_icon{
    background-image: url("/imgs/ico/my_page/invite_icon.svg");
    background-size: 125%;
}
.ico.group{
    background-image: url("/imgs/ico/my_page/group.svg?v=1.1");
}
.ico.jubao{
    background-image: url("/imgs/ico/my_page/jubao.svg?v=1.0");
}
.ico.old_action{
    background-image: url("/imgs/ico/my_page/old_action.svg");
}
.user_menus li a .ico.clean_temp{
    background-image: url("/imgs/ico/my_page/clean_temp.svg");
}
.my_page .user_menus li a .ico.version{
    background-image: url("/imgs/ico/my_page/version.svg");
}
.my_page .user_menus li a .ico.change_storage{
    background-image: url("/imgs/ico/my_page/change_storage.svg");
}
.my_page .user_menus li a .ico.version_now{

width: auto;

color: #2196f3;

display: inline-block;

/* text-decoration: underline; */
}

#join_group_modal .join_code_area #join_code_value{
    max-width: 150px;
    display: inline-block;
}
#join_group_modal .join_code_area .copy_join_code{

vertical-align: middle;
}
#join_group_modal .join_group_links img{
    
width: 200px;
}


.my_page .user_menus li a .ico.update{
     background-image: url("/imgs/ico/my_page/update.svg");
 }
.user_menus li a .ico.xy{
    background-image: url("/imgs/ico/my_page/xy.svg?v=1.0?v=1.0");
}
.user_menus li a .ico.dark_model{
    background-image: url("/imgs/ico/my_page/dark_model.svg");
}
.user_menus li a .ico.lianxi{
    background-image: url("/imgs/ico/my_page/lianxi.svg");
}
.user_menus li a .ico.reset{
    background-image: url("/imgs/ico/my_page/reset.svg?v=1.0");
}
.user_menus li a .ico.safety{
    background-image: url("/imgs/ico/my_page/safety.svg");
}
.user_menus li a .ico.logout{
    background-image: url("/imgs/ico/my_page/logout.svg?v=1.0");
}
.my_page .bottom_menus{
    overflow-y: auto;
    position: relative;
    /* height: calc(100% - 160px); */
    /* background: #fff; */
    /* padding: 0px 10px; */
    /* border-radius: 10px; */
    font-size: 0;
    text-align: center;
    margin-top: 10px;
}
.my_page .bottom_menus .logout{
    color: #ea5424;
}
.my_page .bottom_menus li{
    margin-top: 10px;
}
.my_page .bottom_menus li a{
    display: block;
    padding: 8px;
    background: #fff;
    color: #4a4a4a;
    border-radius: 10px;
}

.join_group_div{
    padding: 0;
    background: #01cfff;
    color: #fff;
    font-size: 14px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    /* overflow: hidden; */
}
.join_group_div .join_group_inner{
    /* position: absolute; */
    overflow: hidden;
}
.join_group_div .join_group_head{}
.join_group_div .not_allow_join_group{
    padding: 10px;
    padding-top: 50px;
    padding-bottom: 100px;
    /* position: fixed; */
    width: 100%;
    height: 100%;
    background: #01cfff;
}
.join_group_div .not_allow_join_group .not_allow_icon{
    text-align: center;
    margin-bottom: 35px;
}
.join_group_div .not_allow_join_group .not_allow_cry{
    margin: 10px 0;
}
.join_group_div .not_allow_join_group .not_allow_icon h4{}
.join_group_div .not_allow_join_group a{
    color: #fff;
    font-size: 17px;
}
.join_group_div .allow_join_group{
    padding: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 600px;
    margin: auto;
}
.join_group_div .allow_join_group a{
    color: #FFFFFF;
    font-size: 17px;
    text-decoration: underline;
}
.join_group_div .allow_join_group .join_qr{
    width: 200px;
}
.join_group_div .allow_join_group .join_code_area{
    margin: 15px 0;
}
.join_group_div .join_code_area #join_code_value{
    max-width: 150px;
    display: inline-block;
}

.vip_tops{
    padding: 0;
}
.vip_tops .tops_bg{}
.vip_tops .vip_tops_body{
    padding: 10px;
    padding-top: 0;
    /* z-index: 999; */
}

.buy_history{
    max-width: 900px;
    margin: auto;
}
.buy_history>.card{
    background-color: #f5f6fa;
}
.buy_history li{
    padding: 5px 0;
    /* cursor: pointer; */
    /* border-radius: 10px; */
    /* background: #eee; */
}
.buy_history li.order_item{
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
}
.buy_history li:hover{
    /* background: #eee; */
}
.buy_history li.th{
    /* text-align: center; */
    font-size: 13px;
    padding: 10px 0;
}
.buy_history li>div{
    /* display: inline-block; */
    vertical-align: middle;
}
.buy_history li .info{
    /* display: inline-block; */
    vertical-align: middle;
    /* width: calc(100% - 165px); */
}
.buy_history li.order_item .title{
    font-size: 14px;
    color: #191919;
    /* font-weight: 600; */
    padding: 20px 10px;
}
.buy_history li .info .dates{
    /* margin-top: 5px; */
    color: #a9a9a9;
    display: inline-block;
}
.buy_history li.order_item .bottom_info{
    text-align: right;
}
.buy_history li.order_item .price_text{
    color: #999;
    font-size: 12px;
}
.buy_history li .price{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    /* width: 60px; */
    /* color: #f44336; */
    font-weight: 600;
}
.buy_history li .status{
    /* width: 40px; */
    text-align: center;
    float: right;
}
.buy_history li .status .ok{
    color: #4CAF50;
}
.buy_history li .status .cancel{
    color: #818181;
}
.buy_history li .card_length{
    /* width: 55px; */
    font-size: 12px;
    margin-left: 15px;
    margin-top: 5px;
}
.buy_history li .control{
    display: inline-block;
    vertical-align: middle;
    /* width: 60px; */
    text-align: center;
}
.buy_history li .control a{
    font-size: 12px;
    padding: 5px 4px;
    margin: 0 2px;
}
#use_card_modal{}
#use_card_modal .step_2{}
#use_card_modal .step_2 .phone_code_area{position: relative;}
#use_card_modal .step_2 #phone_code{
    padding-right: 111px;
}
#use_card_modal .step_2 .send_code{
    position: absolute;
    right: 0;
    top: 0;
}
#use_card_modal .step_3{
    text-align: center;
}
#use_card_modal .step_3 .ico.success{background-image: url(/imgs/ico/success.svg);width: 50px;height: 50px;margin: auto;}
#use_card_modal .step_3 .result_text{
    margin-top: 15px;
    font-size: 13px;
    font-weight: 600;
}


.vip_growth{
    /* padding: 10px 0; */
    max-width: 700px;
    margin: auto;
    overflow: hidden;
    position: relative;
    /* height: 500px; */
}
.vip_growth .growth_head{
    margin: 20px 10px;
    margin-bottom: 10px;
    z-index: 3;
}
.vip_growth>div{
    /* margin: 10px; */
    position: relative;
    z-index: 1;
}
.vip_growth .growth_head .growth_circle{
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    /* text-align: center; */
    background: linear-gradient(25deg, #ff9800, #ffd9a0);
    border-radius: 50%;
    color: #fff;
    position: relative;
}
.vip_growth .growth_head .growth_circle.decrease{
    background: linear-gradient(25deg, #545454, #dadada);
}
.vip_growth .growth_head .growth_circle .growth_main{
    font-size: 22px;
    line-height: 50px;
}
.vip_growth .growth_head .growth_circle .growth_main .growth_num{
    font-size: 24px;
}
.vip_growth .growth_head .growth_circle .growth_suffix{
    position: absolute;
    right: 11px;
    bottom: 4px;
    font-size: 14px;
}

.vip_growth .growth_head .vip_info_box{
    display: inline-block;
    line-height: 23px;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 10px;
}
.vip_growth .growth_head .vip_info_box .vip_type{}
.vip_growth .growth_head .vip_info_box .vip_length{}
.vip_growth .growth_head .vip_info_box .vip_length a{
    /* padding: 0 4px; */
}
.vip_growth .head_circle_bg{
    position: absolute;
    width: 1700px;
    height: 500px;
    z-index: 2;
    top: -370px;
    left: -550px;
    background: #f5f6fa;
    margin: 0;
    border-radius: 50%;
}
.vip_growth .growth_chart{
    padding: 25px 10px;
    background: #fff;
}
.vip_growth >div .title{
    color: #6b6b6b;
    padding: 8px 0;
}
.vip_growth .growth_chart .level_charts{
    padding-top: 70px;
    font-size: 0;
}
.vip_growth .growth_chart .level_charts li{
    display: inline-block;
    width: 10.5%;
    font-size: 12px;
    margin-right: .5%;
    text-align: center;
}
.vip_growth .growth_chart .level_charts li>*{
    display: block;
}
.vip_growth .growth_chart .level_charts li .column_top{
    height: 2px;
    background: #b2f6ff;
    /* width: 110%; */
}
.vip_growth .growth_chart .level_charts li .column_exp{
    text-align: center;
    width: 200%;
    position: relative;
    left: -50%;
    bottom: 5px;
    transform: scale(.8);
    color: #00bcd4;
    /* display: inline-block; */
}
.vip_growth .growth_chart .level_charts li .column_body{
    height: 30px;
    background: linear-gradient(11deg, #95f3ff, #f5f6fa);
    /* box-shadow: 2px 2px 5px #eee; */
}
.vip_growth .growth_chart .level_charts li .my_icon{
    width: 28px;
    height: 28px;
    margin: auto;
    border-radius: 50%;
    background-image: url(/imgs/ico/icon.jpg);
    margin-bottom: 10px;
    border: 1px solid #1ba9e4;
}
.vip_growth .growth_chart .level_charts li.selected{
    width: 12%;
}
.vip_growth .growth_chart .level_charts li.selected .column_body{
    background: linear-gradient(11deg, #2196f3, #14bed4);
}
.vip_growth .growth_chart .level_charts li.selected .column_exp{
    font-weight: 600;
}
.vip_growth .growth_chart .level_charts li:nth-child(1) .column_body{height: 10px;}
.vip_growth .growth_chart .level_charts li:nth-child(2) .column_body{
    height: 20px;
}
.vip_growth .growth_chart .level_charts li:nth-child(3) .column_body{
    height: 30px;
}
.vip_growth .growth_chart .level_charts li:nth-child(4) .column_body{
    height: 40px;
}
.vip_growth .growth_chart .level_charts li:nth-child(5) .column_body{
    height: 55px;
}
.vip_growth .growth_chart .level_charts li:nth-child(6) .column_body{
    height: 70px;
}
.vip_growth .growth_chart .level_charts li:nth-child(7) .column_body{
    height: 82px;
}
.vip_growth .growth_chart .level_charts li:nth-child(8) .column_body{
    height: 94px;
}
.vip_growth .growth_chart .level_charts li:nth-child(9) .column_body{
    height: 105px;
}
.vip_growth .growth_chart .level_charts li:nth-child(9){
    margin-right: 0;
}
.vip_growth .growth_chart .level_charts li div{
    font-size: 12px;
    text-align: center;
    color: #999;
    margin-top: 5px;
}
.vip_growth .growth_privilege{
    background: #fff;
    padding: 10px;
}
.vip_growth .growth_privilege .privilege_container{
    overflow-x: scroll;
}
.vip_growth .growth_privilege .privilege_details{
    margin: 0;
    text-align: center;
    /* padding: 10px 0; */
    min-width: 420px;
    color: #ff5722;
    /* border: 1px solid #999; */
    /* background: #eee; */
}
.vip_growth .growth_privilege .privilege_details th{
    text-align: center;
    color: #797979;
}
.vip_growth .growth_privilege .privilege_details td{
    /* padding: 5px 3px; */
    /* border-color: #00bcd4; */
    /* border-right: 1px solid #00bcd4; */
    /* border-left: 1px solid #00bcd4; */
}
.vip_growth .growth_explain{
    background: #fff;
    padding: 10px;
}
.vip_growth .growth_explain li{
    margin: 5px 0;
}

.login_tip_page{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    text-align: center;
    align-items: center;
}
.login_tip_page .full{
    align-self: center;
    width: 100%;
}
.login_tip_page .full .logo{

background-image: url(/imgs/logo.png);

width: 100px;

height: 100px;
}
.login_tip_page .full .text{
    font-size: 22px;
    padding: 20px 0;
    color: #00bcd4;
}
.login_tip_page .btns{
    width: 70%;
    margin: auto;
    max-width: 240px;
}
.login_tip_page .btns>a{
    display: block;
    margin: 20px 0;
    padding: 10px;
}

.app_direct{}
.app_direct .down_infos{
    /* display: inline-block; */
    text-align: center;
    margin: 20px 0;
    border-bottom: 1px solid #f0f0f0;
}
.app_direct .down_infos .down_item{
    display: inline-block;
    padding: 10px;
    margin: 20px;
}
.app_direct .down_infos .down_item img{
    width: 180px;
}
.app_direct .down_infos .down_item .platform_text{
    font-size: 16px;
    margin-top: 10px;
}
.app_direct .desp .blocks{
    font-size: 14px;
    color: #fff;
}
.app_direct .desp .blocks .item{
    display: inline-block;
    margin-right: 10px;
    background: #00BCD4;
    padding: 2px 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}


.menu_.android_show{
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    background-color: #48b0f7c7;
    border-radius: 50%;
    background-image: url(/imgs/ico/menu_.svg);
    z-index: 999;
}



@media (max-height: 700px) {
    #magnet_list .magnet_file_list{
    max-height: 310px;
}
    .privileges_compare_area .card-body{
    max-height: 500px;
}
    #message_modal .message_list{
        max-height: 300px;
    }
}
@media (min-width: 600px) {
    .download_home .modal.in .modal-dialog{
        -webkit-transform: translate(0,0) !important;
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0px) !important;
        margin: 60px auto;
        position: relative;
    }
    .download_home>.modal .modal-dialog{
    top: 0;
    bottom: auto;
    -webkit-transform: translate(0,-25%)!important;
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%)!important;
    /* width: auto; */
    margin: 60px auto !important;
    max-width: 600px;
    left: auto;
    position: relative !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 10px !important;
}
}
@media (min-width: 700px) {
    #magnet_list .link_info .dir_nav{
        display: none !important;
    }
    .download_home .task_list li{
    margin: 0 15px;
}
    .index.list_big_icon .files .files-content li{
    width: 25%;
}
    .download_home .tabs>.tab_item:first-child{margin-left: 15px !important;}
    #magnet_list .save_magnet{
        /* border-radius: 0 0 10px 10px; */
        /* overflow: hidden; */
        display: inline-block;
        vertical-align: middle;
    }
    #magnet_list .save_magnet>button{
        display: inline-block;
        /* background: #f7f7f7; */
        /* color: #4d5259!important; */
        border-radius: 10px;
        padding: 10px 15px;
    }
    #magnet_list .batch_menus{
        border-radius: 10px;
        overflow: hidden;
        display: inline-block;
        font-size: 0;
        vertical-align: middle;
        width: 100%;
    }
    #magnet_list .batch_menus>button{
        border: none;
        text-align: left;
        padding: 10px 15px;
        border-right: 1px solid #eee;
        width: 50%;
        font-size: 12px;
        border-radius: 0;
    }
    #magnet_list .batch_menus>button:last-child{
        border: none;
    }
    #magnet_list .batch_menus>button>*{
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
    }
    #magnet_list .batch_menus>button .ico{
        width: 20px;
        height: 20px;
        vertical-align: middle;
        float: right;
        position: relative;
        /* right: 5px; */
    }
    .save_dir_show .save_path{
    display: inline-block;
    vertical-align: middle;
}
    .save_dir_show .save_path span:after{
        display: none;
    }
    .privileges_compare_area{
    margin: 0 auto;
    max-width: 1250px;
}
    .privileges_compare_area .card-body{
    max-height: 480px;
}
    .ipad .navbar .pc_top_alert{
    height: 40px;
}
    .login.container{
    /* padding-top: 0; */
}

    .topbar .topbar-left{
    width: auto;
}
    .history_btn{
    /* display: none; */
    line-height: 32px;
    margin-top: 2px;
}
    .search_area{
    width: 300px;
}
    .search_area>.inline{
    /* width: calc(100% - 65px); */
}
    .ipad .search_area>.inline{
    width: calc(100% - 70px);
}
    .index.mobile_client .files .file .checkbox_:first-child{
    display: none;
}
    .index.mobile_client.batch_model .files .file .checkbox_:nth-last-child(2) {
    display: inline-block !important;
    background: transparent;
    width: auto;
}
    .index.mobile_client.batch_model .files .file .checkbox_:nth-last-child(2) .checkbox{
        border-width: 1px;
        pointer-events: all;
        opacity: 1;
    }
    .index.mobile_client.list_big_icon.batch_model .files .files-content .file_item:hover .control{
    display: none;
}
    .index.mobile_client .files .dir .checkbox_:first-child{
    display: none;
}
    .index.mobile_client .files .files-content .info_{
    width: calc(100% - 66px - 35px);
}
    .files .file .checkbox_:nth-last-child(2){
        display: none!important;
        width: 18px;
    }
    .files .file  .control{
    display: none;
}
    .index.mobile_client.batch_model .files .files-content .control{
    display: none;
}
    .files .file_item:hover .control{
    display: inline-block;
}
    .files .file .checkbox_:nth-last-child(2) .checkbox{
        border-width: 0;
        pointer-events: none;
        /* background: none; */
        opacity: 0;
    }
    .navbar .search_area .app_user_icon.show{
        display: none !important;
    }
    .new_user_discount_tip_btm{
    width: calc(100% - 255px);
    left: 255px;
    bottom: 5px;
}
    .vip .card .packages>.card-body{
        height: 150px;
    }
    .vip .card .packages .packages_list span.vip_discount{
        font-size: 13px;
    }
    .vip .card .packages .packages_list .package_item{
    padding: 22px 10px;
    width: 100px;
}
    .vip .card .packages .packages_list .package_item.long{
    width: 130px;
    padding: 20px 25px;
}
    .vip .card .packages .packages_list span.vip_price{
    font-size: 20px;
}

    .modal.fade .modal-dialog{
        margin-left: auto !important;
        /* border: 1px solid #ddd; */
    }
    .modal.context_menu_modal>.modal-dialog{
        margin-left: 0 !important;
        transition: all .1s cubic-bezier(0.65, 0.05, 0.36, 1);
        -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, 0.44, 1.13);
        -o-transition: -o-transform .15s cubic-bezier(0.65, 0.05, 0.36, 1);
        transition: transform .1s cubic-bezier(0, 0, 0.44, 1.13);
        -webkit-transform: translate(0,-5%);
        -ms-transform: translate(0,-5%);
        -o-transform: translate(0,-5%);
        transform: translate(0,-5%);
    }
}
@media (max-width: 850px) {
    .login .left{
        display: none;
    }
}
@media (min-width: 850px) {
    .lyear-aside-toggler{
    display: none;
}
    .login .right{
        background: #fff;
        /* border: 1px solid #fff; */
        border-radius: 10px;
        box-shadow: 0 0px 5px #d8d8d8;
        padding: 15px;
        /* float: right; */
        right: 20px;
        /* position: relative; */
        top: 50px;
    }
    .login .left{
        width: 420px;
        margin-top: 50px;
    }
}
@media (min-width: 1000px) {
    .login .left{
        width: 530px;
        margin-top: 25px;
        margin-right: calc(100% - 530px - 350px);
    }
    .index.list_big_icon .files .files-content li{
        width: 20%;
    }
}
@media (min-width: 1200px) {
    .index.list_big_icon .files .files-content li{
        width: 16.66%;
    }
}
@media (min-width: 1500px) {
    .index.list_big_icon .files .files-content li{
        width: 183px;
    }
}
@media (max-width: 1024px){
    .modal.fade .modal-dialog{
        /* bottom: 0; */
        /* transform: translate(0,100%); */
        /* -webkit-transform: translate(0,100%); */
        /* -webkit-transition: all .3s ease-out; */
        /* transition: all .3s ease-in-out; */
        /* position: absolute; */
        /* left: 0; */
        /* box-shadow: none; */
        /* width: 600px; */
        /* margin: 0 50px; */
        /* margin: 0 calc(50% - 300px); */
        /* margin: 0 -webkit-calc(50% - 300px); */
    }
    .modal.in .modal-dialog{
        /* position: absolute; */
        /* bottom: 0; */
        /* border-radius: 10px 10px 0 0 !important; */
        /* left: 0; */
        /* transform: translate(0,-80px); */
        /* -webkit-transform: translate(0,-80px); */
    }


    .index .file_control_bars.follow{
    /* padding-left: 10px; */
}


}
@media (min-width: 1024px) {
    .login .left{
        width: 580px;
        margin-top: 0;
        margin-right: calc(100% - 580px - 350px);
    }
    .download_home .tab_content{
        /* width: 90%!important; */
        /* padding: 0 10px; */
    }
    .download_home .task_list li{
        /* padding: 5px 10px !important; */
        /* max-width: 1000px; */
        margin: 0 20px !important;
    }

    .vip .card .packages .packages_list>label{
        padding: 20px 10px;
        width: 115px;
        margin-right: 20px;
    }
    .vip .card .packages .packages_list label>span{
        /* margin-bottom: 4px; */
    }
    .vip .card .packages .packages_list label .vip_title{

        font-size: 15px;
    }
}
@media (min-width: 850px) {
    .files .dir .icon{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .index.list_big_icon .files .dir .icon{
    padding: 7px 8px;
}
    .files .files-content .file_item.file td.icon{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .files .files-content .file_item.dir{}
    .files .files-content .file_item .info_ .file_name{
        width: calc(100% - 210px);
        display: inline-block;
        min-width: 300px;
        white-space: nowrap !important;
        vertical-align: middle;
    }
    .files .files-content .file_item .info_ .dir_name{
        width: calc(100% - 210px);
        display: inline-block;
        min-width: 300px;
        white-space: nowrap !important;
        vertical-align: middle;
    }
    .files .files-content .file_item .info_ .file_size{
        /* width: 52px; */
        text-align: center;
        vertical-align: middle;
        margin-top: 6px;
        margin-left: 30px;
    }
    .index.list_big_icon .files .files-content .file_item .info_ .file_size{
    margin-top: 0;
    margin-left: 0;
}
    .files .files-content .file_item .info_ .up_time{
        display: inline-block;
        vertical-align: middle;
        margin-top: 6px;
    }
    .index.list_big_icon .files .files-content .file_item .info_ .up_time{
    margin-top: 0;
    margin-left: 0;
    display: block;
    padding-top: 5px;
}
}
@media (max-width: 850px) {
    .lyear-layout-header{
        padding-left: 0;
        margin-left: 0;
    }
    .index .content {
        padding-left: 0;
    }
    .index .file_control_bars.follow {
        padding-left: 10px;
    }
    .lyear-layout-sidebar{
        -webkit-box-shadow: none;
        -moz-webkit-box-shadow: none;
        box-shadow: none;
    }
    .index .lyear-layout-sidebar {
        transform: translateX(-100%);
    }
    .index .file_control_bars .table_col_head{
        display: none;
    }
    .index.list_big_icon .files .files-content .file_item.dir .file_size{
    display: block;
}
    .files .files-content .file_item.dir .file_size{
        /* display: none; */
        color: #aaaaaa;
        display: inline-block;
        padding: 1px 0;
    }
    .files .item_mask .dir_name{
        margin-top: -3px;
    }

    .index .content{
        /* padding-left: 0; */
    }
    .files .item_mask .file_size{
        margin-left: 0;
        margin-top: 3px;
    }
    .files .item_mask .up_time{
        display: none;
        /* margin-top: 3px; */
    }
}

@media (max-width: 700px){
    #magnet_list_filename .inner{
        display: none !important;
    }
    #control_magnet_file .modal-header{
        display: block;
    }
    .index #path_bar .path_items{
        max-width: calc(100% - 85px);
        width: auto;
    }
    #control_magnet_file .parse_menu li:nth-child(-n+3){
        width: 30%;
        margin: 0 2.5%;
        margin-bottom: 20px;
        display: inline-block;
        background: #f6f7ff;
        padding: 10px;
        margin-top: 10px;
    }
    #control_magnet_file .parse_menu li:first-child{
        margin-left: 0;
    }
    #control_magnet_file .parse_menu li:nth-child(3){
        margin-right: 0;
    }
    #control_magnet_file .parse_menu li:nth-child(n+4){
    display: block;
    padding: 8px 0;
    background: transparent;
    text-align: left;
    border-radius: 0;
}
    #control_magnet_file .parse_menu li:nth-child(4){
        border-top: 1px solid #eee;
        padding-top: 15px;
    }
    #control_magnet_file .parse_menu li:nth-child(n+4)>*{
    display: inline-block;
    vertical-align: middle;
}
    #control_magnet_file .parse_menu li:nth-child(n+4) .ico{}
    #control_magnet_file .parse_menu li:nth-child(n+4) .tip{
    margin-left: 20px;
}
    .navbar .user_info .down_client{
        display:none;
    }
    .navbar .user_info>.inline{
         display: none;
    }
    .web_a_d_ico{
    bottom: 40px;
    left: 10px;
}
    .download_home .moveApi{
    /* text-align: center; */
}
    #open_magnet .btn_close_area{}
    #open_magnet .btn_ok_area{
    width: 75%;
}
    #message_modal .message_list{
        max-height: 400px;
    }
    #magnet_list .link_info .link_info_body{
    width: calc(100% - 136px);
}
    #magnet_list .save_magnet{
    /* border-radius: 0 0 10px 10px; */
    /* overflow: hidden; */
    /* margin-top: 10px; */
    display: inline-block;
}
    #magnet_list .save_magnet>button{
    display: block;
    width: 100%;
    background: #e8eaf6;
    /* background: transparent; */
    color: #4d5259!important;
    /* border: 1px solid; */
    border-radius: 10px;
    padding: 6px 6px;
}
    #magnet_list .batch_menus{
    border-radius: 10px;
    overflow: hidden;
    font-size: 0;
    width: 100%;
}
    #magnet_list .batch_menus>button{
    display: inline-block;
    width: 50%;
    background: #f7f7f7;
    color: #4d5259!important;
    border: none;
    text-align: left;
    border-right: 1px solid #ededed;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 13px;
}
    #magnet_list .batch_menus>button:last-child{
    border: none;
}
    #magnet_list .batch_menus>button>*{
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
    #magnet_list .batch_menus>button .ico{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    float: right;
    position: relative;
    /* right: 5px; */
}
    .save_dir_show .change_save_path{
        display: none;
    }
    #vouchers_modal .modal-content{
    padding-bottom: 60px;
}
    #discount_detail_modal .modal-content{
        padding-bottom: 100px;
    }
    .modal.fade .modal-dialog{
        position: absolute;
        bottom: 0;
        transform: translate(0,100%);
        -webkit-transform: translate(0,100%);
        /* -webkit-transition: all .3s ease-out; */
        transition: transform .2s ease-in-out;
        margin: 0;
        position: absolute;
        width: 100%;
        max-width: 500px;
        left: 0;
        box-shadow: none;
        /* margin-left: calc(50% - 225px); */
    }
    .modal.in .modal-dialog{
        bottom: 0;
        /* margin: 0; */
        /* margin-left: calc(50% - 200px); */
        border-radius: 10px 10px 0 0 !important;
        width: 100%;
        /* max-width: 400px; */
        left: 0;
        /* padding-bottom: 20px; */
        transform: translate(0,0);
        max-height: 100%;
        /* overflow-y: auto; */
        /* min-height: 300px; */
        /* position: relative; */
    }
    .modal-content{
        border-radius: 10px 10px 0 0;
        /* width: 100%; */
        padding-bottom: 10px;
        /* max-height: 100vh; */
        /* overflow-y: auto; */
        /* min-height: 300px; */
    }
    .modal-open .modal{
    overflow-y: hidden;
}
    .privileges_compare_area .card-body .compare_table ul li span:nth-child(5){display: none;}
    .privileges_compare_area .card-body .compare_table ul li span{
    width: 25%;
}
    #import_urls_modal .import_urls_sub_dirs_area .import_sub_dir_item .desp_area{
    transform: scale(.75);
}
    #import_urls_modal .import_urls_sub_dirs_area .import_sub_dir_item{
    padding: 5px 3px;
}
    #import_urls_modal .import_sub_dir_item .text_area{
    font-size: 13px;
}
    .index .index_menus.file_type_menus{display: none}
    .index .index_menus.pinned_list{display: none}
    .index .index_menus.mobile_web_menus{display: block}
    .search_area .sort_btn{
        display: inline-block;
    }
    .search_area .list_style_btn{
        display: inline-block;
    }
    .index .content .mobile_client_area .mobile_file_types{
        justify-content: center;
    }
    .index .content .mobile_client_area{
        display: block;
        /* margin-bottom: 20px; */
        margin-top: 10px;
    }
    .files .dir .icon{
        padding: 2px;
        /* width: 30px; */
    }
    .files .file .checkbox_:first-child{
        display: none!important;
        /* width: 18px; */
    }
    .index.list_big_icon .files .file .checkbox_:first-child{
    /* display: block!important; */
}
    .files .dir .checkbox_:first-child{
    display: none;
}
    .index.list_big_icon .files .file .checkbox_:first-child .checkbox{
        border-width: 1px;
        pointer-events: all;
    }
    .files .file .checkbox_:first-child .checkbox{
        border-width: 0;
        pointer-events: none;
    }
    .help.container{
    padding: 0;
}
    .vip .card .packages .packages_list .package_item.long{
    padding: 10px 20px;
    width: 121px;
    padding-bottom: 25px;
}
    
    .nav-tabs.nav-justified>li{
    display: table-cell;
    width: 1%;
}
    .index .search_area{
    margin: 0;
    width: 100%;
}
.index .search_area input{
    padding-left: 42px;
}
    .index .top_menu{
    display: none;
}
    .navbar .pc_top_alert{display: none;}
    .parse_history_container .show_slider{
        left: 20px;
        bottom: 50px;
    }
    .vip .card .tequan tbody tr th:nth-child(1){
        font-size: 12px;
    }
    .vip .card .tequan tbody tr td:nth-child(2){
        font-size: 12px;
        color: #d28b00;
        font-weight: 600;
    }
    .vip .card .tequan tbody tr td:nth-child(3){
        font-size: 10px;
        color: #999;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
        
padding: 5px;
    }
    #new_web_version_modal .modal-body {
    /* padding: 10px 15px; */
}
    .modal-body{
    padding: 5px 15px;
    max-height: calc(100vh - 46px);
    overflow-y: auto;
}
    .index .menu_{
    position: fixed;
    bottom: 20px;
    left: 20px;
    /* width: 40px; */
    height: 40px;
    background-color: rgba(72, 176, 247, 0.7);
    border-radius: 50%;
    background-image: url(/imgs/ico/menu_.svg);
    z-index: 999;
}
    .index .content{
        padding-left: 0;
    }
    .index .file_control_bars.follow{
    padding-left: 0;
}
    .card .card-header{
        
padding: 8px;
        
/* font-size: 17px; */
    }
    .card .card-body{
        
padding: 8px;
    }
    .download_home .down_list{
    padding-top: 36px!important;
}
    .table-responsive>.table{
    width: 100%;
}

    .files .file_item.file .icon{
    padding: 2px;
    /* width: 30px; */
}
    .files .file_item.file .icon .ico{
    /* background-size: 85%; */
}
    .index.list_big_icon .files .files-content li{
        width: calc(25% - 15px);
        margin-left: 10px;
        margin-right: 10px;
        padding: 3px;
    }
    .index.list_big_icon .files .files-content li:nth-child(4n){
        margin-right: 0;
    }
    .index.list_big_icon .files .files-content li:nth-child(4n+1){
        margin-left: 0;
    }
    .index.list_big_icon .files .file .icon .ico{
    width: 100px;
    height: 63px;
}
    .index.list_big_icon .files .dir .icon .ico{
    width: 70px;
}
    .index.list_big_icon .files .file .checkbox_{
    /* text-align: center; */
}
    .index.list_big_icon .files .file .checkbox_:last-child {
    display: none!important;
    width: 18px;
}
    .files .file_item.file .icon .ico.file_5{
        /* background-size: 85% !important; */
    }
    .files .file_item.file .info_{
    padding: 7px 5px;
    /* padding-right: 0; */
    padding-left: 10px;
    width: calc(100% - 59px - 25px);
}
    .files .file_item.dir .info_{
    padding: 7px 5px;
    /* padding-right: 0; */
    padding-left: 10px;
    width: calc(100% - 59px - 25px);
}
    .files .file_item.file .control>*{
        /* display: none; */
    }
    .files .file_item .control{
        /* display: none; */
        /* width: 0; */
        padding: 8px 0;
        display: inline;
    }
    .index.list_big_icon .files .files-content .control{
    position: relative;
    top: 0;
    right: 0;
    display: block;
    background: transparent;
    padding: 3px 0;
}
    .index.batch_model .files .file_item.file .control{
        display: none !important;
    }
    .index.batch_model .files .file .checkbox_:nth-last-child(2){
        display: inline-block !important;
        background: transparent;
    }
}
@media (max-width: 500px) {
    .index.list_big_icon .files .files-content li{
        width: calc(33.33% - 15px);
        margin-left: 10px;
        margin-right: 10px;
        padding: 3px;
    }

    .index.list_big_icon .files .files-content li:nth-child(4n){
        margin-right: 10px;
    }
    .index.list_big_icon .files .files-content li:nth-child(4n+1){
        margin-left: 10px;
    }
    .index.list_big_icon .files .files-content li:nth-child(3n){
        margin-right: 0;
    }
    .index.list_big_icon .files .files-content li:nth-child(3n+1){
        margin-left: 0;
    }
}
@media (min-width: 500px) {
    .modal.fade .modal-dialog{
        margin-left: calc(50% - 250px);
    }
}
@media (max-width: 400px) {
    .index.list_big_icon .files .file .icon .ico {
        width: 90px;
        height: 56px;
    }
    .index.list_big_icon .files .files-content li {
        width: calc(33.33% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        padding: 3px;
    }
    .index.list_big_icon .files .files-content li:nth-child(4n){
        margin-right: 5px;
    }
    .index.list_big_icon .files .files-content li:nth-child(4n+1){
        margin-left: 5px;
    }
    .index.list_big_icon .files .files-content li:nth-child(3n){
        margin-right: 0;
    }
    .index.list_big_icon .files .files-content li:nth-child(3n+1){
        margin-left: 0;
    }
}
@media (max-width: 600px) {
    .download_home .task_list tbody td[name='filename']{
        width: auto!important;
        max-width: 250px;
    }
    .download_home .task_list .progress{
        /* width: calc(100% - 180px)!important; */
    }
    .download_home .card tbody tr td{

        padding: 15px 1px;
    }
    .files .files-content .info_ .file_name{
    font-size: 12px !important;
}
    .index.list_big_icon .files .files-content .up_time{
        width: 200%;
        margin-left: -50% !important;
        transform: scale(0.83);
        padding-bottom: 0 !important;
    }
    .index.list_big_icon .files .files-content .file_size{
        transform: scale(0.83);
        padding-top: 0;
    }
}
@media (max-width:350px) {
    .notice_bg .notice_main{
        width: 310px;
        top: 60px;
    }
    .index.list_big_icon .files .file .icon .ico {
        width: 80px;
        height: 51px;
    }
}
@media (max-width:320px) {
    .vip .card .discount_pic .timer_area .timer_data_item .num{
    font-size: 16px;
}
    .vip .card .discount_pic .timer_area .timer_tip{
        
padding: 5px 2px;
    }
}


.download_home{
    position: relative;
    padding: 0 5px;
    min-height: 100%;
}
.download_home .card{
    width: 100%;
    /* position: relative; */
    padding: 0;
    top: 0;
    left: 0;
    box-shadow: none;
    margin: 0;
    height: 100%;
}
.download_home .moveApi{
    cursor: default;
    position: fixed;
    background: #fff;
    z-index: 99;
    top: 0;
    width: 100%;
    display: block;
    left: 0;
    /* box-shadow: 1px 1px 5px #f8f8f8; */
}
.download_home .moveApi h5{
    pointer-events: none;
}
.download_home .tabs{padding: 3px 0px;/* text-align: center; *//* background: #ffffff; */width: 100%;margin: auto;position: relative;z-index: 9;/* left: 0; *//* box-shadow: 1px 1px 15px 0px #eee; */}
.download_home .tabs>div{padding: 8px 8px;margin: 0 6px;cursor: pointer;/* display: inline-block; */}
.download_home .tabs>.tab_item{
    display: inline-block;
    font-size: 13px;
}
.download_home .tabs>.tab_item:first-child{
    margin-left: 0;
}
.download_home .tabs>div .num{}
.download_home .tabs>div .num{
    /* content:"("; */
    font-size: 12px;
    top: -5px;
    position: relative;
    padding: 0 3px;
    color: #b7b7b7;
    display: none;
}
.download_home .tabs>div.selected{
    
/* background: #00BCD4; */
    
color: #2196f3;
    
border-bottom: 1px solid;
    
/* font-size: 14px; */
}
.download_home .down_list{
    position: relative;
    /* margin-top: 51px; */
    max-height: 100%;
    overflow-y: auto;
    /* top: 0; */
    overflow-x: hidden;
    /* padding: 0; */
    padding: 20px 5px;
}
.download_home .task_ico{
    display: inline-block;
    width: 40px;
    height: 100%;
    vertical-align: middle;
    /* padding-left: 2px; */
text-align: center;}
.download_home .task_ico .ico{
    width: 36px;
    height: 33px;
border-radius: 5px;}
.download_home .task_data{
    width: calc(100% - 85px);
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 85px);
padding-left: 3px;}
.download_home .task_list .task_data .filename{
    font-size: 13px;
    color: #333;
}
.download_home .task_list .task_data .file_infos{
    color: #9e9e9e;
    /* margin-top: 5px; */
}
.download_home .task_status{
    width: 45px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    /* text-align: center; */
}
.download_home .task_list .task_status .ico{
    width: 45px;
    height: 45px;
    background-size: 75%;
}
.download_home .task_list .task_status .ico.download{
    background-image: url(/imgs/ico/downloading.svg?v=1);
    transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.download_home .task_list .task_status .ico.pause{
    background-image: url(/imgs/ico/pauseing.svg?v=1);
}
.download_home .task_data .progress{
    height: 3px;
    margin-bottom: 5px;
    margin-top: 3px;
}
.download_home .task_list_finish{
    /* display:none; */
}
.download_home .parse_history_container{

position: relative;

max-width: 100%;

/* display: none; */
}
.download_home .parse_history_container .history_list td{
    padding: 0;
}
.download_home .parse_history_container .history_list td.status{
    padding: 6px;
}
.download_home .parse_history_container .history_list td.parse_info{
    padding-right: 5px;
}
.download_home .parse_history_container .history_list{
    height: 100%;
    overflow: hidden;
}

.download_home .bar{
    /* float: right; */
    position: absolute;
    right: 0;
    top: 0;
}
.download_home .bar .btn{
    margin: 0px;
    /* height: 30px; */
    vertical-align: middle;
}
.download_home .bar .ico{
    width: 50px;
    height: 30px;
    cursor: pointer;
    vertical-align: middle;
}
.download_home .bar .ico.control_file{
    background-image: url(/imgs/ico/control.png);
}
.download_home .bar .ico.open_down_dir{
    background-image: url(/imgs/ico/open_down_dir.svg);
    background-size: 22px;
}
.download_home .bar .ico.open_down_dir:hover{
    background-color: #dedede;
}
.download_home .bar .ico.control_file:hover{
    background-image: url(/imgs/ico/control2.png);
}
.download_home .bar .ico.close_{
    background-image: url(/imgs/ico/gb.png);
}
.download_home .bar .ico.hide_{
    background-image: url(/imgs/ico/zxh1.png);
}
.download_home .bar .ico.close_:hover{
    background-image: url(/imgs/ico/gb2.png);
}
.download_home .bar .ico.hide_:hover{
    background-image: url(/imgs/ico/zxh2.png);
}
.download_home .list_touch_menus{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
    text-align: center;
    padding: 8px 0 !important;
}
.download_home .list_touch_menus .close_batch_menu{
    background-image: url(/imgs/ico/close_line.svg);
    width: 25px;
    height: 25px;
    float: left;
    vertical-align: top;
    background-size: 90%;
}
.download_home .list_touch_menus .select_title{
    display: inline-block;
    font-size: 14px;
}
.download_home .list_touch_menus .select_title .num{
    padding: 0 2px;
    top: 0;
    font-size: 14px;
display: inline-block;}
.download_home .list_touch_menus .select_title .num:before{
    content: "";
}
.download_home .list_touch_menus .select_title .num:after{
    content: "";
}
.download_home .batch_btns{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    border-top: 1px solid #eee;
    background-color: #fff;
    z-index: 99;
    display: none;
    text-align: center;
}
.download_home .batch_btns button{
    font-size: 12px;
    padding: 4px 9px;
    margin: 0 5px;
}
.download_home .list_touch_menus .select_all{
    display: inline-block;
    width: 25px;
    height: 25px;
    float: right;
    vertical-align: top;
    /* border: 1px solid #2196f3; */
    /* border-radius: 50%; */
    transition: all ease .1s;
    /* background-color: #eee; */
    background-image: url(/imgs/ico/select_all.svg);
    background-size: 70%;
}
.download_home .list_touch_menus .select_all.selected{
    /* background-color: #2196f3; */
    background-image: url(/imgs/ico/select_all_selected.svg) !important;
}
.download_home .list_touch_menus .select_all>*{}
.download_home .list_touch_menus .select_all .inner{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 3px;
    background-color: #4caf50;
}

.download_home .tab_content{
    position: fixed;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    left: 0;
}
.download_home .tab_content .list_warp{
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    height: 100%;
    overflow-y: auto;
    width: 33.3333333%;
    left: 0;
    overflow-x: hidden;
    padding-bottom: 40px;
    /* text-align: center; */
}
.download_home .save_paths {
    position: fixed;
    bottom: 0;
    text-align: center;
    color: #999;
    padding: 2px;
    background: #fff;
}
.download_home .empty_list_show {
     text-align: center;
     padding: 120px 0;
     color: #c1c1c1;
     font-size: 16px;
 }
.download_home .empty_list_show .ico.empty {
    width: 100px;
    height: 100px;
    background-image: url(/imgs/ico/empty_finished.svg);
    vertical-align: middle;
    display: block;
    margin: auto;
    opacity: .8;
}
.download_home .empty_list_show .ico.empty_download {
    background-image: url(/imgs/ico/empty_download.svg);
}
.download_home .empty_list_show .ico.empty_yun_task {
    background-image: url(/imgs/ico/empty_yun_task.svg);
    background-size: 85%;
}
.download_home .tab_content .list_warp:nth-child(2){
    left: 33.3333333%;
}
.download_home .tab_content .list_warp:nth-child(3){
    left: 66.66%;
}
.download_home .tab_content>*{
    position: relative;
    min-height: 100%;
}
.download_home .tab_content .tab_content_bg{
    position: relative;
    height: 100%;
    /* left: 0; */
    top: 0;
    width: 300%;
}
.download_home .tab_content .tab_content_bg .list_warp>*{
    
/* margin: 0 5px; */
    
width: 100%;
    
/* position: relative; */
    
/* display: inline-block; */
    
/* vertical-align: top; */
    
transition: all ease .1s;
}
.download_home .tab_content .selector{
    /* display: inline-block; */
    width: 20px;
    height: 20px;
    margin: auto;
    background-color: #eee;
    border-radius: 50%;
    display: none;
    float: right;
    margin-right: 4px;
}
.download_home .tab_content.select_model .selector{
display: inline-block;
}
.download_home .tab_content.select_model .selector.selected{
    background-color: #2196f3;
    background-image: url(/imgs/ico/checked.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
}
.download_home .tab_content.select_model .task_status .ico{
    display: none;
}
.download_home .task_list li{
    cursor: pointer;
    padding: 5px 2px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    padding-bottom: 0;
    padding-left: 5px;
}
.download_home .task_list_finish li{
    cursor: pointer;
    padding: 5px 2px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}
.download_home .task_list_finish li .progress{
    display: none;
}
.download_home .task_list_finish li .file_infos>*{
    display: inline-block;
    margin-top: 5px;
}
.download_home .task_list_finish li .file_infos .status{
    /* float: right; */
    display: none;
}
.download_home .task_list_finish li .progress_text{
    display: none;
}
.download_home li .engine_a{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(/imgs/ico/download_a.svg);
    z-index: 2;
    background-color: #fff;
    border-radius: 50%;
}
.download_home li .engine_x{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(/imgs/ico/download_x.svg);
    z-index: 2;
    background-color: #fff;
    border-radius: 50%;
}
.download_home .task_list li:hover{
    
background: #fcfcfc;
}
.download_home .task_list tbody td[name='filename']{
    width: 400px;
}
.download_home .task_list li .file_infos>div{
    display: inline-block;
    vertical-align: middle;
}
.download_home .task_list li .file_infos .filesize{
    /* width: 60px; */
}
.download_home .task_list li .file_infos .filesize:after{
    content: "/";
}
.download_home .task_list li .file_infos .progress{
    margin: 0;
    /* width: calc(100% - 180px); */
    width: 470px;
}
.download_home .task_list li .file_infos .speed{
    /* width: 60px; */
    text-align: center;
    margin-left: 15px;
}
.download_home .task_list li .file_infos .status{
    width: 60px;
    text-align: center;
    float: right;
    color: #cfcfcf;
}
#file_menu li{
    display: inline-block;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    transition: all ease .2s;
    min-width: 55px;
}
#file_menu li:hover{
    background-color: #eeeeee;
}
#file_menu li>.ico{
    width: 25px;
    height: 25px;
}
#file_menu li>.tip{}
#file_menu li.delete>.ico{
    background-image: url(/imgs/ico/delete.svg);
}
#file_menu li.del_list>.ico{
    background-image: url(/imgs/ico/del_list.svg);
}
#file_menu li.pause>.ico{
    background-image: url(/imgs/ico/pause.svg);
}
#file_menu li.start>.ico{
    background-image: url(/imgs/ico/start.svg);
}
#file_menu li.open_file>.ico{
    background-image: url(/imgs/ico/file.svg);
}
#file_menu li.play_on_download>.ico{
    background-image: url(/imgs/ico/play_on_download.svg);
}
#file_menu li.play_on_pc>.ico{
    background-image: url(/imgs/ico/play_on_pc.svg);
}
#file_menu li.force_finish>.ico{
    background-image: url(/imgs/ico/force_finish.svg);
}
#file_menu li.open_dir>.ico{
    background-image: url(/imgs/ico/dir.svg);
}


#magnet_search .search_header{}
#magnet_search .search_header>*{
    display: inline-block;
    vertical-align: middle;
}
#magnet_search .search_header button{
    width: 60px;
}
#magnet_search .search_header .magnet_search_options{
    width: 100px;
}
#magnet_search .search_header input{
    width: calc(100% - 180px);
    margin-right: 15px;
}
#magnet_search .search_tip{
    padding: 6px 0;
}
#magnet_search .search_body{
    max-height: 350px;
    overflow-y: auto;
}
#magnet_search .search_body .result_item{
    padding: 5px 0;
    cursor: pointer;
    transition: all ease .2s;
}
#magnet_search .search_body .result_item:hover{
    
background: #f4f4f4;
}
#magnet_search .search_body .result_item .result_ed2k_tag{
    /* position: absolute; */
    background: #FF9800;
    color: #fff;
    padding: 0 5px;
    border-radius: 3px;
}
#magnet_search .search_body .result_item .name{
    font-size: 14px;
}
#magnet_search .search_body .result_item>div{
    padding: 2px 0;
}
#magnet_search .search_body .result_item .infos{}
#magnet_search .search_body .result_item .infos span{
    margin-right: 10px;
}
#magnet_search .page_tip{
    padding-top: 6px;
    /* display: none; */
}

.drag_area_parent{
    position: relative;
}