锘?

.mapbutton1 {
    cursor: pointer;
    background: url(/uploads/image/wimap/niu.png);
    width: 50px;
    height: 50px;
}

    .mapbutton1:hover {
        background-position: -52px 0;
    }

.mapbutton2 {
    cursor: pointer;
    background: url(/uploads/image/wimap/niu.png);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 90px;
    right: 30px;
    background-position: -104px 0;
}

    .mapbutton2:hover {
        background-position: -156px 0;
    }

.mapbar {
    display: none;
    z-index: 1;
    position: absolute;
    top: -55px;
    right: 50px;
    width: 70px;
}



    .mapbar ul {
        padding: 10px 0 10px 0;
        background-color: #fff;
        width: 60px;
        position: relative;
    }

    .mapbar:before {
        content: ' ';
        position: absolute;
        right: 3px;
        top: 45%;
        border-left: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
        height: 15px;
        width: 15px;
        background-color: #ffffff;
        transform: rotate(135eg);
        -webkit-transform: rotate(135deg);
    }

    .mapbar li {
        text-align: center;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        font-size: 14px;
    }

        .mapbar li:hover {
            color: orange;
        }

.mapbutton3 {
    background-position: -208px 0;
}

    .mapbutton3:hover {
        background-position: -261px 0;
    }

.pointtip {
    position: absolute;
    color: white;
    border-radius: 3px;
    height: 20px;
    padding: 2px 5px 2px 5px;
    line-height: 20px;
    white-space: nowrap;
    font-size: 14px;
    -webkit-user-select: none;
    background-color: #1f84d4;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.pointtip span img{
    position:relative;
    top:1.5px;
}

    .pointtip .arrow1 {
        width: 0;
        height: 0;
        border-top: 6px solid #1f84d4;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        position: absolute;
        left: 44%;
    }


.pointtip1 {
    background-color: #008d48;
}


    .pointtip .img {
        position: relative;
        top: 1px;
    }


    .pointtip1 .arrow1 {
        border-top: 6px solid #008d48;
    }

.header {
    position: absolute;
    top: 0;
    left: 0;
}




.searchdiv {
    position: absolute;
    left: 0;
    z-index: 3;
    top: 50px;
}

    .searchdiv .searchbox {
        width: 370px;
        padding: 10px;
        margin: 10px;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0,0,0,.3);
        border-bottom: 1px solid #ddd;
        background: #ffffff;
    }

        .searchdiv .searchbox .input {
            border: 1px solid #ddd;
            border-right: none;
            line-height: normal;
            width: 100%;
            height: 30px;
            color: rgb(153, 153, 153);
            text-indent: 10px;
        }

        .searchdiv .searchbox .buttom {
            position: absolute;
            top: 0;
            right: 0;
            width: 38px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            background-color: #1f84d4;
            color: #ffffff;
            border: none;
            display: inline-block;
            cursor: pointer;
        }

        .searchdiv .searchbox .seaselectm1 {
            width: 70px;
            z-index: 11;
            position: relative;
            cursor: pointer;
            margin-left: 15px;
        }

            .searchdiv .searchbox .seaselectm1 .haveselm1 {
                width: 80px;
                line-height: 20px;
                margin-top: 6px;
                position: relative;
                cursor: pointer;
            }

                .searchdiv .searchbox .seaselectm1 .haveselm1 a, .searchdiv .searchbox .seaselectm1 .haveselm1 div {
                    display: inline-block;
                    text-decoration: none;
                    cursor: pointer;
                    height: 20px;
                    overflow: hidden;
                    width: 70px;
                    text-align: center;
                }


                    .searchdiv .searchbox .seaselectm1 .haveselm1 .b{
                        
                        width: 10px;
                        height: 20px;
                        background: url(/uploads/image/wimap/down_icon.png) no-repeat;
                        transition: transform 1s;
                        -webkit-transition: transform 1s;
                        -moz-transition: transform 1s;
                        -o-transition: transform 1s;
                        -ms-transition: transform 1s;
                        display: inline-block;
                        background-position:center;
                        float:right;
                        
                    }



        .searchdiv .searchbox .henggang {
            height: 20px;
            overflow: hidden;
            line-height: 20px;
            margin: 5px 23px;
            border-right: 1px solid #dddddd;
        }

        .searchdiv .searchbox .seaselectm {
            width: 80px;
            margin-right: 10px;
            border: 1px solid #ddd;
            position: relative;
            cursor: pointer;
            z-index: 3;
        }

            .searchdiv .searchbox .seaselectm .haveselm {
                width: 63px;
                padding: 0 10px;
                height: 30px;
                line-height: 30px;
                font-size: 12px;
                color: #333;
                word-break: break-all;
                position: relative;
            }

                .searchdiv .searchbox .seaselectm .haveselm cite {
                    font-style: normal;
                }

                .searchdiv .searchbox .seaselectm .haveselm em {
                    width: 10px;
                    height: 5px;
                    background: url(/uploads/image/wimap/down_icon.png) no-repeat;
                    position: absolute;
                    right: 10px;
                    top: 15px;
                    transition: transform 1s;
                    -webkit-transition: transform 1s;
                    -moz-transition: transform 1s;
                    -o-transition: transform 1s;
                    -ms-transition: transform 1s;
                }

                .searchdiv .searchbox .seaselectm .haveselm .row {
                    display: none;
                    position: absolute;
                    left: -1px;
                    top: 30px;
                    background-color: #ffffff;
                    z-index: 11;
                    width: 80px;
                    text-indent: 10px;
                    border: 1px solid #ddd;
                    border-top: none;
                }



                    .searchdiv .searchbox .seaselectm .haveselm .row a {
                        display: block;
                        text-decoration: none;
                    }

                        .searchdiv .searchbox .seaselectm .haveselm .row a:hover {
                            background-color: #eeeeee;
                        }

                .searchdiv .searchbox .seaselectm .haveselm .row1 {
                    display: none;
                    position: absolute;
                    left: -277px;
                    top: 30px;
                    background-color: #ffffff;
                    z-index: 11;
                    width: 356px;
                    border: 1px solid #ddd;
                    border-top: none;
                    padding: 10px 0 10px 0;
                }

                    .searchdiv .searchbox .seaselectm .haveselm .row1 cite {
                        padding-left: 10px;
                        width: 66px;
                        display: inline-block;
                        line-height: 200%;
                        float: left;
                        margin-top: 5px;
                    }

                    .searchdiv .searchbox .seaselectm .haveselm .row1 ul {
                        width: 280px;
                        float: left;
                        margin: 5px 0 5px 0;
                    }

                        .searchdiv .searchbox .seaselectm .haveselm .row1 ul li {
                            float: left;
                            width: 70px;
                            margin-left: 15px;
                            line-height: 200%;
                        }

                    .searchdiv .searchbox .seaselectm .haveselm .row1 .line {
                        clear: both;
                        height: 1px;
                        display: block;
                        background-color: #dddddd;
                        width: 98%;
                    }





