li,p {

    margin: 0;

    padding: 0

}

#container {

    width: 980px;

    margin: 0 auto;

    margin-top: 350px

}

.cate {

    width: 100%;

    background: #fff;

	margin-top: 10px;

    margin-bottom: 10px;

    border-radius: 5px;

    overflow: hidden

}



.cate_name {

    height: 40px;

    width: 100%;

    background: #2cbafc;

    overflow: hidden

}



.cate .pink {

    background: #fd6ea3

}



.cate .red {

    background: #c52622

}



.cate .green {

    background: #23be9b

}



.cate .yellow {

    background: #fcc800

}



.cate .gray {

    background: #788daa

}



.cate .orange {

    background: #f76e25

}



.cate .black {

    background: #333

}



.cate_name p {

    font-size: 18px;

    font-weight: 700;

    line-height: 40px;

    color: #fff;

    margin-left: 20px

}



.cate li {

    float: left;

    text-align: center;

    display: block;

    width: 168.57px;

    height: 40px;

    line-height: 40px;

    /*border-right: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;*/

    font-size: 13px;

    transition: color .5s,background-color .5s;

    overflow: hidden

}



.cate li:hover {

    color: #fff;

    background: #ff6ea1

}



.cate li b {

    width: 16px;

    height: 16px;

    font-weight: 400;

    background: #2cbafc;

    color: #fff;

    padding: 1px 3px;

    margin-left: 4px;

    font-size: 12px;

    border-radius: 5px

}



.cate_ul {

    margin: 0 auto;

    position: relative;

    max-width: 960px

}



.cate_img {

    margin-left: 8px;

    width: 48px;

    height: 48px

}



.banner img {

    width: 100%;

    margin-bottom: 5px;

    transition: opacity .5s;

    border-radius: 5px

}



.clear {

    clear: both;

    height: 0

}







.app {

    box-shadow: 0 0 15px rgba(100,100,100,.1);

    overflow: hidden;

    border-radius: 5px;

    background-color: #fff

}



.navi {

    font-size: 0;

    padding: 5px;

    text-align: center

}



.appico {

    width: calc(12% - 6px);

    margin: 4px;

    height: auto;

    box-sizing: border-box;

    display: inline-block;

    position: relative

}



.appico p {

    width: 100%;

    height: 25px;

    line-height: 25px;

    text-align: center;

    font-size: 13px;

    margin: 0;

    color: #000;

    overflow: hidden

}



.naicon {

    border-radius: 15px;

    overflow: hidden;

    font-size: 0;

    margin: 12px

}



.appico img {

    width: 100%

}



.appico:hover .btn-raised {

    -webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);

    box-shadow: 0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)

}



@media screen and (max-width: 960px) {

    body {

        background-size:150%

    }



    #container {

        width: 98%;

        margin-top: 40%

    }



    .nav li {

        width: 20%;

        margin-right: -2px;

        height: 35px;

        line-height: 35px

    }



    .toptips li {

        width: 100%;

        margin-right: -2px;

        height: 35px;

        line-height: 35px

    }



    .good li {

        width: 25%;

        height: 35px;

        line-height: 35px

    }



    .cate li {

        width: 25%;

        margin-right: -1px;

        height: 35px;

        line-height: 35px

    }



    .cate_name {

        height: 35px

    }



    .cate_name p {

        font-size: 21px;

        line-height: 35px

    }



    .appico {

        width: calc(25% - 10px)

    }

}



@media screen and (max-width: 800px) {

    .nav li {

        font-size:15px;

        height: 30px;

        line-height: 30px

    }



    .toptips li {

        font-size: 14px;

        height: auto;

        line-height: 30px

    }



    .good li {

        font-size: 15px;

        height: 30px;

        line-height: 30px

    }



    .cate li {

        font-size: 15px;

        height: 30px;

        line-height: 30px

    }



    .cate_name {

        height: 30px

    }



    .cate_name p {

        font-size: 20px;

        line-height: 30px

    }

}



@media screen and (max-width: 640px) {

    .nav li {

        width:25%;

        font-size: 11px;

        height: 30px;

        line-height: 30px

    }



    .toptips li {

        width: 100%;

        font-size: 12px;

        height: auto;

        line-height: 30px

    }



    .good li {

        width: 25%;

        font-size: 11px;

        height: 30px;

        line-height: 30px

    }



    .cate li {

        width: 33.2%;

        font-size: 11px;

        height: 30px;

        line-height: 30px

    }



    .cate_name {

        height: 30px

    }



    .cate_name p {

        font-size: 17px;

        line-height: 30px

    }



    .cate li b {

        width: 16px;

        height: 16px;

        font-weight: 400;

        background: #2cbafc;

        color: #fff;

        padding: 2px 3px;

        margin-left: 4px;

        font-size: 11px;

        border-radius: 2px

    }

}