﻿.HPage_top {
    /*width: 1006px;
    height: 295px;
    border: solid 1px #B5B5B6;*/
    margin: 20px 0;
}

#HPage_mid {
    width: 1008px;
    margin-bottom: 20px;
}

.HPage_left {
    float: left;
    width: 129px;
    margin-right: 9px;
}

.HPage_right {
    float: right;
    width: 129px;
    margin-left: 9px;
}

.HPage_center {
    float: left;
    width: 732px;
}

.main_activity {
    width: 127px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: #B5B5B6;
    background-color: #FFFFFF;
    padding-top: 13px;
    margin-bottom: 16px;
}

    .main_activity ul {
        margin: 0;
        padding: 0;
    }

    .main_activity li {
        list-style-type: none;
    }

.m_a_header {
    width: 129px;
    height: 21px;
    background-color: #CA2C45;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

.m_a_img {
    width: 127px;
    height: 60px;
    overflow: hidden;
}

.m_a_fullimg {
    border: 0;
    width: 129px;
    height: 60px;
}

.m_a_partimg {
    border: 0;
    width: 129px;
}

.publicdraw_scrollMore {
    width: 127px; /*height: 158px;*/
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    padding: 5px 0px;
    border-color: #B5B5B6;
    margin-bottom: 16px;
}

.publicdraw {
    margin: 0 2px;
    width: 123px; /*height: 123px;*/
    overflow: hidden;
}

    .publicdraw ul {
        padding: 0;
        margin: 0;
    }

.publicdraw_header {
    width: 129px;
    height: 21px;
    background-color: #CA2C45;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

.publicdraw_img {
    width: 123px;
    height: 123px;
    overflow: hidden;
}

.publicdraw_fullimg {
    border: 0;
    width: 123px;
    height: 123px;
}

.publicdraw_partimg {
    border: 0;
    width: 123px;
}

.publicdraw_prev {
    width: 15px;
    height: 10px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -81px -55px no-repeat;
    cursor: pointer;
    margin: 0px 56px 5px 56px;
}

.publicdraw_next {
    width: 15px;
    height: 10px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -81px -78px no-repeat;
    cursor: pointer;
    margin: 5px 56px 0px 56px;
}

.soondraw_header {
    width: 129px;
    height: 21px;
    background-color: #CA2C45;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

.soondraw {
    padding-top: 8px;
    width: 127px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: #B5B5B6;
    overflow: hidden;
}

    .soondraw ul {
        margin: 0;
        padding: 0;
    }

    .soondraw li {
        list-style-type: none;
        margin: 0 6px 8px 6px;
        border-bottom: solid 1px #B5B5B6;
    }

        .soondraw li:nth-last-child(1) {
            border: none;
        }

.soondraw_img {
    width: 115px;
    height: 115px;
    overflow: hidden;
}

.soondraw_fullimg {
    border: 0;
    width: 115px;
    height: 60px;
}

.soondraw_partimg {
    border: 0;
    width: 115px;
}

.soondraw_partimg_fix {
    border: 0;
    width: 115px;
    height: auto;
    padding-top: 28px;
}

.soondraw_name {
    text-align: left;
    width: 115px;
    height: 30px;
    font-size: 12px;
    line-height: 15px;
    color: #005599;
    overflow: hidden;
    margin: 6px 0;
}

#newsbar {
    width: 730px;
    height: 26px;
    border: solid 1px #B5B5B6;
    margin-bottom: 15px;
    overflow: hidden;
}

#newsimg {
    margin: 3px 1px 3px 3px;
    float: left;
    width: 51px;
    height: 20px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -152px -213px no-repeat;
}

#newsprev {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -221px -137px no-repeat;
    cursor: pointer;
    margin-right: 2px;
}

#newsnext {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -221px -157px no-repeat;
    cursor: pointer;
    margin-right: 2px;
}

.newstitle {
    display: inline-block;
    margin-right: 6px;
    font-size: 13px;
    width: 526px;
    height: 16px;
    overflow: hidden;
    color: #005599;
}

