body
{
    background-color: #f5f5f5;
}

a:hover
{
    color: #df80c9;
}

.container
{
    position: relative;
    width: 100%;
}

.top-part
{
    background: url(../images/top_bg.jpg) 50% 0 no-repeat;
    width: 100%;
    height: 289px;
    margin: 0px auto;
}

.top-content
{
    width: 804px;
    margin: 0px auto;
    position: relative;
}

.search-part
{
    position: absolute;
    top: 169px;
    left: 82px;
    width: 605px;
    height: 44px;
    border: 2px solid #bfbfbf;
}

    .search-part .option-wrap
    {
        width: 100px;
        float: left;
        border-right: 1px solid #bfbfbf;
        height: 100%;
        position: relative;
    }

.selectsearch
{
    height: 38px;
    line-height: 45px;
    width: 100px;
    text-align: center;
    color: #999;
    position: relative;
}


    .selectsearch strong
    {
        width: 45px;
        font-weight: 400;
    }

    .selectsearch i, .selectsearch strong
    {
        cursor: pointer;
    }

    .selectsearch i
    {
        background: url(../images/icons/down.png) 0 3px no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-left: 10px;
    }

.login-info
{
    position: absolute;
    top: 185px;
    right: 10px;
}

.selectshow
{
    position: absolute;
    background: #fff;
    width: 95px;
    height: auto;
    left: 0;
    top: 46px;
    overflow: hidden;
    z-index: 100;
}

.selectshow, .showsearch
{
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
}

    .selectshow li
    {
        text-align: center;
        line-height: 2.4;
        border-top: 1px solid #eee;
        cursor: pointer;
    }

        .selectshow li:hover
        {
            background-color: #e5f2fc;
            color: #267dd7;
        }

.search-part .content-wrap
{
    float: left;
    width: 470px;
    border-right: 1px solid #bfbfbf;
    height: 100%;
}

    .search-part .content-wrap input
    {
        width:460px;
        height:42px;
        border:0;
    }

.search-part .btn-wrap
{
    float: left;
    padding-left:5px;
}

    .search-part .btn-wrap .btn
    {
    }

.nav
{
    position: absolute;
    top: 237px;
    height: 34px;
    padding: 18px 0px 0px 0px;
    z-index: 10;
}

.nav-list
{
    width:860px;
}

    .nav-list li
    {
        float: left;
        padding: 0px 10px;
    }

        .nav-list li a
        {
            color: #fff;
            font-size: 16px;
        }


.btn_search
{
    background: url(../images/icons/btn_search.jpg) no-repeat;
    width: 19px;
    height: 19px;
    border: 0;
    padding: 0;
    margin-top:12px;
}




/* bottom part */
.bottom-part
{
    width: 100%;
    height: 297px;
    margin-top: 52px;
    background: url(../images/bottom_bg.jpg) 50% 0 no-repeat;
}

.bottom-content
{
    width: 1204px;
    margin: 0px auto;
    height: 297px;
    position: relative;
}


    .bottom-content .magazine-wrap
    {
        position:absolute;
        top: 47px;
        right: 381px;
    }

    .bottom-content .magazine-wrap img {
        width: 165px;
        height: 223px;
    }


    .bottom-content .code
    {
        position: absolute;
        top: 47px;
        right: 105px;
        width: 196px;
        text-align: center;
        line-height: 24px;
    }


.textbox
{
    border: 1px solid #cccccc;
    width: 288px;
    height: 33px;
    padding-left: 10px;
}


.checkbox-inline
{
    vertical-align: middle;
    font-size: 16px;
}

.forget_pwd
{
    float: right;
    margin-right: 10px;
    color: #0899e2;
}

i.hits
{
    background: url(../images/icons/icon_read.png) no-repeat;
    width: 16px;
    height: 9px;
    display: inline-block;
}

i.collect
{
    background: url(../images/icons/icon_collect.png) no-repeat;
    width: 15px;
    height: 14px;
    display: inline-block;
}

i.favorite
{
    background: url(../images/icons/icon_favorite.png) no-repeat;
    width: 14px;
    height: 12px;
    display: inline-block;
}

i.comment
{
    background: url(../images/icons/icon_comment.png) no-repeat;
    width: 15px;
    height: 13px;
    display: inline-block;
}



i.position
{
    background: url(../images/icons/icon_position.png) no-repeat;
    width: 15px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -3px;
}

i.activity-time
{
    background: url(../images/icons/icon_activity_time.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: -1px;
}

i.reg-time
{
    background: url(../images/icons/icon_reg_time.png) no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: -1px;
}

i.contact
{
    background: url(../images/icons/icon_tel.png) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: -1px;
}

i.person
{
    background: url(../images/icons/icon_person.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: -1px;
}

.button
{
    padding: 3px 10px;
    border-radius: 3px;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.6;
}



.button-blue
{
    background-color: #0089cd;
}

.button:hover
{
    color: #fff;
}

.msg
{
    background: url(../images/msg.png) no-repeat;
    width: 70px;
    height: 70px;
    display: block;
}

.msg-question
{
    background-position: 0px 0px;
}

.msg-info
{
    background-position: -107px -22px;
}

.msg-error
{
    background-position: -107px -104px;
}

.msg-success
{
    background-position: 100px 0px;
}


/*********左右结构内容部分********/
.mid-part
{
    width: 100%;
    min-height: 600px;
}

.content-container
{
    width: 1200px;
    margin: 0px auto;
}

    .content-container .location
    {
        padding: 20px 0px;
    }

        .content-container .location span.cur
        {
            color: #ff3f3f;
        }

    .content-container .option-wrap
    {
        width: 100%;
    }

.option-wrap .option-type, .option-wrap .option-category, .option-wrap .option-sort, .option-wrap .option-area
{
    padding: 5px 10px;
}

.option-wrap .item
{
    padding: 5px 10px;
    display: inline-block;
}

.option-wrap .selected
{
    color: #fff;
    background-color: #009ae3;
}

.left-part
{
    float: left;
    width: 877px;
    margin-top: 20px;
}

.right-part
{
    float: right;
    width: 300px;
    margin-top: 20px;
    min-height: 600px;
}



/* pageing style */
.pageing
{
    float: right;
    border: 0px;
    /*padding-left: 10px;*/
    height: 30px;
    line-height: 30px;
    /* padding-top: 8px; */
    color: #333;
}

    .pageing a
    {
        color: #ACA899;
    }

        .pageing a:hover
        {
            color: #696969;
        }


        .txt-suc {
    color: #35BC00;
}

.txt-impt, .txt-err {
    color: #DA3752;
}

.txt-main {
    color: #333;
}

.txt-red {
    color: #db3652;
}

.txt-gray {
    color: #999;
}

.txt-blue {
    color: #0079fe;
}

.txt-orange {
    color: #ff9b00;
}

.txt-green {
    color: #528d00;
}

.txt-yxgreen {
    color: #20b89a;
}

.txt-dark {
    color: #666;
}