*{
    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;
}
small.err {
    color: red;
}
.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: 1;
    -webkit-box-orient: vertical;
}
.text-line2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#loading .main {
    display: inline-block;
    padding: 5px 20px;
    background: #fff;
    box-shadow: 2px 2px 5px #d9d9d9;
    border-radius: 5px;
    letter-spacing: 1px;
    z-index: 99999;
    position: relative;
}
#loading .main img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
    display: none;
}
#loading .main .tip_text{
    display: inline-block;
    vertical-align: middle;
}
#loading .main .ico{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
#loading .main .err .ico{
    background-image: url(/imgs/ico/err.svg);
}
#loading .main .success .ico{
    background-image: url(/imgs/ico/success.svg);
}
#loading .main .loading_ .ico{
    background-image: url(/imgs/ico/loading.svg);
    animation: circle_round 1s infinite;
    /* animation-delay: 5.75s; */
    animation-timing-function: linear;
}

::-webkit-scrollbar-track-piece { /*滚动条凹槽的颜色，还可以设置边框属性*/
background-color:#f8f8f8;
}
::-webkit-scrollbar {/*滚动条的宽度*/
    width:5px;
    height:5px;
}
::-webkit-scrollbar-thumb {/*滚动条的设置*/
background-color:#dddddd;
    background-clip:padding-box;
    min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}

div#loading {
    position: fixed;
    width: 100%;
    top: 20px;
    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);
}
.index.container{
    height: 100%;
    position: fixed;
    padding: 0;
}
body{
    margin: 0;
    font-size: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}
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: 7px 15px; */border-radius: 5px;outline: 0;cursor: pointer;transition: all ease .2s;/* font-size: 14px; */}
.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;
}

.ico.link_task{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url(/imgs/ico/link_task.svg);
    margin-right: 5px;
}
.ico.mk_dir{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url(/imgs/ico/mk_dir.svg);
}
.ico.task_list{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url(/imgs/ico/task_list.svg);
}
.ico.empty_trash{
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background-image: url(/imgs/ico/empty_trash.svg);
}
.ico.open_dir{
    background-image: url(/imgs/ico/open_dir.svg);
}
.ico.del_task{
    background-image: url(/imgs/ico/del_task.svg);
}
.ico.yun_task{
    background-image: url(/imgs/ico/yun_task.svg);
}
.ico.down_app{
    background-image: url(/imgs/ico/down_app.svg);

}

.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: 38px;
    height: 38px;
    /* background-image: url(/imgs/ico/history.svg); */
    background-color: #f5f5f5;
    border-radius: 50%;
    /* display: block; */
    /* margin-left: 5px; */
    cursor: pointer;
    text-align: center;
    border: 1px solid #999;
}
.history_btn >.ico{
    height: 13px;
    width: 1px;
    background: #999;
    top: 6px;
    position: relative;
}
.history_btn .history_ico_1{}
.history_btn .history_ico_2{
    transform: rotate(120deg);
    top: 16px;
    position: relative;
    left: 5px;
}

.search_magnet_btn{
    position: fixed;
    right: 30px;
    bottom: 150px;
    border-radius: 50px;
}
.page_tip{
    padding: 5px 0;
}
.page_tip .label{
    padding: 1px 5px;
}

.index .bar_space_bg{
    display: none;
}
.index .file_control_bars{
}
.index .file_control_bars.follow{
    position: fixed;
    z-index: 4;
    background: #FFFFFF;
    box-shadow: 2px 2px 4px #eeeeee;
}
.index .file_control_btns .ico{
    width: 35px;
    height: 30px;
    margin-right: 15px;
    transition: all ease .2s;
    cursor: pointer;
    background-size: 25px;
}
.ico.go_back{

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


}
.index .file_control_btns .ico:hover{
    background-color: #eee;
}
.index #down_app_text{
    /* float: right; */
    display: inline-block;
    margin-right: 10px;
}
.index #down_app_text .ico{
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.ico.go_back.no_bg{
    background-image:none;
}
.ico.next_file_path{
    background-image: url(/imgs/ico/right.svg);
}
i.ico.refresh{
    background-image: url(../imgs/ico/refresh.svg);
    /* width: 30px; */
    /* height: 30px; */
}
.ico.empty_history{
    background-image: url(../imgs/ico/empty_history.svg);
}
.ico.android_white{
    background-image: url("/imgs/ico/app/android_white.svg");
}
.ico.ios_white{
    background-image: url("/imgs/ico/app/ios_white.svg");
}
.ico.ios_black{
    background-image: url("/imgs/ico/app/ios_black.svg");
}
.ico.android_black{
    background-image: url("/imgs/ico/app/android_black.svg");
}
.ico.windows_black{
    background-image: url("/imgs/ico/app/windows_black.svg");
}

a{

/* font-size: 14px; */

color: #0574ff;

text-decoration: none;
}
a:hover{

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

background-image: url(../imgs/ico/file.svg);
}
.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_1{
    background-image: url("../imgs/ico/file_video.svg");
}
.file_2{
    background-image: url(../imgs/ico/pic.svg);
}
.file_3{
    background-image: url(../imgs/ico/zip.svg);
}
.file_4{
    background-image: url(../imgs/ico/music.svg);
}
.file_5{
    background-image: url(../imgs/ico/);
}
.file_9{
    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;
}
span.err{
    color: #E91E63;
    font-size: 14px;
}

.web_a_d_ico{
    position: fixed;
    bottom: 80px;
    right: 25px;
}
.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: -19px;
    top: -19px;
    background: #e0e0e0;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 18px;
    transform: rotate(45deg);
    line-height: 18px;
    border-radius: 50%;
    color: #fff;
}
.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: 2px solid #f5f6fa;
}
.content .top_tip a{
    color: red;
    display: block;
    padding: 3px 2px;
}
.save_dir_show{
    padding: 3px;
    /* display: inline-block; */
    vertical-align: middle;
}
.save_dir_show>.save_path:first-child{
    margin-top: 10px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    font-size: 13px;
}
#open_magnet .open_bt_label{
    float: left;
}
.magnet_list li{/* padding: 10px 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: 10px;
}
.checkbox{width: 22px;height: 22px;display: inline-block;padding: 0;vertical-align: middle;margin-top: 12px;border: 1px solid #e4e7ea;border-radius: 4px;background-repeat: no-repeat;background-size: 90%;/* background-position: -1px center; */}
.checkbox.checked{
    background-image: url(/imgs/ico/checked.svg);
    background-color: #0574ff;
    border-color: #0574ff;
}
#magnet_list .save_magnet{
    
padding: 3px;
}
#magnet_list .file_type_list{
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
}
#magnet_list .file_type_list ul{}
#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: #fff;

border-color: #0775ff;

background: #0775ff;
}
#magnet_list .selected_info{
    margin: 5px;
    position: relative;
    top: 3px;
    /* display: none; */
}
#magnet_list .magnet_file_list{
    max-height: 350px;
    overflow-y: auto;
}
#magnet_list tr{
    cursor: pointer;
    /* max-width: 100%; */
}
.magnet_list li>div{
    display: inline-block;
    vertical-align: middle;
    width: 1100px;
    margin-right: 10px;
}
#magnet_list .checkbox_{
    width: 26px;
}
#magnet_list .parse_status{
width: 33px;
height: 33px;
vertical-align: middle;
}
#magnet_list .file_type{
width: 33px;
height: 33px;
vertical-align: middle;
text-align: center;
}
.magnet_list .file_type .ico{
    width: 25px;
    height: 25px;
    margin: 4px;
}
.magnet_list li .name{
}
#magnet_list .size{
color: #2196F3;
}
.magnet_list .name{
    /* max-width: 40rem; */
}
#magnet_list .page_tip{
    padding: 5px 2px;
    border-top: 1px solid #e8e8e8;
}
#magnet_list .batch_menus{
    /* display: none; */
    /* margin-right: 5px; */
    padding-bottom: 5px;
    text-align: right;
}
#magnet_list .batch_menus>button{}

