a {
    text-decoration: none;
}

a, button, input {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

* {
    margin: 0;
    padding: 0;
}

body {
    background: #f2f5fa;
    font-size: 20px;
    font-family: microsoft yahei;
    margin: 0;
    padding: 0;
    font: 20px/1.5 'Helvetica Neue','Helvetica','sans-serif',"Microsoft YaHei","黑体","宋体","Arial",sans-serif;
}

header .content {
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    display: flex;
    text-align: center;
    background: linear-gradient(to right,#667eea 0%,#764ba2 100%);
    /*    background-color: #0096ff;*/
}

@font-face {
    font-family: hs;
    src: url("../css/hs.otf");
}

.content a {
    display: block;
    height: 44px;
    line-height: 44px;
    flex: 3;
    font-size: 20px;
    color: #fff !important;
    font-size: 16px;
}

    .content a:nth-child(1) {
        background: url(../images/index_new/edit.png) no-repeat right;
        background-position-x: 17px;
        background-size: 18px;
    }

    .content a:nth-child(2) {
        flex: 7;
        font-size: 18px;
    }

    .content a:nth-child(3) {
        /* flex: 1; */
        /*background: url(../images/icon/setup.png) no-repeat center;
    background-size: 20px;*/
        font-size: 14px;
    }

.overview {
    text-align: center;
    border: 6px solid gold;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-radius: 50%;
}

    .overview p {
        font-size: 14px;
        color: #e100ff;
    }

        .overview p:nth-of-type(1) {
            margin-top: 30px;
        }

p.cont {
    color: #fff;
    font-family: hs;
    margin-top: -10px;
}

span#today_sum {
    font-size: 70px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e100ff), to(#d7f1ff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p i.reload {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/index_new/reload.png) no-repeat right;
    background-size: 22px;
    margin-left: 8px;
    margin-top: -12px;
    transition: transform 0.6s;
}

.earnings {
    width: 100%;
    background-image: url(../images/bg3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -1px;
    height:80vw;
}

.img {
 
}

    .img::after {
        content: '';
        display: block;
        clear: both;
    }

    .img a:nth-child(1) {
        float: left;
        background: url(../images/index_new/money1.png) no-repeat left;
        background-size: 14px;
        /* font-style: normal; */
        font-size: 14px;
        text-indent: 18px;
        background-position-y: 3px;
        margin-left:4%;
        margin-top:0vw;
    }

    .img a:nth-child(2) {
        float: right;
        font-size: 14px;
        background: url(../images/index_new/money2.png) no-repeat left;
        background-size: 18px;
        text-indent: 20px;
        background-position-y: 5px;
        margin-right:4%;
        margin-top:0vw;
    }

    .img a, .img a span {
/*        color: #fff;*/
        color: gold;
        font-size: 14px;
        font-style: normal;
    }

        .img a p {
            text-indent: 0;
            /*            background-color: #0096FF;*/
            background: radial-gradient(circle at center,#7f00ff 0%,#e100ff 100%);
            box-shadow: 3px 3px 10px rgb(225 0 225);
            text-align: center;
            padding: 3px 0;
            border-radius: 20px;
            margin-top: 10px;
            width: 130px;
        }

        .img a:nth-child(1) span i {
            float: right;
            background: url(../images/shop/ShopManagement.png) no-repeat right;
            background-size: 73px;
            background-position: 0 -39px;
            width: 20px;
            height: 18px;
            margin-left: 10px;
            margin-top: 1px;
        }

span#month_sum {
    font-weight: bold;
}

span#all_sum {
    font-weight: bold;
}

.detail {
    border-top: 1px solid #e8ebf2;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    margin-top: 10px;
    border-bottom: 1px solid #e8ebf2;
}

    .detail::after, .conta::after {
        display: block;
        content: '';
        clear: both;
    }

.conta {
    width: calc(100%/5);
    float: left;
    text-align: center;
}

    .conta i {
        display: block;
        width: 50px;
        height: 50px;
        margin: 0px auto;
        background: url(../images/index_new/button.png) no-repeat;
        background-size: 400px;
        margin-bottom:-2px;
    }

.detail a:nth-of-type(1) .conta i {
    background-position: -15px -10px;
}

.conta span {
    color: #6f6f7b;
    font-size: 16px;
}

.conta p {
    font-size: 14px;
    padding-bottom: 5px;
}

.detail a:nth-of-type(2) .conta i {
    background-position: -95px -10px;
}

.detail a:nth-of-type(3) .conta i {
    background-position: -175px -10px;
}

.detail a:nth-of-type(4) .conta i {
    background-position: -255px -10px;
}

.detail a:nth-of-type(5) .conta i {
    background-position: -335px -10px;
}


.catogry a {
    float: left;
    width: calc(25% - 1px);
    width: 25%;
    border-right: 1px #eee solid;
    border-bottom: 1px #eee solid;
    padding: 10px;
    box-sizing: border-box;
}

    .catogry a:nth-child(4n) {
        border-right: none;
        width: 25%;
    }

    .catogry a i {
        display: block;
        width: 40px;
        height: 40px;
        margin: 5px auto;
        background: url(../images/index_new/button2.png) no-repeat;
        background-size: 400px;
    }

    .catogry a:nth-child(1) i {
        background-position: -30px -6px;
    }

    .catogry a:nth-child(2) i {
        background-position: -125px -6px;
    }

    .catogry a:nth-child(3) i {
        background-position: -225px -6px;
    }

    .catogry a:nth-child(4) i {
        background-position: -325px -6px;
    }

    .catogry a:nth-child(5) i {
        background-position: -30px -80px;
    }

    .catogry a:nth-child(6) i {
        background-position: -125px -80px;
    }

    .catogry a:nth-child(7) i {
        background-position: -228px -80px;
    }

    .catogry a:nth-child(8) i {
        background-position: -326px -80px;
    }

.catogry::after {
    content: "";
    display: block;
    clear: both;
}

.catogry {
    background: #fff;
    padding: 0px 0px;
    width: 100%;
    margin-top: 10px;
    padding-bottom:70px;
}

    .catogry a span {
        font-size: 14px;
        display: block;
        margin-top: 5px;
        text-align: center;
        color: #6f6f7b;
    }

.bottom {
    position: fixed;
    width: 100%;
    height: 55px;
    border-top: 1px solid #eee;
    margin-top: 10px;
    background-color: #fff;
    border-top: 1px solid #e8ebf2;
    border-bottom: 1px solid #e8ebf2;
    z-index: 13;
    bottom:0;
}

    .bottom p {
        margin-top: 30px;
    }

.left {
    height: 55px;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 14px;
    color: #6f6f7b;
    background: url(../images/index_new/map.png)no-repeat;
    background-position-x: center;
    background-size: 22px;
    background-position-y: 10px;
    z-index: 13;
    position: absolute;
    background-color: #fff;
}

.right {
    height: 55px;
    position: absolute;
    left: 50%;
    width: 50%;
    text-align: center;
    font-size: 14px;
    color: #6f6f7b;
    background: url(../images/index_new/sheet.png)no-repeat;
    background-position-x: center;
    background-size: 17px;
    background-position-y: 10px;
    z-index: 13;
    position: absolute;
    background-color: #fff;
}

.bottom .btn2 {
    position: absolute;
    width: 90px;
    height: 90px;
    border: 1px solid #e8ebf2;
    border-radius: 50%;
    top: -35px;
    left: 50%;
    margin-left: -45px;
    background-color: #fff;
    z-index: 10;
}

.bottom .btn1 {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    top: -28px;
    left: 50%;
    margin-left: -40px;
    background-color: #fff;
    z-index: 15;
    text-align: center;
    background-image: url(../images/index_new/circle.png);
    background-size: 100% 100%;
    color: #fff;
    line-height: 20px;
}

    .bottom .btn1 p {
        margin-top: 20px;
    }
    .rotate
    {
    transform:rotate(320deg);
    -ms-transform:rotate(320deg); 	/* IE 9 */
    -moz-transform:rotate(320deg); 	/* Firefox */
    -webkit-transform:rotate(320deg); /* Safari 和 Chrome */
    -o-transform:rotate(320deg); 	/* Opera */
    }
    @media only screen and (min-width: 370px) {
       .img a:nth-child(1) {
        float: left;
        background: url(../images/index_new/money1.png) no-repeat left;
        background-size: 14px;
        /* font-style: normal; */
        font-size: 14px;
        text-indent: 18px;
        background-position-y: 3px;
        margin-left:10%;
        margin-top:9vw;
    }

    .img a:nth-child(2) {
        float: right;
        font-size: 14px;
        background: url(../images/index_new/money2.png) no-repeat left;
        background-size: 18px;
        text-indent: 20px;
        background-position-y: 5px;
        margin-right:10%;
                margin-top:9vw;
    }



}