.loading {
    width: 150px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-indent: 10px;
    position: absolute;
    left: 50%;
    top: 80px;
    z-index: 1;
    background-color: #999999;
    color: #ffffff;
    font-size: 14px;
    border: 2px solid #eeeeee;
    margin-left: -77px;
}


.searchresultdiv {
    position: absolute;
    left: 0;
    z-index: 2;
    top: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .searchresultdiv .searchbox {
        width: 370px;
        padding: 10px;
        margin: 10px;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0,0,0,.3);
        border-bottom: 1px solid #ddd;
        background: #ffffff;
    }

.resultcount {
    border-bottom: 1px solid #eeeeee;
    height: 35px;
    line-height: 35px;
    text-align: right;
    margin-right: 20px;
}

.page {
    text-align: center;
}

    .page span {
        margin: 5px 0 0 5px;
        padding: 5px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        border: none;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        border: 1px solid #eeeeee;
    }

    .page .seleted {
        background: #ff9900;
        color: #fff;
    }

.fastinjobitem {
    width: 100%;
    background: #fff;
    position: relative;
}

    .fastinjobitem a {
        text-decoration: none;
    }

        .fastinjobitem a:hover {
            text-decoration: underline;
        }

    .fastinjobitem .content {
        padding: 10px 15px 5px;
        line-height: 30px;
        border-bottom: 1px solid #ebebeb;
        display: block;
    }

        .fastinjobitem .content .jobname {
            color: #2182cc;
            font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 65%;
        }

        .fastinjobitem .content .entname {
            color: #909090;
            font-size: 15px;
        }

        .fastinjobitem .content .region {
            font-size: 13px;
            color: #909090;
            float: left;
        }

    .fastinjobitem .money {
        position: absolute;
        top: 9px;
        right: 15px;
        font-size: 18px;
        color: #2276dd;
        line-height: 30px;
    }

.red {
    color: red;
    font-weight: bold;
}

.keywordlevel .job {
    width: 301px;
    border-left: 1px solid #f0f0f0;
    padding: 5px;
    margin-left: 60px;
}

.pxbox {
    margin: 2px 10px 0 0;
    width: 74px;
    height: 25px;
    border: 1px double #cccccc;
    color: #000000;
    line-height: 25px;
    padding-left: 10px;
    position: relative;
    background: url(/uploads/image/wiv/more.gif) #ffffff no-repeat right center;
    cursor: pointer;
    text-align: left;
}

    .pxbox cite {
        font-style: normal;
    }

    .pxbox ul {
        display: none;
        position: absolute;
        top: 25px;
        left: -1px;
        width: 84px;
        border: 1px double #cccccc;
        border-top: none;
        z-index: 999;
        background-color: #ffffff;
    }

        .pxbox ul li {
            text-indent: 10px;
            height: 30px;
            line-height: 30px;
        }

            .pxbox ul li:hover {
                background-color: #eeeeee;
            }

        .pxbox ul .selected {
            background-color: #2276dd;
            color: white;
        }

            .pxbox ul .selected:hover {
                background-color: #2276dd;
                color: white;
            }