#magnet_list .control{
    width: 33px;
    height: 33px;
    vertical-align: middle;
}

#magnet_list .control .ico{
    background-image: url(../imgs/ico/control.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 .parse_menu li{
display: inline-block;
text-align: center;
cursor: pointer;
padding: 5px 15px;
transition: all ease .2s;
}
#control_magnet_file .parse_menu li:hover{
    background: #eee;
}
#control_magnet_file .parse_menu li .ico{
width: 25px;
height: 25px;
}
#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);
}
#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.download .ico{
    background-image: url(../imgs/ico/download.svg);
}
#control_magnet_file .parse_menu li.download_a .ico{
    background-image: url(../imgs/ico/download_a.svg);
}
#control_magnet_file .parse_menu li.show_origin .ico{
    background-image: url(../imgs/ico/origin.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);
}
#control_magnet_file .parse_menu li.move_file .ico{
    background-image: url(../imgs/ico/move_file.svg);
}
#control_magnet_file .parse_menu li.jubao .ico{
    background-image: url(../imgs/ico/jubao.svg);
}
#control_magnet_file .parse_menu li.del_file .ico{
    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;
}
.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; */
}
.notice_bg .notice_main .notice_pic .notice_title{
    font-size: 14px;
    background: #fff;
    padding-top: 5px;
    color: #000;
}
.notice_bg .notice_main .close{
    width: 38px;
    height: 38px;
    margin: auto;
    float: none;
    margin: 8px;
    background-image: url(/imgs/ico/close_circle.svg);
    opacity: 1;
}

.select_dir_list{
    height: 350px;
    overflow-y: auto;
}
.select_dir_list .dir_list_ul{
    padding-left: 20px;
}
.select_dir_list .dir_list_ul:first-child{
    padding: 0;
}
.select_dir_list li{
    padding: 8px 5px;
    cursor: pointer;
    /* border: 1px solid #fff; */
}
.select_dir_list li .item{
    padding: 5px;
}
.select_dir_list li .item:hover{
    background: rgb(174 174 174 / 8%);
}
.select_dir_list li.selected>div{
    background: #f1f1f1;
    /* border: 1px solid #33cabb; */
    /* color: #fff; */
}
.select_dir_list li .ico.dir{
    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/right.svg);
    vertical-align: middle;
    transition: all ease .2s;
}
.select_dir_list li .ico.show_son.down{
    transform: rotate(90deg);
}
.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;
    width: calc(100% - 45px);
    float: right;
}
.select_dir_btn{float: left;margin-left: 10px;}

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

transform: rotate(45deg);

background-color: #999;

box-shadow: 1px 1px 4px #999;
}
.new_url_panel .show_plus{
    width: 40px;
    height: 40px;
    background-image: url(/imgs/ico/new_url.svg);
    background-color: #0775ff;
    border-radius: 50%;
    background-size: 80%;
    float: right;
    right: 20px;
    position: relative;
    box-shadow: 1px 1px 4px rgb(7 117 255 / 60%);
    z-index: 99999;
    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;
    background: #fff;
}
.new_url_panel .menu_list{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 80px;
    background: #fff;
    text-align: center;
    padding-top: 50px;
    /* box-shadow: -2px -2px 10px #eee; */
    /* height: 100%; */
}
.new_url_panel .menu_list .new_url_item{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    width: 100px;
    height: 100px;
    padding: 9px 5px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    transition: all ease .2s;
}
.new_url_panel .menu_list .new_url_item .ico{
    width: 55px;
    height: 55px;
    margin: auto;
}
.new_url_panel .menu_list .new_url_item:hover{

/* background: #eee; */

/* border-radius: 50%; */
}
.new_url_panel .menu_list .new_url_item .title{
    font-size: 14px;
    padding: 3px;
    margin-top: 5px;
}
.new_url_panel .menu_list .new_magnet .ico{
    background-image: url(/imgs/ico/link.svg);
}
.new_url_panel .menu_list .mk_dir .ico{
    background-image: url(/imgs/ico/mk_dir_.svg);
}
.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: #f7f3f4;
    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;
}

.footer{
    background: #fff;
    text-align: center;
}
.footer .container{}
.footer .links{
    padding: 10px 0;
}
.footer .links li{
    display: inline-block;
    /* border-right: 1px solid #999; */
}
.footer .links li a{
    border-right: 1px solid #999;
    padding: 0 5px;
}
.footer .links li:last-child a{
    border: none;
}
.footer .copyright{
    padding: 5px 0;
}
.footer .web_info{
    padding: 5px 0;
}

.main_nav_container{

background: #fff;

/* padding: 5px 0; */

height: 55px;
}
.main_nav_container .nav_inner{}
.main_nav_container .nav_inner .login_logo{
    display: inline-block;
    width: 20%;
    vertical-align: top;
    height: 55px;
    padding: 5px 0;
}
.main_nav_container .nav_inner .login_logo img{}
.main_nav_container .nav_inner .links{
    display: inline-block;
    width: 78%;
    text-align: right;
    vertical-align: top;
    padding-right: 50px;
}
.main_nav_container .nav_inner .links ul{}
.main_nav_container .nav_inner .links li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.main_nav_container .nav_inner .links a{
    display: block;
    font-size: 16px;
    padding: 0 30px;
    height: 55px;
    line-height: 55px;
}
.main_nav_container .nav_inner .links a:hover{
    background: #0574ff;
    color: #fff;
}
.main_nav_container .nav_inner .links a.active
{
    background: #0574ff;
    color: #fff;
}

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

.login .left img {
    width: 100%;
}
.login .right .btn{width: 100%;}

.login.container {
    text-align: center;
}
.login input{
    outline: 0;
}
.login input[type=text]{
    /* border: 0; */
    width: 100%;
    padding: .375rem 10px;
    /* border-bottom: 1px solid #c6c6c6; */
    /* font-size: 16px; */
}
.login.register .sms_code_box{
    position: relative;
}
.login.register .sms_code_box input{
    position: relative;
}
.login.register .sms_code_box a{
    position: absolute;
    display: inline;
    width: auto;
    right: 0;
    top: 0;
}

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{}
#login_danger_check_modal .send_code_div>*{
    display: inline-block;
    vertical-align: middle;
}
#login_danger_check_modal .send_code_div>input{

    width: 60%;
}
#login_danger_check_modal .send_code_div>button{
    width: 40%;
}
#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 10px;
    font-size: 16px;
    /* line-height: 1.5em; */
    /* margin-left: 30px; */
}
.login .inner_container{
    /* max-width: 1120px; */
    margin: auto;
    /* text-align: left; */
    padding: 90px 0;
    min-height: 650px;
    background-image: url(https://dd-static.jd.com/ddimg/jfs/t1/196415/17/17211/233484/6113475eE0de01019/292c37015d22eecb.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: -400px bottom;
    /* background-size: contain; */
}
.login .left{
    width: 450px;
    /* border-right: 1px solid #999; */
    display: inline-block;
    padding: 5px;
    margin-right: 230px;
    vertical-align: bottom;
}
.login .right{
    width: 340px;
    padding: 5px;
    margin: auto;
    text-align: left;
    background: #fff;
    padding: 45px 30px;
    border-radius: 5px;
}
.login .right .title .ico{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;
}
.login .right .links{
    padding-top: 20px;
}
.login .right .links a{
    /* margin-right: 25px; */
    border-right: 1px solid #999;
    padding: 0 5px;
}
.login .right .links .other_links a:first-child{
    padding-left:0;
}
.login .right .links .other_links a:last-child{
    border: none;
}

.login .right .login_box{
    position: relative;
    height: 270px;
    overflow: hidden;
}
.login .right .reg_box{
    height: auto;
}
.login .right .change_login_type{
    /* float: right; */
}
.login .right .change_login_type>div{
    display: none;
    font-size: 14px;
    text-align: left;
    /* float: right; */
}
.login .right .change_login_type>div>span{
    background: #fff;
    padding: 3px 0;
    margin-right: 3px;
    color: #0574ff;
    cursor: pointer;
}
.login .right .change_login_type .account_login_type{
    
/* display: block; */
    
text-align: left;
}
.login .right .change_login_type .qr_login_type{

     display: block;
}
.login .right .change_login_type .ico{
    width: 35px;
    height: 35px;
    /* 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: 40px 0;
    width: 260px;
    margin: auto;
}
.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;
}
.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: none;
}
.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: 25px; */

/* height: 25px; */

position: absolute;

margin: 7px 2px;

z-index: 9;

background-size: 80%;
}
.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?ver=1.0.0);
}
.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 .bottom_warp button{
    padding: 6px 30px;
}