.newsdate {
    display: inline-block;
    font-size: 13px;
    width: 73px;
    height: 16px;
    overflow: hidden;
    color: #005599;
}

#news {
    margin: 10px;
}

#newsTicker {
    margin: 5px 0;
    float: left;
    width: 602px;
    height: 16px;
    overflow: hidden;
    text-align: left;
}

    #newsTicker ul {
        margin: 0;
        padding: 0;
    }

    #newsTicker li {
        list-style-type: none;
        width: 609px;
        height: 16px;
        overflow: hidden;
    }

#control {
    float: left;
    width: 63px;
    height: 16px;
    margin: 5px 4px 5px 6px;
}

    #control a {
        color: #000000;
        text-decoration: none;
    }

    #control img {
        width: 16px;
    }

#newspause {
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background: url('/images/views2015v1/img_HP_all_icon.png') -221px -117px no-repeat;
    cursor: pointer;
}

#draw_header_img {
    float: left;
    width: 141px;
    height: 30px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -5px -100px no-repeat;
}

.m_a_name {
    width: 127px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    color: #005599;
    overflow: hidden;
    margin: 5px 0 11px 0;
}

#draw_header_bar {
    width: 591px;
    height: 25px;
    background-color: #257338;
    border-bottom: solid 5px #35A438;
    margin-left: 141px;
    margin-top: 15px;
}

.draw {
    width: 730px;
    margin-bottom: 15px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: #B5B5B6;
    overflow: hidden;
}

    .draw ul {
        margin: 0;
        padding: 0;
        margin-left: 1px;
    }

    .draw li {
        display: inline;
        width: 242px;
        height: 227px;
        float: left;
    }

        .draw li.first_line {
            margin-top: 10px;
        }

        .draw li.second_line {
            margin-bottom: 10px;
        }

.draw_item {
    width: 242px;
    height: 226px;
}

.draw li.first_line {
    border-right: solid 1px #B5B5B6;
    border-bottom: solid 1px #B5B5B6;
}

.draw li.second_line {
    border-right: solid 1px #B5B5B6;
}

.draw li.last {
    border-right: none;
}

.draw_title {
    margin: 0px 6px 8px 6px;
    color: #000000;
    font-size: 14px;
    line-height: 17px;
    width: 230px;
    height: 32px;
    overflow: hidden;
    text-align: left;
}

    .draw_title a {
        color: #000000;
    }

.draw_title_second {
    margin-top: 10px;
}

.draw_img {
    margin: 0 6px 9px 6px;
    width: 230px;
    height: 120px;
    overflow: hidden;
}

.draw_fullimg {
    border: 0;
    width: 230px;
    height: 120px;
}

.draw_partimg {
    border: 0;
    width: 230px;
}

.draw_day {
    float: left;
    margin-left: 6px;
    height: 24px;
}

.draw_count_text {
    font-size: 12px;
    color: #5F5858;
}

.draw_count_num {
    font-size: 20px;
    font-weight: bold;
    font-family: Century Gothic;
    color: #35A438;
}

.draw_count {
    float: right;
    height: 24px;
    margin-right: 6px;
}

.draw_host {
    float: left;
    margin: 10px 29px 7px 6px;
    font-size: 12px;
    color: #5F5858;
    width: 132px;
    height: 16px;
    overflow: hidden;
    text-align: left;
}

    .draw_host a {
        color: #5F5858;
    }

.dhost_btn {
    float: left;
    width: 68px;
    height: 22px;
    margin: 4px 6px 7px 0;
    background: url('/images/views2015v1/img_HP_all_icon.png') -152px -5px no-repeat;
}

#brand_ladraw1_bg {
    width: 732px;
    height: 129px;
    margin-bottom: 15px;
}

.brand_ladraw1_a {
    position: absolute;
}

.brand_ladraw1 {
    margin: auto;
    width: 459px;
    height: 113px;
    overflow: hidden;
}

    .brand_ladraw1 ul {
        margin: 0;
        padding: 0;
    }

    .brand_ladraw1 li {
        float: left;
        width: 118px;
        list-style-type: none;
        margin: 3px 0;
        padding: 0 17px; /*border-right: solid 1px #B5B5B6;*/
        text-align: left;
    }