.mapbanner {
    margin: 45px 0 45px 0;
    background: #f8f8f8;
}

.mapbox {
    width: 1100px;
    height: 400px;
    margin: auto;
    position: relative;
}

.mapother {
    width: 1100px;
    margin: auto;
}

.mapoper {
    height: 70px;
    background: #f8f8f8;
    margin: auto;
    padding: 25px;
}

    .mapoper .mapjobcount {
        font-size: 20px;
        line-height: 70px;
        height: 70px;
        color: #666;
        float: left;
    }

        .mapoper .mapjobcount .count {
            color: #ff9900;
            font-size: 34px;
            margin-left: 10px;
        }

    .mapoper ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: right;
    }

        .mapoper ul li {
            color: #666;
            float: left;
            min-width: 80px;
            text-align: center;
            line-height: 70px;
            height: 70px;
            position: relative;
            cursor: pointer;
        }

            .mapoper ul li.share {
                background: url(/uploads/image/wimap/zf.png) no-repeat 24px 12px;
                padding-top: 16px;
            }

                .mapoper ul li.share a {
                    background: none !important;
                    /*color: #ff9900;*/
                    display: block;
                    color: #666;
                    line-height: 70px;
                    height: 70px;
                    margin: 0;
                    width: 100% !important;
                    padding: 0;
                }

                .mapoper ul li.share .bds_more:hover {
                    background: none !important;
                    margin: 0;
                }

            .mapoper ul li.like {
                background: url(/uploads/image/wimap/dz.png) no-repeat 24px 11px;
                padding-top: 16px;
            }

            .mapoper ul li.fullscreen {
                background: url(/uploads/image/wimap/qp.png) no-repeat 24px 12px;
                padding-top: 15px;
            }

            .mapoper ul li:after {
                background: #ccc;
                width: 1px;
                position: absolute;
                height: 50px;
                top: 10px;
                right: 0;
                content: '';
            }

            .mapoper ul li:last-child:after {
                background: none;
            }

.maptips {
    width: 1100px;
    height: 358px;
    background: url(/uploads/image/wimap/index_04.jpg) 100% 100%;
    position: relative;
}

    .maptips div {
        color: #666;
        font-size: 14px;
        width: 235px;
        position: absolute;
        top: 280px;
    }

.mapfeedback {
    background: #f8f8f8;
    padding: 30px;
    color: #666;
    font-size: 14px;
}

    .mapfeedback .title {
        color: #2182cc;
        font-size: 30px;
    }

    .mapfeedback textarea {
        border: none;
        font-size: 14px;
        height: 90px;
        width: 458px;
        margin: 10px 0 10px 20px;
    }

    .mapfeedback .mapfeedbackbutton {
        width: 110px;
        line-height: 30px;
        height: 60px;
        padding: 25px 0;
        background: #e84c3d;
        color: #fff;
        font-size: 26px;
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        cursor: pointer;
    }

    .mapfeedback input[type=submit].mapfeedbackbutton {
        height: 110px;
    }

.outfullscreen {
    display: none;
    position: absolute;
    right: 100px;
    top: 60px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.62);
    text-align: center;
    font-size: 15px;
    color: #fff;
}

    .outfullscreen img {
        display: block;
        margin: 7px auto 4px;
        width: 16px;
    }

    .outfullscreen:hover {
        background: rgba(255, 81, 0, 0.75);
    }

.divqr {
    display: none !important;
}
/*//鍩庡競鎼滅储涓嬫媺妗?/
.city_choice {
    font-size: 13px;
    color: #666;
    position: relative;
    height: 20px;
    line-height: 20px;
    width: 90px;
    text-align: center;
    z-index: 100;
    border: 1px solid #ddd;
    float:left;
}

.select_btn {
    background: #fff url(/uploads/image/wimap/down_icon.png) no-repeat center;
    width: 20px;
    position: absolute;
    height: 20px;
    right: 0;
    top: 0;
    cursor: pointer;
}

.city_choice .selected {
    cursor: pointer;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
}

.select_option_box {
    display: none;
    border: 1px solid #ddd;
    position: absolute;
    text-decoration:none;
    width:90px;
    left:-1px; 
}

.select_option {
    background: #fff;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    display: block;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    color:#333;
}

    .select_option:hover {
        background: #49abfd;
        color: #fff;
    }