/*任务列表*/
        body{margin: 0px; background: #f1f1f1;}
        .task-article{width:100%;margin-right:auto;margin-left:auto;border-radius:4px;margin-bottom: 12vh;}
        .ui-icon{background: #393d49;color: white;font-size: 14px;height:50px;position: relative;font-size:18px}
        .ui-widget{width: 80px;padding-left:2px; position:absolute;0px;}
        .ui-icon-img{width: 25px;height: 22px;position:absolute;top:12px}
        .ui-span{position: absolute;left:25px;top: 10px; padding-left: 5px;}
        .ui-widget-personal{color: white; width:100px; position:absolute;top:10px;right:0px}
        .ui-widget-img{ width: 25px;height: 25px; border-radius:25px;float: left}
        .ui-widget-span{ font-size:16px;float: left;padding-left:5px;}

        .item{height: auto;width: 100%;background: #fff;margin-top: 10px;position: relative;padding-top: 10px;padding-bottom: 10px}
        .item_1{font-size: 15px; 
        padding-left: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;}
         .item_1 a{ text-decoration: none; color:#333;}
        .item_2{font-size: 12px;color: #999; margin-top: 5px;
        padding-left: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;}
        .title{color: chocolate;font-size: 16px;}
        .itemBtn{background: #ff0033;color: #fff; width: 80px;height: 30px;line-height: 30px;border-radius: 4px;text-align: center;font-size: 13px;
        top: 15px;right: 10px; position: absolute}
        
        /*个人中心*/
        .nav-list{position: relative;margin-bottom: 10vh;}
        .ui-menu-item{padding-top: 30px;padding-bottom: 5px}
        .ui-menu-item img{ width: 60px;height: 60px;border-radius: 5px;padding-left: 20px}
        .ui-menu-text{color: #393d49;font-size: 16px;position: absolute;top:20px;left: 80px;font-weight: bold;padding-left: 15px;padding-top: 10px}
        .ui-menu-divider{font-size: 14px;color: #999; padding-top: 6px}

        .nav-item{position: relative; padding-top: 10px;padding-bottom: 10px;background: white; margin-top: 10px;padding-left: 20px;font-size: 12px;margin-bottom: 10px;}
        .nav-money{color: #999999; margin-bottom: 10px;font-size:15px}
        .nav-icon-image{ width: 20px;height: 20px;border-radius: 25px}
        .nav-list-search{position: absolute;top: 38px;left: 50px;color: #595a5f;font-size:14px;  width: 75%;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
        .nav-money-img{position: absolute;top: 25px;right:10px; width: 25px;height: 25px}

        .ui-menu-item-wrapper{background: white;padding: 10px; margin-top: 1px;font-size: 12px;color: #393d49;position: relative}
        .ui-menu-item-wrapper img{width: 30px;height: 30px;}
        .ui-menu-item-right{position: absolute;right: 10px; width: 20px;height: 20px;}
        .ui-menu-item-wra-text{color: #68696c;font-size: 16px; padding-left: 10px;position: absolute; top:10px}
        .ui-menu-state{font-size: 12px;background: #f1f1f1;color: #a1a2a5;
            position: absolute;right: 50px;top: 14px;padding-left: 5px;padding-right: 5px; padding-top: 3px;padding-bottom: 3px; border-radius: 4px}

        .ui-menu-item-exit{background: white;padding: 10px; margin-top: 15px;font-size: 12px;color: #66686c;position: relative;}
        .ui-menu-item-exit img{width: 25px;height: 25px;}
        .ui-menu-item-right{position: absolute;right: 10px; width: 20px;height: 20px;}
        
           .titleavavter {
        min-width: 360px;
        border-radius: 10px;
        position: relative;
        display: flex;
        float-wrap: wrap
    }
    .titleavavter2 {
        min-width: 360px;
        background: white;
        border-radius: 10px;
        position: relative;
        margin-top:8px;
        padding: 15px
    
    }
    .titlcentre {
        background: white;
        border-radius: 10px;
        padding: 15px;
        width: 48vw;
        text-align: left;

    }
    .titleRr{width: 10px;}
    .titleMoneygrir {
        position: relative;
        margin-top: 20px;
        display: flex;
        float-wrap: wrap;
    }
    .titleMoneyabs {
        margin-bottom: 20px;
    }
    .titlehr {
        width: 2%
    }
    .titleMoney {
        padding-left: 15px;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-top: 10px;
        background: #f9f9f9;
        border-radius: 10px;
        width: 48%;
        padding: 10px;
        margin-bottom: 10px;
    }
    .titlemoneyText{font-size: 12px;margin-top: 5px;margin-bottom: 10px;color: #999999;}
    .titlemoneystext{font-size: 22px;margin-top: 5px;margin-bottom: 10px;color: #333;font-weight: normal; }
    .tabtitle{margin-top: 5px;margin-bottom: 10px;color: #333;font-size: 20px;}
    .tagMoney{font-size: 12px;color: #f03;margin-left: 5px}

        

        /*首页Home*/
        .app{ display: flex; flex-flow: wrap;align-content:flex-start;justify-content:space-between;width:100%; background:#393d49;color:#fff;   }
        .home-title{width:20vw; line-height: 70px;float:left; text-align:center; }
        .icon{ width:100%;height:auto; background:#fff;text-align:center; display: flex; flex-flow: wrap;align-content:flex-start;justify-content:space-between;border-radius:5px;}
        .icon_img{float:left; width:25vw; margin-top:1vh; margin-bottom:1vh;}
        .icon_img img{ width:50px;height:50px;}
        .icon_img span{display:block;color:#999;font-size:13px;}
        .nav_bar { width: 100%; margin-top: 1vh; margin-bottom: 12vh;}
       
        .home-wrap {position:relative;background:#fff;width:100%;margin-bottom:1px; padding-top:10px; padding-bottom:10px;}
        .wrap1{ margin-left:15px; width:50px;height:50px;  }
        .wrap1_top img{ width:50px;height:50px;}
        
        .wrap2{position:absolute; left:75px;top:8px; font-size:11px;  color:#999;}
        .wrap2_title{color:#000;font-size:15px;}
        
        .wrap3{position:absolute; right:15px;top:15px; font-size:12px; line-height:70px;color:#999;text-align: center;}
        .wap_btn{background:#f1f1f1; height:35px;width:60px;border-radius:25px;line-height:35px; text-align:center;}
        
        .swiper-slide img{ height:22vh; width:100%;}
      
/*底部导航栏*/
footer{width:100%;position: fixed;bottom: 0; background:#f1f1f1;}
 .footer{display: flex;/**控制横向排例**/ justify-content:space-between; /*控制底部自动拉伸*/}
 .footer-icon{
            font-size: 12px;
            text-align: center;
            line-height: 1.5;
            color: #999999;
           padding-bottom: 10px;
           padding-top: 10px;
           padding-left: 20px;
           padding-right: 20px;
        }
 .footer-icon img{width: 30px;height: 30px; align-items: center;}
 .active-table-tab{color: #e54c38;}
 
 /*源码列表*/
        .commodity-list{display:flex;flex-grow: 1;flex-wrap: wrap;align-content: flex-start;padding-left: 1%;padding-right: 1%;margin-bottom:10vh;}
        .commodity{width: 48%;margin-left: 1%;margin-right: 1%;margin-top: 10px;margin-bottom: 10px;position: relative;background:#fff;padding-bottom:10px;}
        .commodity img{width: 100%; height: 160px; border-radius: 5px}
        .commodity{font-size: 18px;}
        .commodity-span{background:#FF6347;color:#fff;border-radius:10px 0px 10px 0px;padding-left:12px;padding-right:12px;padding-top:3px;padding-bottom:3px;margin-left:1px;}
        .commodity-title{color: #666;font-size: 15px;margin-bottom: 5px;margin-top:10px;padding-left:5px;}
        .commodity-money{position: absolute;right: 0px;bottom: 0px;color: #fa260a;font-size: 15px;font-weight: bold}
        .contextmenu{font-size:16px;color:#ff1a1a;background:#FAF0E6;border-radius:5px;padding-left:5px;padding-right:10px;padding-top:3px;padding-bottom:3px;position:absolute; right:10px;}