.getpass{

max-width: 500px;

top: 150px;

position: relative;
}
.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;
}
.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;
}


.index .menus{

/* position: fixed; */
}
.index .menus .index_logo{
    height: 55px;
}
.index .menus .index_logo img{
    /* height: 45px; */
    padding: 0px 34px;
    margin-top: 6px;
}
.index .menus .user_info{/* font-size: 100%; */}
.index .menus .user_info .label{
    font-size: 100%;
}
.index .menus .user_info .user_ico{

width: 100%;

margin-right: 5px;
}
.index .menus .user_info .user_ico img{

width: 40px;

border-radius: 50%;

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

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

color: #03A9F4;

width: calc(100% - 45px);

margin-left: 5px;
}
.index .menus .user_info .vip_info>div{
    padding-top: 3px;
}
.index .menus .user_info .vip_info a{
    width: auto;
    display: inline-block;
}
.index .menus .user_info .vip_exp{
    margin: 9px 0px;
    /* border: 1px solid rgb(245 145 47 / 25%); */
    border-radius: 50px;
    padding: 8px 0px;
    background: #ecfaff;
}
.index .menus .user_info .card-header{
    padding: 5px;
}
.index .index_menus li .ico{
    vertical-align: middle;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
}
.index .index_menus li span{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-left: 10px;
    margin-top: 0;
    font-size: 14px;
}
.index .menus .user_info .card-body{
    padding: 5px;
}
.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;
}
.user_info .file_counts .infos{
    margin-left: 10px;
}
.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 .outer{
    height: 5px;
    width: 100px;
    background: #ececec !important;
    border-radius: 10px;
    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 .user_menus{
    padding: 10px 0;
    /* margin: 0 10px; */
    padding-bottom: 30px;
}
.index .sidebar-main .line{
    height: 1px;
    background: #eee;
    width: 70%;
    margin: auto;
}
.index .index_menus2{
    padding-top: 100px;
    /* border-top: 1px solid #999; */
}
.index .user_menus li{
    padding: 10px 5px;
    font-size: 14px;
    cursor: pointer;
    /* text-align: center; */
    padding-left: 70px;
    border-left: 3px solid #fff;
    margin-bottom: 5px;
}
.index .user_menus li:hover{
    color: #0775ff;
}
.index .user_menus li.selected{
    background: #f7f7f7;
    border-color: #0775ff;
    color: #0775ff;
}
.index .user_menus li.selected .ico{}
.index .user_menus li .ico{
    width: 20px;
    height: 20px;
}
.index .user_menus li .ico.all_files{
    background-image: url(/imgs/ico/menus_files.svg);
}
.index .user_menus li:hover .ico.all_files{
    background-image: url(/imgs/ico/menus_files2.svg);
}
.index .user_menus li:hover .ico.video_files{
    background-image: url(/imgs/ico/menus_video2.svg);
}

.index .user_menus li .ico.video_files{
    background-image: url(/imgs/ico/menus_video.svg);
}
.index .user_menus li .ico.pic_files{
    background-image: url(/imgs/ico/menus_pic.svg);
}
.index .user_menus li:hover .ico.pic_files{
    background-image: url(/imgs/ico/menus_pic2.svg);
}
.index .user_menus li .ico.ico_recycle{
    background-image: url(/imgs/ico/menus_recycle.svg);
}
.index .user_menus li:hover .ico.ico_recycle{
    background-image: url(/imgs/ico/menus_recycle2.svg);
}
.index .menus .list{
    margin-top: 20px;
    border-top: 1px dashed #999;
}
.index .sidebar-main .user_space_box{
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.index .sidebar-main .user_space_box .space_percent{
    height: 5px;
    background: #eee;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}
.index .sidebar-main .user_space_box .space_percent .inner{
    height: 5px;
    width: 30%;
    background: linear-gradient(45deg, #0775ff, #07ddff);
}
.index .sidebar-main .user_space_box .space_percent .inner.danger{
    background: linear-gradient(
45deg, #ff4040, #ffffff);
}
.index .sidebar-main .user_space_box .space_text{}
.index .sidebar-main .user_space_box a{
    float: right;
}
.index .sidebar-main .user_space_box a .ico.right{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-image: url(/imgs/ico/right.svg);
}
.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;
}
.navbar .search_area{
    /* border: 1px solid #999; */
    position: relative;
    /* background: #eee; */
    margin-right: 5px;
    width: 300px;
    display: inline-block;
    /* border-radius: 20px; */
    font-size: 0;
}
.navbar .search_area .inline{
    width: calc(100% - 90px);
    background-color: #f7f7f7;
    border-radius: 50px;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 20px;
}
.navbar .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;
}
.navbar .search_area .app_user_icon.vip{}
.navbar .search_area .app_user_icon.show{
    display: block;
}
.navbar .search_area .app_user_icon .ico{
    background-image: url(/imgs/ico/icon.jpg);
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.navbar .search_area input{
    border: 0;
    outline: 0;
    height: 42px;
    width: calc(100% - 45px);
    padding-left: 10px;
    line-height: 40px;
    background: none;
}
.navbar .search_area .search_file_btn{
    background-image: url(/imgs/ico/search.svg);
    width: 38px;
    height: 38px;
    position: relative;
    margin-right: 2px;
    background-size: 50%;
    cursor: pointer;
    border-radius: 50%;
    /* background-color: #fff; */
}
.navbar .top_menu{
    /* width: 100%; */
}
.navbar .topbar-right li{
    display: inline-block;
    vertical-align: middle;
}
.navbar .topbar-right .dropdown-menu{
    padding: 20px;
    width: 360px;
}
.navbar .user_info_box{}
.navbar .user_info_box>div{
    display: inline-block;
    vertical-align: middle;
}
.navbar .user_info_box .user_ico .ico{
    width: 40px;
    height: 40px;
    background-image: url(/imgs/ico/icon.png);
}
.navbar .user_info_box .other_infos{
    padding-left: 15px;
}
.navbar .user_info_box .other_infos>div{}
.navbar .user_info_box .other_infos .username{
}
.navbar .user_info_box .other_infos .username span{
    vertical-align: middle;
}
.navbar .user_info_box .other_infos .vip_info{
    color: #999;
}
.vip_tag_box{
    margin-left: 5px;
}
.vip_tag_box span{
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px;
}
.vip_tag_box.vip_off span{
    background: #bfbfbf;
}
.vip_tag_box.vip_on span{
    background: #efb336;
}
.vip_tag_box .ico.vip{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.vip_tag_box.vip_off .ico.vip{
    background-image: url(/imgs/ico/vip_off.svg);
}
.vip_tag_box.vip_on .ico.vip{
    background-image: url(/imgs/ico/vip_on.svg);
}
.navbar .dropdown-menu li{
    padding: 10px;
    float: left;
    width: 33.33%;
    padding-left: 0;
    text-align: center;
}
.navbar .dropdown-menu li.divider{
    width: 100%;
    padding: 0;
}
.navbar .dropdown-menu li a{
    color: #465161;
}
.navbar .dropdown-menu li i{
    color: #0574ff;
    display: block;
    font-size: 25px;
}
.navbar .dropdown-menu li:last-child{
    width: 100%;
    text-align: center;
    padding: 0;
}
.navbar .dropdown-menu li:last-child i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
    color: #f96868;
}
.navbar .dropdown-menu li:last-child a{
    color: #f96868;
}
.lyear-layout-sidebar-close .index .content{

padding-left: 0;
}
.index .content{padding: 5px;padding-top: 10px;/* padding-left: 255px; */transition: padding 0.3s;min-height: 100%;position: relative;background: #fff;margin-left: 240px;margin-top: 55px;-webkit-user-select: none;}
.index .content .toolbar2{
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 1;
    background: #fff;
}
.index .content .toolbar2 .selected_info{
    display: none;
}
.index .content .toolbar2 .now_path.show_selected .selected_info{
    display: block;
}
.index .content .toolbar2 .selected_info .num{
    color: #0574ff;
    font-size: 100%;
    font-weight: 500;
}
.index .content .toolbar2 .now_path.show_selected ul{
    display: none;
}
.index .content .toolbar2 .now_path{
    padding: 10px 0;
}
.index .content .toolbar2 .now_path ul{
    display: inline-block;
    width: 100%;
}
.index .content .toolbar2 .now_path li{
    /* display: inline-block; */
    cursor: pointer;
    padding: 2px 5px;
    color: #0775ff;
    border-radius: 5px;
    max-width: 8em;
    float: left;
}
.index .content .toolbar2 .now_path li:last-child{
    pointer-events: none;
    color: #3c3c3c;
}
.index .content .toolbar2 .now_path li:hover{
    background: rgb(7 117 255 / 10%);
    /* color: #fff; */
}
.index .content .toolbar2 .now_path li .ico{
    width: 13px;
    height: 13px;
    vertical-align: middle;
}
.index .content .toolbar2 .now_path li:last-child .ico{
    display: none;
}
.index .content .main_files_box{
    margin-top: 80px;
}
.index .content .top_menu{
border-bottom: 1px solid #eee;
padding: 5px 0;
}
.index .content .top_menu .btn{

}

#task_list_modal{}
#task_list_modal h5{
    display: inline-block;
    vertical-align: middle;
}
#task_list_modal .modal-header .btns{
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}
#task_list_modal .modal-header .btns>button{
    margin-right: 5px;
}
#task_list_modal .modal-header .btns>button .ico{
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
#task_list_modal td .checkbox{
    margin: 0;
}
#task_list_modal td.status .ico{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: 85%;
    margin-right: 3px;
}
.task_item .ico.success{
    background-image: url("/imgs/ico/success.svg");
    border: 1px solid #36ab60;
}
.task_item .ico.warn{
    background-image: url("/imgs/ico/warn.svg");
    border: 1px solid #f7d99b;
}
.task_item .ico.error{
    background-image: url("/imgs/ico/error.svg");
    border: 1px solid #F56C6C;
}
.task_item .ico.wait{
    background-image: url("/imgs/ico/wait_task.svg");
    border: 1px solid #ECA742;
}
.task_item .ico.search_task{
    background-image: url("/imgs/ico/search_task.svg");
    border: 1px solid #8CBB19;
    background-size: 100%;
}
.task_item .ico.downloading{
    background-image: url("/imgs/ico/download_task.svg");
    background-size: 100%;
}
#task_list_modal td.name .ico{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
#task_list_modal td.control{}
#task_list_modal td.control>.ico{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-size: 70%;
    cursor: pointer;
    margin-right: 5px;
}