/*.brand_ladraw1 li:nth-child(3n+0) {
  border: none;
}*/

.brand_ladraw1_scrollMore {
    float: right;
    margin: 7px;
    width: 492px;
    height: 113px;
    border: solid 1px #B5B5B6;
    position: relative;
    background: #ffffff url('/images/views2015v1/brand_ad_bg.png') no-repeat;
}

.brand_ladraw1_prev {
    float: left;
    width: 29px;
    height: 47px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -5px -47px no-repeat;
    cursor: pointer;
    position: absolute;
    top: 33px;
    left: -1px;
    z-index: 10;
}

.brand_ladraw1_next {
    float: right;
    width: 29px;
    height: 47px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -39px -47px no-repeat;
    cursor: pointer;
    position: absolute;
    top: 33px;
    right: -1px;
    z-index: 10;
}

.brand_ladraw1_img {
    width: 118px;
    height: 75px;
    overflow: hidden;
}

.brand_ladraw1_fullimg {
    border: 0;
    width: 118px;
    height: 75px;
}

.brand_ladraw1_partimg {
    border: 0;
    width: 118px;
}

.brand_ladraw1_title {
    width: 118px;
    height: 16px;
    font-size: 12px;
    letter-spacing: 0.8px;
    color: #005599;
    overflow: hidden;
}

.brand_ladraw1_price {
    width: 118px;
    height: 16px;
    font-size: 12px;
    letter-spacing: 0.8px;
    color: #C30D23;
    overflow: hidden;
}

.brand_ladraw1_border {
    float: left;
    margin: 3px 17px;
    height: 107px;
    width: 0;
    border-right: solid 1px #B5B5B6;
}

#brand_ladraw2 {
    width: 732px;
    height: 130px;
    margin-bottom: 15px;
}

#bl2_block1_scrollMore {
    float: left;
    width: 238px;
    height: 128px;
    border: solid 1px #B5B5B6;
    position: relative;
}

    #bl2_block1_scrollMore ul {
        padding: 0;
        margin: 0;
    }

.brand_ladraw2_prev {
    width: 29px;
    height: 47px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -5px -47px no-repeat;
    cursor: pointer;
    position: absolute;
    top: 43px;
    left: 0px;
    z-index: 101;
}

.brand_ladraw2_next {
    width: 29px;
    height: 47px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -39px -47px no-repeat;
    cursor: pointer;
    position: absolute;
    top: 43px;
    right: 0px;
    z-index: 101;
}

.brand_ladraw2_img {
    width: 238px;
    height: 128px;
    overflow: hidden;
}

.brand_ladraw2_fullimg {
    border: 0;
    width: 238px;
    height: 128px;
}

.brand_ladraw2_partimg {
    border: 0;
    width: 238px;
}

#bl2_block2_scrollMore {
    float: left;
    margin: 0 6px;
    width: 238px;
    height: 128px;
    border: solid 1px #B5B5B6;
    position: relative;
}

    #bl2_block2_scrollMore ul {
        padding: 0;
        margin: 0;
    }

#bl2_block3_scrollMore {
    float: left;
    width: 238px;
    height: 128px;
    border: solid 1px #B5B5B6;
    position: relative;
}

    #bl2_block3_scrollMore ul {
        padding: 0;
        margin: 0;
    }

#ndraw_header_img {
    float: left;
    width: 141px;
    height: 30px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -5px -135px no-repeat;
}

#ndraw_header_bar {
    width: 591px;
    height: 25px;
    background-color: #982238;
    border-bottom: solid 5px #D62C46;
    margin-left: 141px;
    margin-top: 15px;
}

.ndraw {
    width: 730px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: #B5B5B6;
    margin-bottom: 15px;
    overflow: hidden;
}

    .ndraw ul {
        margin: 0;
        padding: 0;
    }

    .ndraw li {
        float: left;
        list-style-type: none;
        border-right: 1px solid #ddd;
        margin: 10px 0px 8px;
    }

        .ndraw li.last {
            border-right: none;
        }

