.homenav {
    position: relative;
    top: -4px;
    display: inline-block;
    width: 27px;
    height: 4px;
    border-radius: 2px;
    background: #fff;
}

    .homenav:before {
        content: "";
        position: absolute;
        top: -9px;
        left: 0;
        width: 27px;
        height: 4px;
        border-radius: 2px;
        background: #fff;
    }

    .homenav:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 0;
        width: 27px;
        height: 4px;
        border-radius: 2px;
        background: #fff;
    }

#v_home .head-r {
    background: url("/Images/icon/tips.png") no-repeat center;
    background-size: 27px;
}

#shownav {
    width: 100px;
}

.imgwarpper {
    margin: 0 .7%;
    padding: 1px 0 3px;
}

    .imgwarpper img {
        width: 100%;
        vertical-align: middle;
    }

#homebanner {
    height: 180px;
    transition: height .5s;
}

.homesearchbar {
    height: 39px;
    line-height: 39px;
    background: #e5e5e5;
    margin-top: 2px;
}

    .homesearchbar div {
        float: left;
        text-align: center;
        height: 100%;
    }

        .homesearchbar div:first-child {
            width: 25%;
            background: url("/Images/icon/positionblack.png") no-repeat 10px center;
            background-size: 23px;
            padding-left: 20px;
            box-sizing: border-box;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .homesearchbar div:nth-child(5n+2) {
            width: 64%;
            height: 30px;
            margin-top: 4px;
            text-align: left;
            background: white;
            line-height: 0;
        }

            .homesearchbar div:nth-child(5n+2) input {
                border: none;
                background: none;
                padding-left: 5px;
                width: 100%;
                height: 30px;
                font-size: 14px;
            }

        .homesearchbar div:last-child {
            width: 11%;
            background: url("/Images/icon/fdjblack.png") no-repeat center;
            background-size: 26px;
        }

.mainblock {
    overflow-y: auto;
    padding: 2px 0;
}

    .mainblock div.item {
        float: left;
        width: 49%;
        height: auto;
        text-align: center;
        box-sizing: border-box;
        padding: 6px 10px 0px;
        background: #f7f7f7;
    }

        .mainblock div.item a {
            text-decoration: none;
            color: black;
        }

        .mainblock div.item div:first-child {
            height: 22px;
            line-height: 22px;
            font-size: 110%;
            position: relative;
            font-weight: 700;
        }

            .mainblock div.item div:first-child span {
                color: #FF7F00;
            }


        .mainblock div.item div:nth-child(3n+2) {
            color: #777;
            height: 16px;
            line-height: 16px;
            font-size: 85%;
        }

        .mainblock div.item div:last-child {
            color: #7e7e7e;
            position: relative;
        }

            .mainblock div.item div:last-child img {
                width: 100%;
            }

            .mainblock div.item div:last-child span {
                position: absolute;
                top: 5px;
                background: #977dd6;
                font-size: 80%;
                color: white;
                padding: 2px 5px 0;
                height: 16px;
                line-height: 16px;
                right: 25%;
                margin-right: -26px;
                display: inline;
                box-sizing: border-box;
            }

            .mainblock div.item div:last-child.sp span {
                top: auto;
                bottom: 20px;
                right: 28%;
            }

            .mainblock div.item div:last-child span:before {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                left: 15px;
                top: -10px;
                border: 5px solid;
                border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(221,18,123,1) rgba(0,0,0,0);
            }

        .mainblock div.item:first-child {
            margin: 3px 0.6% 0 0.7%;
        }

        .mainblock div.item:nth-child(4n+2) {
            margin: 3px 0.7% 0 0;
        }

        .mainblock div.item:nth-child(4n+3) {
            margin: 2px 0.6% 3px 0.7%;
        }

        .mainblock div.item:last-child, .mainblock div.item:nth-child(5n+4) {
            margin: 2px 0.7% 3px 0;
        }

.homeprohead {
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    position: relative;
}

    .homeprohead:after {
        content: "";
        position: absolute;
        left: 10px;
        top: 10px;
        width: 12px;
        height: 22px;
        background-color: #f9a64a;
    }

    .homeprohead span {
        padding-left: 40px;
        color: #1c1714;
        font-size: 115%;
        font-weight: 700;
    }

    .homeprohead i {
        float: right;
        font-style: normal;
        margin-right: 20px;
        background: url("/Images/bg/rightarrow.png") no-repeat left center;
        background-size: 20px;
        padding-left: 20px;
        position: relative;
        display: none;
    }

        .homeprohead i:after {
            content: "";
            position: absolute;
            left: -10px;
            top: 11px;
            height: 20px;
            width: 20px;
            background: url("/Images/bg/rightarrow.png") no-repeat left center;
            background-size: 20px;
        }

        .homeprohead i a {
            color: #7e7e7e;
            text-decoration: none;
        }

.homeprolist {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height .5s,opacity .5s;
}

    .homeprolist li {
        float: left;
        padding: 0 8px;
        box-sizing: border-box;
        text-align: center;
    }

        .homeprolist li.first {
            width: 47.6%;
            margin: 4px 2% 0 .7%;
            height: 200px;
            border-right: 1px solid #e5e5e5;
        }

            .homeprolist li.first div:first-child {
                height: 170px;
                line-height: 170px;
            }

            .homeprolist li.first div:last-child {
                font-size: 115%;
            }

        .homeprolist li a {
            text-decoration: none;
            color: black;
        }

        .homeprolist li.second {
            width: 49%;
            margin: 4px .7% 0 0;
            height: 100px;
        }

            .homeprolist li.second:nth-child(3n) {
                border-top: 1px solid #e5e5e5;
            }

            .homeprolist li.second div {
                float: left;
                width: 49%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 100px;
                line-height: 100px;
                text-align: center;
            }

                .homeprolist li.second div:nth-child(2n+2) {
                    line-height: 150px;
                    font-size: 115%;
                }

                .homeprolist li.second div:nth-child(2n) {
                    margin-right: 1%;
                }

                .homeprolist li.second div:nth-child(2n+1) {
                    margin-left: 1%;
                }

        .homeprolist li a img {
            width: 100%;
            vertical-align: middle;
        }



.fbbar1 {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    color: #7f7f7f;
    text-align: center;
}

.fbbar2 {
    text-align: center;
}

    .fbbar2 img {
        width: 60%;
    }

#feedbackbox div:nth-child(10n+6) {
    height: 110px;
}