.parse_history_container{
    position: fixed;
    z-index: 8;
    left: 0;
    bottom: 0;
    /* width: 100%; */
    max-width: 500px;
}
.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: 20px;
    left: 260px;
    cursor: pointer;
    /* z-index: 9999; */
}
.parse_history_container .content_slider{
    position: fixed;
    z-index: 15;
    width: 100%;
    max-width: 700px;
    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;
}
.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 .slide_to_hide{
    width: 35px;
    height: 35px;
    vertical-align: middle;
    float: right;
    background-image: url(/imgs/ico/slide_to_hide.svg);
    cursor: pointer;
    position: relative;
    right: 5px;
}
.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 .name{
    color: #000;
    font-size: 14px;
}
.parse_history_container .history_list tr .status_info{
    
color: #999;
}
.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: 6px;
}
.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%;
    }
}
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%;
    }
}
@keyframes circle_round {
    0% {
        transform: rotate(0deg);
    }
    25%{
        transform: rotate(90deg);
    }
    50%{
        transform: rotate(180deg);
    }
    75%{
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.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%));
}
.parse_history_container .history_list td>.ico{
    width: 25px;
    height: 25px;
}
.parse_history_container .history_list td.status{
    text-align: center;
    padding: 6px;
}
.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");
}
.parse_history_container .history_list .status.parse_doing .ico{
    background-image: url("/imgs/ico/parseing.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");
}
.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");
}
.get_url_tip{
    text-align: center;
    padding: 10px;
}
.get_url_tip .tip_text{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.get_url_tip .ico{
    width: 25px;
    height: 25px;
    background-image: url(/imgs/ico/loading.svg);
    vertical-align: middle;
    margin-right: 10px;
    animation: circle_round .5s linear infinite;
}

.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;
}
#del_history{
    /* margin-left: 30px; */
    float: right;
    margin-right: 20px;
}


.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; */
    /* overflow-y: auto; */
    /* display: inline; */
    /* left: 0; */
    /* width: 100%; */
    /* display: inline-table; */
    /* max-width: 700px; */
    /* box-shadow: 1px 1px 5px #eee; */
    margin-top: 60px;
}