.ndraw_item {
    width: 181px;
    height: 261px;
    text-align: left;
}

.ndraw_title {
    margin: 0px 6px 8px 6px;
    width: 169px;
    height: 29px;
    font-size: 14px;
    letter-spacing: 1.2px;
    line-height: 15px;
    overflow: hidden;
    color: #000000;
}

    .ndraw_title a {
        color: #000000;
    }

.ndraw_img {
    margin: 0 6px 9px 6px;
    width: 167px;
    height: 167px;
    border: solid 1px #F2F2F2;
    overflow: hidden;
}

.ndraw_fullimg {
    border: 0;
    width: 167px;
    height: 167px;
}

.ndraw_partimg {
    border: 0;
    width: 167px;
}

.ndraw_price {
    margin: 0 6px;
    height: 13px;
    font-size: 12px;
    color: #C8BFC0;
    overflow: hidden;
}

.n_price_num {
    text-decoration: line-through;
}

.ndraw_point {
    float: left;
    width: 77px;
    height: 24px;
    margin: 12px 23px 0px 6px;
    overflow: hidden;
}

.n_point_num {
    font-size: 20px;
    font-weight: bold;
    font-family: Century Gothic;
    color: #D62C46;
}

.n_point_text {
    font-size: 12px;
    color: #5F5858;
    padding-left: 1px;
}

.ndraw_btn {
    float: left;
    width: 68px;
    height: 22px;
    margin: 11px 6px 0px 0;
    background: url('/images/views2015v1/img_HP_all_icon.png') -152px -32px no-repeat;
}

/*.ndraw_border
{
    float: left;
    width: 0px;
    height: 261px;
    border-left: solid 1px #B5B5B6;
    margin: 8px 0 10px 0;
}*/

#spec_header_img {
    float: left;
    width: 141px;
    height: 30px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -5px -170px no-repeat;
}

#spec_header_bar {
    width: 591px;
    height: 25px;
    background-color: #AF3D1E;
    border-bottom: solid 5px #DC4C1D;
    margin-left: 141px;
    margin-top: 15px;
}

.spec {
    width: 730px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: #B5B5B6;
    margin-bottom: 15px;
    overflow: hidden;
}

    .spec ul {
        margin: 0;
        padding: 0;
    }

    .spec li {
        display: inline;
        float: left;
        width: 242px;
        height: 254px;
    }

        .spec li.first_line {
            margin-top: 10px;
        }

        .spec li.second_line {
            margin-bottom: 10px;
        }

        .spec li.first_line {
            border-right: solid 1px #B5B5B6;
            border-bottom: solid 1px #B5B5B6;
        }

        .spec li.second_line {
            border-right: solid 1px #B5B5B6;
        }

        .spec li.last {
            border-right: none;
        }


.spec_item {
    text-align: left;
    width: 242px;
    height: 254px; /*border-bottom: solid 1px;     border-left: solid 1px;     border-color: #B5B5B6;*/
}

.spec_title {
    width: 230px;
    height: 32px;
    overflow: hidden;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1.8px;
    color: #000000;
    margin: 0px 6px 8px 6px;
}


    .spec_title a {
        color: #000000;
    }

.spec_title_second {
    margin-top: 10px;
}

.spec_img {
    width: 230px;
    height: 154px;
    overflow: hidden;
    margin: 0 6px 9px 6px;
}

.spec_fullimg {
    border: 0;
    width: 230px;
    height: 154px;
}

.spec_partimg {
    border: 0;
    width: 230px;
}

.spec_price {
    margin-left: 6px;
    float: left;
    width: 42px;
    height: 13px;
    font-size: 12px;
    color: #DC4C1D;
    text-decoration: line-through;
}

.spec_sell {
    float: right;
    width: 84px;
    height: 13px;
    font-size: 12px;
    color: #2954A3;
    margin-right: 6px;
    text-align: right;
}

.spec_teambuying {
    width: 110px;
    height: 20px;
    margin: 11px 0 7px 6px;
    float: left;
    color: #DC4C1D;
}