#feedbackbox div textarea {
    box-sizing: border-box;
    height: 90px;
}


.aboutlogowarpper {
    text-align: center;
    padding-top: 50px;
}

    .aboutlogowarpper img {
        width: 60%;
    }

.appversion {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 120%;
    font-weight: 700;
    color: #b2b2b2;
    opacity: 0;
    transition: opacity .5s;
}

.appmoreinfo {
    margin: 10px auto 0;
    width: 90%;
    border-top: 1px solid #c7c7c7;
}

    .appmoreinfo li {
        height: 55px;
        line-height: 55px;
        text-align: center;
        position: relative;
        border-bottom: 1px solid #f5f5f5;
    }

        .appmoreinfo li a {
            color: black;
            width: 100%;
            display: inline-block;
            font-size: 110%;
        }

        .appmoreinfo li:first-child {
            margin-top: 20px;
        }

        .appmoreinfo li:last-child {
            border-bottom: none;
        }

        .appmoreinfo li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 10px;
            width: 25px;
            height: 25px;
            border-radius: 100px;
            background: #cdcdcd center no-repeat;
            background-size: 22px;
        }

        .appmoreinfo li:nth-child(100n+1):before {
            background-image: url(/Images/icon/share.png);
        }

        .appmoreinfo li:nth-child(100n+2):before {
            background-image: url(/Images/icon/update.png);
        }

        .appmoreinfo li:nth-child(100n+3):before {
            background-image: url(/Images/icon/onlinemessage.png);
        }
        /*.appmoreinfo li:nth-child(100n+4):before {
            background-image: url(/Images/icon/Recommendation.png);
        }
        .appmoreinfo li:nth-child(100n+5):before {
            background-image: url(/Images/icon/setup.png);
        }*/

        .appmoreinfo li:nth-child(100n+4):before {
            background-image: url(/Images/icon/clearcache.png);
        }

        .appmoreinfo li:after {
            content: ">";
            position: absolute;
            right: 0;
            top: 0;
            color: #cdcdcd;
            font-size: 18px;
        }

#contactwarpper {
    padding: 20px 5%;
    color: #72706f;
}

    #contactwarpper div {
        border-top: 1px solid #d7d7d7;
        padding: 10px 0;
        padding-left: 40px;
        background: 10px center no-repeat;
        background-size: 20px;
    }

        #contactwarpper div:nth-child(100n+5) {
            border-top: none;
            padding-left: 0;
        }

            #contactwarpper div:nth-child(100n+5) img {
                width: 100%;
            }

        #contactwarpper div:nth-child(100n+6) {
            padding-left: 0;
        }

        #contactwarpper div:nth-child(100n+1) {
            background-image: url("/Images/contact/phone.png");
        }

        #contactwarpper div:nth-child(100n+2) {
            background-image: url("/Images/contact/email.png");
        }

        #contactwarpper div:nth-child(100n+3) {
            background-image: url("/Images/contact/dyh.png");
        }

        #contactwarpper div:nth-child(100n+4) {
            background-image: url("/Images/contact/addr.png");
        }
        
    .shareb1 img {
        width: 100%;
        vertical-align: middle;
    }

#homesharebtn a span {
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
    background-clip: padding-box;
    font-size: 110%;
}

    #homesharebtn a span.hover {
        background-color: #F0891C;
        border-color: #F0891C;
    }

    #homesharebtn a span img {
        height: 26px;
        vertical-align: middle;
    }