.file_control_btns{
    display: block;
}
.file_control_btns>*{
    display: inline-block;
    vertical-align: middle;
}
.recycle_batch_menus{
    font-size: 0;
    display: none;
}
.recycle_batch_menus.show{
    display: inline-block !important;
    vertical-align: middle;
}
.recycle_batch_menus .btns>button{
    border: 1px solid #0775ff;
    border-radius: 0;
    border-left: 0;
    color: #0775ff;
}
.recycle_batch_menus .btns>button:first-child{
    border-left: 1px solid;
    border-radius: 5px 0 0 5px;
}
.recycle_batch_menus .btns>button:last-child{
    border-radius: 0 5px 5px 0;
}
.recycle_batch_menus .btns>button:hover{
    color: #fff;
    background: #0775ff;
}
.file_batch_menus{
    padding-top: 2px;
    display: none;
}
.file_batch_menus.show{
    display: inline-block !important;
    vertical-align: top;
}
.file_batch_menus .btns{
    padding-bottom: 5px;
    font-size: 0;
}
.file_batch_menus .btns button{border: 1px solid #0775ff;background: #fff;color: #0775ff;padding: 6px 10px;border-radius: 0;border-right: 0;}
.file_batch_menus .btns button .ico{
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
button .ico.download{
    background-image: url(../imgs/ico/download.svg);
}
.file_batch_menus .btns button:hover .ico.download{
    background-image: url(../imgs/ico/download_white.svg);
}
button .ico.delete{
    background-image: url(../imgs/ico/delete.svg);
}
button .ico.clean_all{
    background-image: url(../imgs/ico/clean_all.svg);
}
button .ico.clean_history{
    background-image: url(../imgs/ico/clean_history.svg);
}
button .ico.start_download{
    background-image: url(../imgs/ico/start_download.svg);
}
button .ico.pause_download{
    background-image: url(../imgs/ico/pause_download.svg);
}
button .ico.recycle_back{
    background-image: url(../imgs/ico/recycle_back.svg);
}
.file_batch_menus .btns button:hover .ico.delete{
    background-image: url(../imgs/ico/delete_white.svg);
}
button .ico.rename{
    background-image: url(../imgs/ico/rename.svg);
}
.file_batch_menus .btns button:hover .ico.rename{
    background-image: url(../imgs/ico/rename_white.svg);
}
button .ico.move_file{
    background-image: url(../imgs/ico/move_file.svg);
}
.file_batch_menus .btns button:hover .ico.move_file{
    background-image: url(../imgs/ico/move_file_white.svg);
}
.file_batch_menus .btns button:first-child{
    border-radius: 5px 0 0 5px;
}
.file_batch_menus .btns button:last-child{
    border-radius: 0 5px 5px 0;
    border-right: 1px solid;
}
.file_batch_menus .btns button:hover{background: #0775ff;color: #fff;}


.files tbody tr{
    cursor: pointer;
}
.files tbody tr td{
    border: none;
}
.files tbody tr .info_{
    padding: 10px 0;
    min-width: 500px;
    position: relative;
}
.files tbody tr .info_ .file_dir_control{
    /* display: inline-block; */
    position: absolute;
    top: 0;
    left: 230px;
    background: #F1FBFB;
    padding: 10px;
    display: none;
    transition: background-color 0.2s linear;
}
.files tbody tr .info_ .file_dir_control>button{
    color: #0775ff;
    background: none;
}
.files tbody tr .info_ .file_dir_control .ico{
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.files tbody tr .info_ .file_dir_control .ico.rename{

}
.files tbody tr .info_ .file_dir_control .ico.download{

}
.files tbody tr .info_ .file_dir_control .ico.delete{}
.files tbody tr .info_ .file_dir_control .ico.move{}
.files tbody tr .control{
    padding: 20px 0;
}
.files tbody tr .control>button{
    
margin-right: 7px;
    
background: none;
    
border: none;
    
border-radius: 0;
    
border-bottom: 1px solid #eee;
    
padding: 3px 4px;
}
.files .dir .icon{
    padding: 10px 10px !important;
    width: 50px;
}
.files .dir .icon .ico{
    width: 35px;
    height: 35px;
    background-image: url(../imgs/ico/dir.svg);
}
.files .dir .icon .ico.system{
    background-image: url(/imgs/ico/yun.svg);
    background-size: 50%;
}
.files tr .checkbox_{
    vertical-align: middle;
    width: 35px;
    padding: 5px !important;
    padding-left: 10px !important;
}
#select_all{
    cursor: pointer;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 0;
}
#select_all.selected{
    background-image: url(/imgs/ico/checked.svg);
    background-color: #0574ff;
    border-color: #0574ff;
}
.files tr .checkbox_ .checkbox{
    margin: 0;
    width: 18px;
    height: 18px;
}
.files .file .icon{
    padding: 12px !important;
    width: 40px;
    vertical-align: middle;
}
.files .file .icon .ico{
    width: 30px;
    height: 30px;
}
.files .file .file_size{
    
color: #969696;
    
display: inline-block;
    
padding: 3px 0;
}
.files tbody tr .up_time{
    color: #969696;
}
.files .file .up_time{
    display: inline-block;
    margin-left: 10px;
    padding: 3px 0;
}
#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;
}
.index .mk_dir{
    
margin-right: 15px;
}
.index .btn.empty_trash{
    display: none;
}
.index .ico.empty_trash{
    
margin-right: 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 .card .card-header a{
    margin-left: 10px;
}
.vip .card .card-header h4{
    
color: #976f3b;
}
.vip .nav-tabs{
    /* width: 100px; */
}
.vip .card .nav-item{
    display: table-cell;
    /* width: 1%; */
    margin-right: 5px;
}
.vip .card .packages{
    margin: 0;
}
.vip .card .packages .packages_list{
    
width: 100%;
    
/* overflow-x: auto; */
    
/* width: 120%; */
    
position: relative;
    
padding: 5px 0;
}
.vip .card .packages .packages_list>label{
    display: inline-block;
    /* width: 64px; */
    padding: 20px 16px;
    border: 2px solid #f5f5f5;
    border-radius: 10px;
    margin-right: 10px;
    cursor: pointer;
    color: #8c5d01;
    /* width: 25%; */
    width: 90px;
    /* text-align: center; */
    position: relative;
}
.vip .card .packages .packages_list>label.active{

background: rgb(230 200 150 / 30%);

/* color: #e6c896; */

border-color: #faa64b;
}
.vip .card .packages .packages_list>label input{display: none}
.vip .card .packages .packages_list span{
    font-size: 13px;
    font-weight: 500;
}
.vip .card .packages .packages_list span.vip_discount{
    
position: absolute;
    
top: -2px;
    
border: 1px solid;
    
color: #fff;
    
/* padding: 0 3px; */
    
font-size: 12px;
    
right: -3px;
    
border-radius: 0 8px;
    
background: #906936;
    
padding: 1px 6px;
}
.vip .card .packages .packages_list span.vip_price{

font-size: 15px;
}
.vip .card .packages .packages_list span.vip_length{
    /* text-align: center; */
    font-size: 12px;
}
.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: 13px;
}
.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 .card .infos{
    margin: 0;
}
.vip .card .infos .info_detail{
    /* max-width: 900px; */
}
.vip .card .infos .info_detail .info_item{
    display: inline-block;
    padding: 10px 3px;
    padding-top: 5px;
    margin-right: 1%;
    margin-bottom: 5px;
    text-align: center;
    width: 32%;
    /* border-radius: 50px 50px 0 0; */
    border-radius: 3px;
    /* background: linear-gradient(181deg, rgb(214 205 191), transparent); */
}
.vip .card .infos .info_detail .info_item .ico{
    
width: 40px;
    
height: 40px;
    
background-size: 80%;
}
.vip .card .infos .info_detail .info_item .privilege_title{
    padding: 5px 0;
    /* color: #000; */
}
.vip .card .infos .info_detail .info_item .desp{
    padding: 2px 0;
    color: #d81e06;
    color: #d06000;
}
.vip .card .infos .info_detail .info_item .ico.space{
    background-image: url("/imgs/ico/vip/space.svg");
}
.vip .card .infos .info_detail .info_item .ico.yun_download{
    background-image: url("/imgs/ico/vip/yun_download.svg");
}
.vip .card .infos .info_detail .info_item .ico.many_download{
    background-image: url("/imgs/ico/vip/download.svg");
}
.vip .card .infos .info_detail .info_item .ico.online_play{
    background-image: url("/imgs/ico/vip/play.svg");
}
.vip .card .infos .info_detail .info_item .ico.first_parse{
    background-image: url("/imgs/ico/vip/youxian.svg");
}
.vip .card .infos .info_detail .info_item .ico.long_trash{
    background-image: url("/imgs/ico/vip/trash.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;
}
.vip .card .vouchers .voucher_item{
    padding: 3px;
    border: 3px solid rgb(144 105 54);
    /* border-radius: 5px; */
    box-shadow: 1px 1px 10px #d8d8d8;
}
.vip .card .vouchers .voucher_item .val{
    padding: 5px;
}
.vip .card .vouchers .voucher_item .val .num{
    font-size: 30px;
    font-weight: 600;
    color: #906936;
}
.vip .card .vouchers .voucher_item .voucher_info{
    padding: 3px;
    color: #906936;
}
.vip .card .vouchers .voucher_item .voucher_info>div{}
.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;
}
.vip .buy_types .type_item.selected{
    border-color: #906936;
}
.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: 0;
    top: -5px;
    color: #fff;
    background: #ff9800;
    padding: 1px 3px;
    border-radius: 2px;
    /* opacity: .8; */
}
.vip .buy_types .type_item.buy_card .desp .tip_tag.discount_tag{
    right: 33px;
    background: #ff5722;
}
.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: 15px 20px;
    display: none;
}
.vip .buy_types .buy_card_tip{
    text-align: center;
    padding: 0 5px;
}
.vip .buy_types .buy_card_tip .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;
}
.vip .buy_types .buy_card_tip .buy_card_discount_ico{
    width: 100px;
    text-align: center;
    height: 35px;
    line-height: 32px;
    border: 2px solid #c17300;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin: auto;
    color: #c17300;
    font-weight: 600;
}
.vip .buy_types .buy_card_tip .buy_card_discount_ico .rt{
    position: absolute;
    width: 40px;
    height: 15px;
    background: #c17300;
    right: -15px;
    top: -4px;
    transform: rotate(45deg);
}
.vip .buy_types .buy_card_num_area{
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* width: 120px; */
    padding: 0 5px;
}