.spec_teambuying_price {
    font-size: 18px;
    font-family: Century Gothic;
    font-weight: bold;
}

.spec_teambuying_text {
    font-size: 12px;
}

.spec_btn {
    margin: 9px 6px 7px 0;
    float: right;
    width: 60px;
    height: 22px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -152px -59px no-repeat;
}
/* 好康券 */
#coupon_header_img {
    float: left;
    width: 141px;
    height: 30px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -5px -205px no-repeat;
}

#coupon_header_bar {
    width: 591px;
    height: 25px;
    background-color: #B5981F;
    border-bottom: solid 5px #E0BA22;
    margin-left: 141px;
    margin-top: 15px;
}

.coupon {
    width: 727px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: #B5B5B6;
    padding-top: 10px;
    padding-right: 3px;
}

    .coupon ul {
        margin: 0;
        padding: 0;
    }

    .coupon li {
        display: inline;
        float: left;
    }

.coupon_item {
    width: 240px;
    height: 130px;
    overflow: hidden;
    margin: 0 0 10px 2px;
}

.coupon_func {
    position: relative;
    z-index: 5;
    display: none;
}

.fbBtm {
    float: left;
    margin: 4px 7px 5px 0;
    width: 40px;
    height: 54px;
    overflow: hidden;
    cursor: pointer;
    background: url('/images/views2015v1/btm_all_btn.png') no-repeat -92px -7px;
    position: absolute;
    top: 38px;
    left: 80px;
}

.dlBtm {
    float: left;
    margin: 4px 6px 5px 0;
    width: 40px;
    height: 54px;
    overflow: hidden;
    cursor: pointer;
    background: url('/images/views2015v1/btm_all_btn.png') no-repeat -138px -7px;
    position: absolute;
    top: 38px;
    left: 127px;
}

.coupon_img {
    width: 240px;
    height: 130px;
    overflow: hidden;
}

.coupon_fullimg {
    border: 0;
    width: 240px;
    height: 130px;
}

.coupon_partimg {
    border: 0;
    width: 240px;
}
/* 廠商 */
.HPage_bottom {
    width: 1008px;
    height: 62px;
    margin-bottom: 20px;
}

#bottom_menu_scrollMore {
    margin: auto;
    width: 810px;
    height: 62px;
}

#bottom_menu {
    float: left;
    width: 740px;
    height: 62px;
    overflow: hidden;
}

    #bottom_menu li {
        float: left;
        width: 74px;
    }

#bottom_menu_prev {
    float: left;
    width: 27px;
    height: 38px;
    cursor: pointer;
    background: url('/images/views2015v1/img_HP_all_icon.png') -152px -117px no-repeat;
    margin: 12px 0;
}

    #bottom_menu_prev:hover {
        background: url('/images/views2015v1/img_HP_all_icon.png') -152px -160px no-repeat;
    }

#bottom_menu_next {
    float: left;
    width: 27px;
    height: 38px;
    cursor: pointer;
    background: url('/images/views2015v1/img_HP_all_icon.png') -184px -117px no-repeat;
    margin: 12px 0 12px 12px;
}

    #bottom_menu_next:hover {
        background: url('/images/views2015v1/img_HP_all_icon.png') -184px -160px no-repeat;
    }

.bottom_menu_img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 12px;
    border: solid 1px #E2E1E1;
}

#midadv1 {
    width: 127px;
    height: 78px;
    border: solid 1px #B5B5B6;
}

#midadv2 {
    width: 127px;
    height: 78px;
    border: solid 1px #B5B5B6;
    margin: 8px 0 15px 0;
}

#midadv3 {
    width: 127px;
    height: 190px;
    border: solid 1px #B5B5B6;
    margin-bottom: 24px;
}

.carousel {
    display: inline;
}

.prev {
    display: inline;
    width: 27px;
    height: 38px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -152px -117px no-repeat;
}

.next {
    display: inline;
    width: 27px;
    height: 38px;
    background: url('/images/views2015v1/img_HP_all_icon.png') -184px -117px no-repeat;
}

.carousel img {
    width: 60px;
    height: 60px;
}