.vip .card .pays{}
.vip .card .pays .pays_list{display: inline-block;width: 55%;vertical-align: middle;}
.vip .card .pays .pays_list>div{
    text-align: center;
}
.vip .card .pays .pays_list label{
    padding: 3px;
    cursor: pointer;
    border: 1px solid #fff;
    /* background: #eee; */
    margin-right: 5px;
    transition: all ease .2s;
    margin-bottom: 10px;
    text-align: left;
    /* padding-left: 0; */
    border-radius: 50px;
}
.vip .card .pays .pays_list div:last-child label{
    margin-bottom: 0;
}
.vip .card .pays .pays_list label span{
    width: calc(100% - 55px);
    position: relative;
}
.vip .card .pays .pays_list label span:before{
    right: 0;
    left: auto;
}
.vip .card .pays .pays_list label span:after{
     right: 6px;
     left: auto;
 }
.vip .card .pays .pays_list label.checked{
    border: 1px solid #e6bd6c;
    /* border-radius: 10px; */
    /* background: rgba(238, 238, 238, .5); */
    /* box-shadow: 2px 3px 16px #956e3a; */
    color: #0574ff;
}
.vip .card .pays .pays_list label.checked img{
    /* width: 45px; */
    /* height: 45px; */
}
.vip .card .pays .pays_list label img{
    width: 45px;
    transition: all ease .2s;
    margin-right: 5px;
}
.vip .card .pays .pays_list label input{
    display: none;
}
.vip .card .pays .pay_btn{
    /* margin-top: 10px; */
    display: inline-block;
    width: 45%;
    vertical-align: bottom;
    text-align: center;
    /* padding: 5px 0; */
}
.vip .card .pays .pay_btn .cash_infos{
    font-size: 14px;
    /* text-align: left; */
    padding-left: 5px;
    padding: 5px 0;
}
.vip .card .pays .pay_btn .cash_infos>div{
    line-height: 25px;
}
.vip .card .pays .pay_btn .cash_infos .new_price{
    font-size: 14px;
    color: #99713d;
}
.vip .card .pays .pay_btn .cash_infos .discount{
    color: #999;
}
.vip .card .pays .pay_btn .btn{
    
background: linear-gradient(135deg,#b58b52 0,#906936 100%);
    
border: 0;
    
border-radius: 9px;
    
padding: 10px 20px;
    
width: 100%;
    
max-width: 300px;
}
.vip .card .tequan .card-body{
    max-width: 800px;
}
.vip .card .tequan .tequan_outer{
    border: 1px solid #eceeef;
    border-radius: 10px;
}
.vip .card .tequan table{
    text-align: center;
    /* border: 1px solid #999; */
    /* border-radius: 10px; */
}
.vip .card .tequan .ico{
    width: 20px;
    height: 20px;
}
.vip .card .tequan .ico.no{
    background-image: url(/imgs/ico/vip/no.svg);
}
.vip .card .tequan .ico.ok{
    background-image: url(/imgs/ico/vip/ok.svg);
}
.vip .card .tequan thead tr th{
    text-align: center;
}
.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: #fbfbfb;
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 10px 5px;
    max-width: 600px;
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
}
.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);
}
.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: #E6E6E6;
}
.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 .vip_card_box{
    border: 1px solid rgb(245 145 47 / 25%);
    border-radius: 10px;
    padding: 5px;
    /* text-align: center; */
    background: #404040;
    height: 160px;
    width: 85%;
    margin: auto;
    max-width: 400px;
    position: relative;
    overflow: hidden;
    min-width: 280px;
}
.my_page .vip_card_box .card_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: blur(2px);
}
.my_page .vip_card_box .card_bg>div{
    width: 260px;
    height: 260px;
    position: absolute;
    border-radius: 50%;
    background: #565656;
}
.my_page .vip_card_box .card_bg .bg_1{
    top: -158px;
    left: 0;
}
.my_page .vip_card_box .card_bg .bg_2{
    bottom: -200px;
    right: 0;
}
.my_page .vip_card_box .vip_card_info{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: left;
    padding-left: 50px;
}
.my_page .vip_card_box .vip_card_info .ico.logo_gold{
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url(/imgs/ico/my_page/logo_gold.png);
    left: 10px;
    top: 10px;
}
.my_page .vip_card_box .vip_card_info .vip_tag_box{
    /* margin-left: 20px; */
    position: relative;
    margin-top: 55px;
    margin-left: 0;
}
.my_page .vip_card_box .vip_card_info .vip_length{
    position: relative;
    color: #b9b9b9;
    margin-top: 15px;
    font-size: 12px;
}
.my_page .vip_card_box .vip_card_info .vip_btn{
    position: absolute;
    right: 15px;
    top: 40%;
    color: #fff;
    border: 1px solid;
    border-radius: 50px;
    padding: 2px 8px;
}

.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.3%;
    font-size: 12px;
}
.invite_info_box .box_col .invite_title{
    padding: 3px 0;
}
.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);
    border-radius: 50%;
    color: #fff;
    position: relative;
    text-align: left;
    display: inline-block;
}
.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% - 94px);
    padding: 0 4px;
    border-radius: 2px;
    overflow: hidden;
    /* transform: scale(0.85); */
    /* font-size: 0; */
}
.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: #eee;
    /* 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, #feb46b, #ffeddb);
}

.my_page .tip_menus{
    overflow-y: auto;
    position: relative;
    /* height: calc(100% - 160px); */
    /* background: #fff; */
    padding: 5px 0px;
    /* border-radius: 10px; */
    font-size: 0;
    text-align: left;
    margin-top: 10px;
}
.my_page .tip_menus li:last-child a{
    margin-bottom: 0;
}
.my_page .tip_menus li a{
    padding: 7px 10px;
    width: 100%;
    display: block;
    text-align: left;
    color: #4d5259;
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
    background: #fff;
    border-radius: 5px;
}
.my_page .tip_menus li a .ico{
    /* display: block; */
    text-align: center;
    margin: auto;
}
.my_page .tip_menus li a .see_btn{
    float: right;
    border-radius: 50px;
    padding: 1px 10px;
    color: #0574ff;
    border-color: rgb(5 116 255 / 30%);
}
.my_page .tip_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;
}
.my_page .tip_menus li a .ico:first-child{
    width: 25px;
    height: 25px;
    /* margin-right: 10px; */
    float: left;
}
.my_page .tip_menus li a span{
    /* display: inline-block; */
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    /* color: #737373; */
    margin-left: 5px;
    width: calc(100% - 95px);
    float: left;
    margin-top: 4px;
}

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

.my_page .btn_menus{
    font-size: 0;
    padding: 17px 0;
    background: #fff;
    border-radius: 5px;
}
.my_page .btn_menus li{
    display: inline-block;
    vertical-align: middle;
    width: 33.3%;
    font-size: 12px;
}
.my_page .btn_menus li a{}
.my_page .btn_menus li a .ico{
    width: 30px;
    height: 30px;
}
.my_page .btn_menus li a span{
    display: block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 600;
}
.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: center;
}
.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: #737373;
}
.user_menus li a .ico:first-child{
    
width: 25px;
    
height: 25px;
    
/* margin-right: 10px; */
}
.my_page li a .ico.vip{
    background-image: url("/imgs/ico/my_page/vip.svg");
    /* background-size: 130%; */
}
.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");
}
.user_menus li a .ico.buy_history{
    background-image: url("/imgs/ico/my_page/buy_history.svg?v=1.0");
}
.my_page li a .ico.help{
    background-image: url("/imgs/ico/my_page/help.svg?v=1.0");
}
.my_page li a .ico.feedback{
    background-image: url("/imgs/ico/my_page/feedback.svg?v=1.0");
}
.my_page .user_menus li a .ico.group{
    background-image: url("/imgs/ico/my_page/group.svg");
}
.user_menus li a .ico.jubao{
    background-image: url("/imgs/ico/my_page/jubao.svg?v=1.0");
}
.my_page .user_menus li a .ico.version{
    background-image: url("/imgs/ico/my_page/version.svg");
}
.my_page .user_menus li a .ico.version_now{

width: auto;

color: #2196f3;

display: inline-block;

/* text-decoration: underline; */

z-index: 9;

font-size: 12px;
}
.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.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.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; */
    border-bottom: 1px solid #fbfbfb;
}
.my_page .bottom_menus li a{
    display: block;
    padding: 12px;
    background: #fff;
    color: #4a4a4a;
    /* border-radius: 10px; */
    padding-left: 10px;
    text-align: left;
}
.my_page .bottom_menus li a span{
    display: inline-block;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    width: calc(100% - 25px);
}
.my_page .bottom_menus li a .ico{
    width: 15px;
    height: 15px;
    background-image: url(/imgs/ico/right.svg);
    vertical-align: middle;
    margin-left: 5px;
}

.buy_history{
    max-width: 900px;
    margin: auto;
}
.buy_history li{
    padding: 5px 0;
    cursor: pointer;
}
.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 .info .title{
    font-size: 13px;
    color: #ff9800;
}
.buy_history li .info .dates{}
.buy_history li .price{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 55px;
    color: #f44336;
}
.buy_history li .status{
    width: 38px;
}
.buy_history li .card_length{
    width: 55px;
}
.buy_history li .control{
    display: inline-block;
    vertical-align: middle;
    width: 72px;
    text-align: center;
}
.buy_history li .control a{
    font-size: 12px;
    padding: 5px 4px;
    margin: 0 2px;
}


.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 .app_nav li a{
    font-size: 18px;
}
.app_direct .app_nav .ico{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.app_direct .app_item{}
.app_direct .app_item>div{
    width: 50%;
}
.app_direct .app_item .left{}
.app_direct .app_item .right{
    padding-top: 50px;
    font-size: 14px;
}
.app_direct .app_item .left img{}
.app_direct .app_item .right>div{
    padding: 3px 0;
}
.app_direct .app_item .right .desp{
    font-size: 18px;
    margin: 5px 5px;
}

.app_direct.mobile .bg{
    background-image: url(/imgs/bg/download_mb.png?ver=1.0.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center top;
    /* width: -webkit-fill-available; */
}
.app_direct.mobile .main{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: auto;
    bottom: 30px;
    text-align: center;
}
.app_direct.mobile .main a{
    display: block;
    max-width: 180px;
    margin: auto;
    margin-bottom: 20px;
}
.app_direct.mobile .main a .ico{
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.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 (min-width: 1024px) {
    .vip .card .packages .packages_list>label{
    padding: 20px 25px;
    width: 130px;
    margin-right: 15px;
}
    .vip .card .packages .packages_list label>span{
        
        margin-bottom: 4px;
    }
    .vip .card .packages .packages_list label .vip_title{
        
font-size: 15px;
    }
}
@media (max-width: 1024px){
    .login .left{display: none}
    .index .content{
    padding-left: 0;
}
}
@media (max-width: 700px){
    .help.container{
    padding: 0;
}
    .topbar{
    min-height: 40px;
    padding: 0 5px;
}
    .topbar .phone_title{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #fff;
    text-align: center;
    left: 0;
}
    .topbar .phone_title.show{}
    .topbar .phone_title .back{
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 8px;
    background-image: url(/imgs/ico/back.svg);
    margin-left: 5px;
}
    .topbar .phone_title span{
    font-size: 14px;
    margin-top: 10px;
    /* display: inline-block; */
    float: left;
    width: 180px;
    margin-left: calc(50% - 120px);
}
    .topbar .phone_title .btns{
    /* display: inline-block; */
    position: absolute;
    right: 0;
    /* float: right; */
    top: 0;
    height: 100%;
    padding-top: 9px;
    padding-right: 5px;
}
    .topbar .phone_title .btns>button{}
    .topbar .phone_title .btns>button .ico{
    width: 15px;
    height: 15px;
}
    .lyear-layout-header .navbar{
    height: 45px;
    min-height: auto;
}
    .topbar .topbar-right{
    display: none;
}
    .navbar .search_area .search_file_btn{
    width: 30px;
    height: 30px;
    background-size: 60% !important;
    margin: 0 !important;
}
    .index .search_area .ico{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-size: 70%;
    border-radius: 50%;
    background-color: #f7f7f7;
    margin-right: 10px;
}
    .index .search_area>.ico:last-child{
    margin: 0;
}
    .index .search_area .ico.recycle{background-image: url(/imgs/ico/phone_recycle.svg);}
    .index .search_area .ico.scan_qr{background-image: url(/imgs/ico/scan_qr.svg);}
    .search_magnet_btn{
    /* background-image: url(/imgs/ico/search_magnet_btn.svg); */
    /* width: 45px; */
    /* height: 45px; */
    position: fixed;
    right: 20px;
    bottom: 150px;
    /* background-color: #fff; */
    box-shadow: 1px 1px 5px #999;
    border-radius: 40px;
    background-size: 60%;
    color: #333;
    padding: 6px 10px;
}
    .nav-tabs.nav-justified>li{
    display: table-cell;
    width: 1%;
}
    #alert_ask_modal .modal-body{
    padding: 5px;
}
    .select_dir_list{
    height: 300px;
}
.topbar .topbar-left{
    width: 100%;
}
    .index .search_area{
    margin: 0;
    width: 100%;
    padding: 2px 0;
}
.index .search_area input{
    /* padding-left: 42px; */
    height: 30px;
}
    .index .top_menu{
    display: none;
}
    .files tr .checkbox_{
    display: none;
}
    .files tr .select_all{
     display: none;
 }
    .files tbody tr .pc_up_time{
    display: none;
}
    .index .content .toolbar2{
    top: 42px;
}
    .index .content .toolbar2 .main_btns{
    display: none;
}
    .index .content .main_files_box{
    margin-top: 40px;
}
    .index .files thead{
    display: none;
}
    .parse_history_container .show_slider{
        left: 20px;
        bottom: 20px;
    }
    .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;
    }
    .vip .card .pays .pays_list label img{
    width: 35px;
}
.vip .card .pays .pays_list label span{
    width: calc(100% - 45px);
}
    .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: 3px 5px; */
}
    .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;
        margin-left: 0;
        margin-top: 42px;
        padding-top: 0;
        overflow-x: hidden;
    }
    .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 tr.file .icon{
    padding: 2px;
    width: 30px;
}
    .files tr.file .icon .ico{
    /* background-size: 70%; */
}
    .files tr.file .info_{
    padding: 10px 0px;
    padding-right: 0;
}
    .files tr.file .control{
        display: none;
    }
    .files tr.file .control{
        display: none;
    }
}
@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;
}
}
@media (max-width:350px) {
    .notice_bg .notice_main{
        
width: 310px;
        
top: 60px;
    }
}
@media (min-width: 700px) {
    .new_url_panel{display: none}
.files tbody tr:hover .info_ .file_dir_control{
    display: inline-block;
}
.files tbody tr .info_ .dir_name{
    margin-top: 8px;
}
    .files tbody tr>td{
    padding: 12px 0 !important;
}
.files tbody tr>td:first-child{
    /* padding:0 !important; */
}
    .files tbody tr .up_time{
    display: none !important;
}

    .download_home .task_list tr .status_btn{
    width: 150px !important;
}
    .download_home .task_list_finish tr .status_btn{
        width: 100px !important;
        display: block !important;
        text-align: right;
    }
    .download_home .task_list_finish tr .status_btn .ico:first-child{
        display: none;
    }
}
.download_home{
    position: relative;
    padding: 0;
    min-height: 100%;
    -webkit-user-select: none;
    user-select: none;
}
.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 3px;

text-align: center;

background: #f3f3f3;

width: 100%;

margin: auto;

position: relative;

z-index: 9;

/* left: 0; */

/* box-shadow: 1px 1px 15px 0px #eee; */

border-radius: 5px;

max-width: 600px;
}
.download_home .tabs>div{

padding: 8px 0;

margin: auto;

cursor: pointer;

color: #999;
}
.download_home .tabs>div .num{}
.download_home .tabs>div .num{
    /* content:"("; */
    /* font-size: 12px; */
    /* top: -5px; */
    position: relative;
    padding: 0 3px;
    /* color: #b7b7b7; */
    /* vertical-align: middle; */
    /* display: inline-block; */
}
.download_home .tabs>div.selected{
    
background: #fff;
    
color: #333;
    
/* border-bottom: 1px solid; */
    
/* font-size: 14px; */
    
border-radius: 5px;
}
.download_home .down_list{
    position: relative;
    /* margin-top: 51px; */
    max-height: 100%;
    overflow-y: auto;
    /* top: 0; */
    overflow-x: hidden;
    /* padding: 0; */
}
.download_home .task_data{
    width: calc(100% - 45px);
    display: inline-block;
    /* vertical-align: middle; */
    width: -webkit-calc(100% - 45px);
}
.download_home .task_list .task_data .filename{
    font-size: 14px;
    color: #000;
}
.download_home .task_list .task_data .file_infos{
    color: #9e9e9e;
}
.download_home .task_status{
    width: 45px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    /* text-align: center; */
}
.download_home .task_list .task_status .ico{
    width: 45px;
    height: 45px;
}
.download_home .task_list .status_btn .ico.download{
    background-image: url(/imgs/ico/downloading.svg);
}
.download_home .task_list .status_btn .ico.pause{
    background-image: url(/imgs/ico/pauseing.svg);
}
.download_home .task_data .progress{
    height: 6px;
    margin-bottom: 5px;
}
.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: 5px 0;
}
.select_model .parse_history_container .history_list .checkbox_{
    display: block !important;
}
.download_home .parse_history_container .history_list .checkbox_{
    display: none;
}
.download_home  .checkbox{
    width: 18px !important;
    height: 18px !important;
    margin: 5px;
    margin-top: 10px;
    margin-left: 8px;
}
.download_home .parse_history_container .history_list .icon .ico{
    width: 30px;
    height: 30px;
    margin: 6px 6px;
}
.download_home .parse_history_container .history_list .task_name{
    margin-bottom: 3px;
    font-size: 13px;
}
.download_home .parse_history_container .history_list .finish_num{
    color: #999;
    /* transform: scale(.8); */
}
.download_home .parse_history_container .history_list .status{
    /* padding: 6px; */
    color: #777;
    float: right;
    margin-right: 10px;
}
.download_home .parse_history_container .history_list .status .ico{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: 70%;
    margin-right: 3px;
}
.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 .save_paths{
    position: fixed;
    bottom: 0;
    text-align: center;
    color: #999;
    padding: 2px;
    background: #fff;
}
.download_home .bar{
    /* float: right; */
    position: absolute;
    right: 0;
    top: 0;
}
.download_home .bar .ico{
    width: 50px;
    height: 30px;
    cursor: pointer;
}
.download_home .bar .ico.control_file{
    background-image: url(/imgs/ico/control.png);
}
.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);
}
.list_touch_menus{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    /* height: 100%; */
    background: #fff;
    display: none;
    text-align: center;
    padding: 10px;
}
.list_touch_menus .close_batch_menu{
    background-image: url(/imgs/ico/close_line.svg);
    width: 23px;
    height: 23px;
    float: right;
    vertical-align: top;
    background-size: 80%;
}
.list_touch_menus .select_title{
    display: inline-block;
    font-size: 14px;
}
.list_touch_menus .select_title .num{
    padding: 0 2px;
    top: 0;
    font-size: 14px;
}
.download_home .list_touch_menus .select_title .num:before{
    content: "";
}
.download_home .list_touch_menus .select_title .num:after{
    content: "";
}
.batch_btns{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    border-top: 1px solid #eee;
    background-color: #fff;
    z-index: 999999;
    display: none;
    text-align: center;
    font-size: 0;
}
.batch_btns button{
    font-size: 12px;
    padding: 4px 9px;
    /* margin: 0 5px; */
    border: 1px solid #0775ff;
    background: #fff;
    color: #0775ff;
    padding: 6px 10px;
    border-radius: 0;
    border-right: 0;
}
.batch_btns button.disable{
    opacity: .4;
    pointer-events: none;
}
.batch_btns button:last-child{
    border-right: 1px solid;
}
.batch_btns button .ico{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 3px;
}
.list_touch_menus .select_all{
    display: inline-block;
    width: 18px;
    height: 18px;
    float: left;
    vertical-align: top;
    border: 1px solid #2196f3;
    border-radius: 4px;
    transition: all ease .1s;
    /* background-color: #eee; */
    /* background-image: url(/imgs/ico/select_all.svg); */
    /* background-size: 70%; */
    margin: 0;
}
.list_touch_menus .select_all.selected{
    /* background-color: #2196f3; */
    /* background-image: url(/imgs/ico/select_all_selected.svg); */
    background-image: url(/imgs/ico/checked.svg);
    background-color: #0574ff;
    border-color: #0574ff;
}
.download_home .empty_list_show{
    text-align: center;
    padding: 100px 0;
    color: #c1c1c1;
    font-size: 16px;
}
.download_home .empty_list_show .ico.empty{
    width: 50px;
    height: 50px;
    background-image: url(/imgs/ico/empty.svg);
    vertical-align: middle;
    margin-right: 10px;
}
.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;
}
.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 table{
    border: none;
}
.download_home .task_list_ tr{
    cursor: pointer;
    padding: 5px 2px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-bottom: 0;
    padding-left: 8px;
}
.download_home .task_list_ tr td{
    padding: 5px 1px !important;
}

.download_home .select_model .task_list_ .checkbox_{
    
display: block;
    
width: 30px;
    
margin: 0;
    
/* padding: 0 !important; */
}
.download_home .select_model .task_list_ .status_btn{

    display: none;
}
.download_home .task_list_ tr .checkbox_{
    display: none;
}
.download_home .task_list_ tr .checkbox{
    margin-top: 18px;
}
.download_home .task_list_ tr .infos{
    color: #999;
    padding: 5px !important;
}
.download_home .task_list_ tr .filename{
    font-size: 13px;
    margin-bottom: 5px;
    color: #333;
}
.download_home .task_list_ tr .progress{
    height: 5px;
}
.download_home .task_list_ tr .progress .inner{
    background: #0775ff;
    height: 100%;
    width: 0;
}
.download_home .task_list_ tr .icon{
    width: 40px;
}
.download_home .task_list_ tr .icon .ico{

width: 35px;

height: 35px;

margin: 10px 4px;
}
.download_home .task_list_ tr .status_btn{
    width: 50px;
}
.download_home .task_list_ tr .infos .size{}
.download_home .task_list_ tr .infos .progress_text:before{
    content: "/";
    padding: 0 2px;
}
.download_home .task_list_ tr .infos .speed{
    padding-left: 8px;
}
.download_home .task_list_ tr .infos .status{
    float: right;
    color: #999;
}
.download_home .task_list_ tr .status_btn .ico{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #bdbdbd;
    margin: 15px 0;
    margin-left: 10px;
}
.download_home .task_list_ tr .status_btn .ico.open_dir{
    background-size: 70%;
}
.download_home .task_list_ tr .status_btn .ico.delete{
    background-image: url(/imgs/ico/delete_download.svg);
    /* background-size: 70%; */
}
.download_home .task_list_finish tr .status_btn{
    display: none;
}
.download_home .task_list_finish tr .infos .status{
    display: none;
}
.download_home .task_list_finish tr .infos .speed{
    display: none;
}
.download_home .task_list_finish tr .infos .progress_text{
    display: none;
}
.download_home .task_list_finish tr .infos .progress{
    display: none;
}
.download_home .task_list_finish li{
    cursor: pointer;
    padding: 5px 2px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.download_home .task_list_finish li .progress{
    display: none;
}
.download_home .task_list_finish li .file_infos>*{
    display: inline-block;
}
.download_home .task_list_finish li .file_infos .status{
    float: right;
}
.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 .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;
}
#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.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 input{
    width: calc(100% - 80px);
    margin-right: 15px;
}
#magnet_search .search_tip{
    padding: 6px 0;
}
#magnet_search .search_body{
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
#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 .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; */
}