.main_wrap {
    background: url(../images/common/main_wrap_bg.png) #F2F2F2 no-repeat center bottom;
}

/*==========轮播================*/
.home_mainpart_wrap {
    height: 616px;
    background: #F2F2F2;
    position: relative;
}

.home_slide {
    width: 751px;
    height: 450px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -365px;
    overflow: hidden;
}

.home_slide .bd {
    position: relative;
    z-index: 0;
}

.home_slide .bd li {
    zoom: 1;
}

.home_slide .bd a {
    display: block;
    height: 450px;
}

.home_slide .hd {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 15px;
    z-index: 12;
}

.home_slide .hd ul {
    *left: 50%;
    *position: absolute;
    *bottom: 0;
}

.home_slide .hd li:first-child {
    margin-left: 0;
}

.home_slide .hd li {
    display: inline-block;
    *display: inline;
    *float: left;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 2px solid #fff;
    background-color: transparent;
    margin-left: 10px;
    text-indent: -9999px;
    font-size: 0;
    zoom: 0;
    cursor: pointer;
    overflow: hidden;
}

.home_slide .hd li.on {
    width: 25px;
    border: 2px solid #EA0C2F;
    background: #EA0C2F;
    border-radius: 14px;
    transition: all .3s linear 0s;
}

.home_slide .prev, .home_slide .next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 36px;
    height: 50px;
    background: url(../images/index/arrow_l.png) no-repeat;
}

.home_slide .next {
    left: auto;
    right: 0;
    background: url(../images/index/arrow_r.png) no-repeat;
}

.home_slide .prev:hover, .home_slide .next:hover {
    background: url(../images/index/arrow_l_hover.png) no-repeat;
}

.home_slide .next:hover {
    background: url(../images/index/arrow_r_hover.png) no-repeat;
}

.home_mainpart {
    height: 1px;
    z-index: 999;
}

/*左侧*/
.home_nav {
    width: 226px;
    height: 616px;
    position: relative;
}

.home_nav .nav_icon {
    width: 60px;
    height: 88px;
    background: url("../images/index/nav_line.png") #534B4E no-repeat center bottom;
}

.home_nav .nav_icon.on {
    background: #fff;
}

.home_nav .nav_icon .nav_tab {
    width: 59px;
    height: 88px;
    cursor: pointer;
    border-left: 1px solid transparent;
}

.home_nav .nav_icon.on .nav_tab {
    border-left: 1px solid #eb0c1c;
}

.home_nav .nav_icon .nav_tab span {
    padding-top: 16px;
    display: block;
    width: 60px;
    height: 24px;
}

.home_nav .nav_icon0 .nav_tab span {
    background: url(../images/index/nav_icon0.png) no-repeat center bottom;
}

.home_nav .nav_icon1 .nav_tab span {
    background: url(../images/index/nav_icon1.png) no-repeat center bottom;
}

.home_nav .nav_icon2 .nav_tab span {
    background: url(../images/index/nav_icon2.png) no-repeat center bottom;
}

.home_nav .nav_icon3 .nav_tab span {
    background: url(../images/index/nav_icon3.png) no-repeat center bottom;
}

.home_nav .nav_icon4 .nav_tab span {
    background: url(../images/index/nav_icon4.png) no-repeat center bottom;
}

.home_nav .nav_icon5 .nav_tab span {
    background: url(../images/index/nav_icon5.png) no-repeat center bottom;
}

.home_nav .nav_icon6 .nav_tab span {
    background: url(../images/index/nav_icon6.png) no-repeat center bottom;
}

.home_nav .nav_icon .nav_tab p {
    padding-top: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    width: 30px;
    margin: 0 auto;
}

.home_nav .nav_icon.on .nav_tab p {
    font-weight: bold;
    color: #eb0c1c;
}

.home_nav .nav_icon0.on .nav_tab span {
    background: url(../images/index/nav_icon0_hover.png) no-repeat center bottom;
}

.home_nav .nav_icon1.on .nav_tab span {
    background: url(../images/index/nav_icon1_hover.png) no-repeat center bottom;
}

.home_nav .nav_icon2.on .nav_tab span {
    background: url(../images/index/nav_icon2_hover.png) no-repeat center bottom;
}

.home_nav .nav_icon3.on .nav_tab span {
    background: url(../images/index/nav_icon3_hover.png) no-repeat center bottom;
}

.home_nav .nav_icon4.on .nav_tab span {
    background: url(../images/index/nav_icon4_hover.png) no-repeat center bottom;
}

.home_nav .nav_icon5.on .nav_tab span {
    background: url(../images/index/nav_icon5_hover.png) no-repeat center bottom;
}

.home_nav .nav_icon6.on .nav_tab span {
    background: url(../images/index/nav_icon6_hover.png) no-repeat center bottom;
}

/*展开�?*/
.home_nav .nav_icon .nav_box {
    width: 928px;
    height: 616px;
    position: absolute;
    top: 0;
    left: 60px;
    z-index: 99;
    visibility: hidden;
    box-shadow: 3px 3px 5px rgba(0, 0, 30, 0.08);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 30, 0.08);
}

.home_nav .nav_icon0 .nav_box {
    z-index: 98;
    width: 165px;
    background: url(../images/index/nav_icon0_bg.png) #fff no-repeat center bottom;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.home_nav .nav_icon.on .nav_box {
    visibility: visible;
}

.nav_box .jian_box1 {
    width: 146px;
    height: 152px;
    border-bottom: 1px solid #E1E1E1;
    margin-left: 9px;
    margin-top: 12px;
}

.nav_box .jian_box1 .jian1 {
    float: left;
    width: 62px;
    height: 74px;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    margin-left: 5px;
    position: relative;
}

.nav_box .jian_box1 .jian1 span {
    display: inline-block;
    width: 64px;
    height: 24px;
    background: url("../images/index/jian1_icon.png") no-repeat center bottom;
    margin-top: 10px;
    margin-bottom: 2px;
}

.nav_box .jian_box1 .jian1 .hot_icon {
    display: inline-block;
    width: 25px;
    height: 24px;
    background: url("../images/index/hot_icon.png");
    position: absolute;
    top: 0;
    right: -2px;
}

.nav_box .jian_box1 .jian2 {
    float: right;
    width: 62px;
    height: 74px;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    margin-right: 2px;
}

.nav_box .jian_box1 .jian2 span {
    display: inline-block;
    width: 64px;
    height: 24px;
    background: url("../images/index/jian2_icon.png") no-repeat center bottom;
    margin-top: 10px;
    margin-bottom: 2px;
}

.nav_box .jian_box1 p {
    width: 42px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 12px;
    color: #282828;
    text-align: center;
}

.nav_box .jian_box1 .jian1:hover p, .nav_box .jian_box1 .jian2:hover p {
    color: #EB0C1C;
}

.nav_box .jian_box1 .jian3, .nav_box .jian_box1 .jian4 {
    float: left;
    width: 137px;
    height: 20px;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    margin-left: 5px;
}

.nav_box .jian_box1 .jian3 {
    margin-top: 12px;
}

.nav_box .jian_box1 .jian4 {
    margin-top: 8px;
}

.nav_box .jian_box1 .jian3 a, .nav_box .jian_box1 .jian4 a {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 20px;
    color: #282828;
    text-align: center;
    overflow: hidden;
}

.nav_box .jian_box1 .jian3 a:hover, .nav_box .jian_box1 .jian4 a:hover {
    color: #EB0C1C;
}

.nav_box .jian_box1 .jian3 a.first {
    width: 44px;
}

.nav_box .jian_box1 .jian3 a.two {
    width: 92px;
    border-left: 1px solid #E1E1E1;
}

.nav_box .jian_box1 .jian4 a {
    width: 45px;
    border-left: 1px solid #E1E1E1;
}

.nav_box .jian_box1 .jian4 a:first-child {
    border-left: none;
}

.nav_box .jian_box2 {
    width: 143px;
    height: 451px;
    margin-left: 9px;
}

.nav_box .jian_box2 li {
    width: 143px;
    height: 112px;
    border-top: 1px dotted #C6C6C6;
}

.nav_box .jian_box2 li:first-child {
    border-top: none;
}

.nav_box .jian_box2 li .tit {
    width: 130px;
    margin: 0 auto;
    padding-top: 12px;
    margin-bottom: 4px;
}

.nav_box .jian_box2 li .tit a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #534b4e;
    font-weight: bold;
}

.nav_box .jian_box2 li .tit i {
    float: right;
    display: inline-block;
    width: 5px;
    height: 20px;
    vertical-align: top;
    background: url("../images/index/tit_icon.png") no-repeat center center;
}

.nav_box .jian_box2 li .cont {
    width: 130px;
    margin: 0 auto;
}

.nav_box .jian_box2 li .cont a {
    float: left;
    display: block;
    width: 64px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #aaaaaa;
    overflow: hidden;
}

.nav_box .jian_box2 li .cont a:hover {
    color: #EB0C1C;
}

/*展开�?2*/
.nav_box .box_fl {
    width: 688px;
    height: 616px;
    background: #fff;
}

.nav_box .box_fl .wth_margin {
    width: 634px;
    height: 616px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.nav_box .box_fl .other_link {
    margin-top: 28px;
    margin-bottom: 15px;
}

.nav_box .box_fl .other_link a {
    display: block;
    float: left;
    width: 86px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #756C6F;
    margin-right: 10px;
}

.nav_box .box_fl .other_link i {
    margin-left: 6px;
}

.nav_box .box_fl .box_li li {
    border-top: 1px dotted rgba(151, 151, 151, 0.5);
    padding: 10px 0;
}

.nav_box .box_fl .box_li li:first-child {
    border-top: transparent;
}

.nav_box .box_fl .box_li li .tit {
    width: 74px;
    height: 100%;
    background: url(../images/index/pull_r_hover_icon2.png) no-repeat right center;
}

.nav_box .box_fl .box_li li .tit a {
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
}

.nav_box .box_fl .box_li li .tit a i {
    margin-left: 6px;
}

.nav_box .box_fl .box_li li .cont {
    width: 538px;
    height: 100%;
}

.nav_box .box_fl .box_li li .cont a {
    float: left;
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #808080;
    padding: 0 18px;
    position: relative;
}

.nav_box .box_fl .box_li li .cont a:hover {
    color: #EB0C1C;
}

.nav_box .box_fl .box_li li .cont a:before {
    content: "|";
    display: block;
    width: 2px;
    height: 14px;
    font-size: 14px;
    color: #D9D9D9;
    position: absolute;
    left: 0;
    top: 0;
}

.nav_box .box_fl .box_li li .cont a.sta_no {
    padding-left: 0;
}

.nav_box .box_fl .box_li li .cont a.sta_no:before {
    content: "";
}

.nav_box .box_fl .store_link {
    width: 312px;
    height: 123px;
    background: #f5f5f5;
}

.nav_box .box_fl .store_link a {
    display: block;
    width: 312px;
    height: 123px;
}

.nav_box .box_fl .store_link .w_pad {
    margin: 20px 13px;
    width: 286px;
    height: 83px;
    position: relative;
}

.nav_box .box_fl .store_link .text {
    width: 230px;
    line-height: 20px;
    color: #4c4c4c;
    font-size: 14px;
}

.nav_box .box_fl .store_link i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
}

.nav_box .box_fl .store_link .link_pic_box {
    width: 60px;
    height: 65px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.nav_box .box_fl .store_link .pic {
    width: 60px;
    height: 65px;
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
}

.nav_box .box_fl .store_link .pic img {
    max-width: 100%;
    max-height: 65px;
}

.nav_box .box_fl .store_link .price {
    font-size: 12px;
    color: #eb0c1c;
    position: absolute;
    top: 18px;
    right: 60px;
}

.nav_box .box_fl .store_link .price span {
    font-size: 16px;
    color: #eb0c1c;
}

.nav_box .box_fl .store_link .guide {
    position: absolute;
    bottom: 0;
    left: 0;
}

.nav_box .box_fl .store_link .guide .tips {
    float: left;
    margin-right: 18px;
    font-size: 12px;
    color: #b2b2b2;
}

.nav_box .box_fr {
    width: 240px;
    height: 616px;
    background: #F7F7F7;
    position: relative;
}

.nav_box .box_fr .wth_margin {
    width: 220px;
    height: 596px;
    margin: 10px;
    overflow: hidden;
}

.nav_icon5 .nav_box .box_fr .wth_margin, .nav_icon6 .nav_box .box_fr .wth_margin {
    width: 220px;
    height: 236px;
    margin: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.nav_box .box_fr .wth_margin li {
    width: 220px;
    height: 110px;
    background: #FCFCFC;
    margin-bottom: 10px;
    position: relative;
}

.nav_box .box_fr .wth_margin li.last {
    height: 236px;
    margin-bottom: 0;
}

.nav_box .box_fr .wth_margin li.last a {
    display: block;
    height: 236px;
}

.nav_box .box_fr .wth_margin li .pro_img_box {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #D6D6D6;
    margin-top: 18px;
    margin-left: 32px;
}

.nav_box .box_fr .wth_margin li .pro_img {
    width: 75px;
    height: 75px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.nav_box .box_fr .wth_margin li img {
    max-width: 100%;
    max-height: 100%;
}

.nav_box .box_fr .wth_margin li .pic_text {
    width: 90px;
    height: 75px;
    margin-top: 18px;
    margin-left: 10px;
}

.nav_box .box_fr .wth_margin li .pic_text .p1 {
    line-height: 20px;
    color: #4c4c4c;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav_box .box_fr .wth_margin li .pic_text .p2 {
    line-height: 16px;
    color: #999;
    font-size: 12px;
    padding-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav_box .box_fr .wth_margin li .pic_text .p3 {
    display: inline-block;
    line-height: 16px;
    color: #666;
    font-size: 12px;
}

.nav_box .box_fr .wth_margin li:hover .pic_text .p3 {
    color: #eb0c1c;
}

.nav_box .box_fr .wth_margin li.last .text_big {
    line-height: 26px;
    color: #5c5c5c;
    font-size: 18px;
    text-align: center;
    padding: 20px 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav_box .box_fr .wth_margin li.last .text_sm {
    line-height: 26px;
    color: #999;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav_box .box_fr .wth_margin li.last .li_last_pro {
    width: 220px;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.nav_box .box_fr .wth_margin li.last .li_last_pro img {
    max-height: 150px;
}

/*右侧*/
.home_notice {
    background: #fff;
    width: 205px;
    height: 606px;
    margin-top: 10px;
    overflow: hidden;
}

.login_box {
    width: 205px;
    height: 126px;
    border-bottom: 2px solid #EFEFEF;
}

.login_img {
    width: 44px;
    height: 44px;
    margin: 20px 10px 0 20px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.login_img img {
    width: 44px;
    height: 44px;
    overflow: hidden;
}

.login_box .p {
    width: 112px;
    line-height: 18px;
    font-size: 12px;
    color: #808080;
    margin-top: 24px;
}

.login_box .p span {
    text-transform: uppercase;
}

.login_box p {
    width: 110px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #808080;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.login_btn_box {
    height: 27px;
    text-align: center;
    margin-top: 15px;
}

.login_btn {
    display: inline-block;
    width: 77px;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.login_btn_box .login {
    border: 1px solid #EB0C1C;
    background: #EB0C1C;
}

.login_btn_box .login:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 13px;
    background: url(../images/index/login_icon.png) no-repeat;
    padding-right: 4px;
    vertical-align: -2px;
}

.login_btn_box .register {
    border: 1px solid #EB0C1C;
    color: #EB0C1C;
}

.slide_box {
    width: 205px;
    height: 88px;
    border-bottom: 2px solid #EFEFEF;
    position: relative;
}

.slide_box .bd {
    width: 205px;
    margin: 0 auto;
    overflow: hidden;
}

.slide_box ul li {
    text-align: center;
}

.slide_box ul li .p1 {
    line-height: 34px;
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 10px;
}

.slide_box ul li .p2 {
    font-size: 20px;
    color: #eb0c1c;
    line-height: 26px;
}

.slide_box ul li .p2 span {
    display: inline-block;
    width: 15px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    margin-left: 1px;
    background: url("../images/index/num_bg.png") no-repeat center center;
}

.slide_box ul li .p2 b {
    display: inline-block;
    height: 23px;
    font-weight: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInBorder;
    animation-name: slideInBorder;
}

@-webkit-keyframes slideInBorder {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-11px);
        transform: translateY(-11px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInBorder {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-11px);
        transform: translateY(-11px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slide_box ul li .p2 i {
    display: inline-block;
    width: 11px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: #fff;
}

.ch_nuo_box {
    width: 205px;
    height: 174px;
    border-bottom: 2px solid #EFEFEF;
    padding-top: 8px;
}

.ch_nuo {
    width: 186px;
    height: 168px;
    margin: 0 auto;
}

.ch_nuo li {
    float: left;
    width: 92px;
    height: 83px;
    text-align: center;
}

.ch_nuo li.nuo1 {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
}

.ch_nuo li.nuo2 {
    border-top: 1px solid transparent;
    border-left: 1px solid #f5f5f5;
}

.ch_nuo li.nuo3 {
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid transparent;
}

.ch_nuo li.nuo4 {
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
}

.ch_nuo li span {
    display: inline-block;
    width: 28px;
    height: 35px;
    margin-top: 13px;
}

.ch_nuo li.nuo1 span {
    background: url("../images/index/nuo_icon1.png")
}

.ch_nuo li.nuo2 span {
    background: url("../images/index/nuo_icon2.png");
}

.ch_nuo li.nuo3 span {
    background: url("../images/index/nuo_icon3.png");
}

.ch_nuo li.nuo4 span {
    background: url("../images/index/nuo_icon4.png");
}

.ch_nuo li p {
    line-height: 19px;
    font-size: 14px;
    color: #808080;
}

.affiche_box {
    width: 205px;
    height: 158px;
    overflow: hidden;
}

.affiche {
    width: 184px;
    height: 158px;
    margin: 0 auto;
}

.affiche .hd {
    padding-top: 10px;
    border-bottom: 1px solid #F5F5F5;
}

.affiche .hd li {
    float: left;
    width: 42px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #4c4c4c;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
    margin-left: 29px;
}
.affiche .hd li:first-child{
    margin-left: 0px;
}
.affiche .hd li.on {
    color: #f00808;
    border-bottom: 2px solid #f00808;
}

.affiche .bd {
    margin: 8px auto 12px;
}

.affiche .bd li {
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.affiche .bd li:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.affiche .bd li a {
    display: block;
    font-size: 12px;
    color: #757575;
    line-height: 24px;
    padding: 0 10px 0 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home_notice .kefu {
    display: block;
    width: 205px;
    height: 46px;
    line-height: 46px;
    background: #6C6669;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.home_notice .kefu i {
    display: inline-block;
    width: 16px;
    height: 46px;
    margin-right: 9px;
    vertical-align: top;
    background: url("../images/index/yanzheng_icon.png") no-repeat center center;
}

/*主题内容*/
.sundry {
    width: 751px;
    height: 148px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -365px;
    overflow: hidden;
}

.video_box {
    width: 243px;
    height: 148px;
    position: relative;
    overflow: hidden;
}

.video_box img {
    width: 243px;
    height: 148px;
    transition: all 0.6s;
}

.video_box:hover img {
    transform: scale(1.05, 1.05);
}

.video {
    /* width: 175px; */
    /* height: 128px; */
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}

.video .video_hover {
    width: 190px;
    height: 78px;
    -webkit-transition: transform .5s linear;
    transition: transform .5s linear;
}

.video:hover .video_hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.video .play_btn {
    width: 49px;
    height: 50px;
    cursor: pointer;
    padding-top: 18px;
    padding-left: 15px;
    margin-right: 10px;
}

.video .text1 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-top: 20px;
    padding-left: 18px;
}

.video .text2 {
    font-size: 12px;
    color: #fff;
    padding-left: 18px;
}

.pic_box {
    width: 244px;
    height: 148px;
    margin-left: 5px;
    position: relative;
    overflow: hidden;
}

.pic_box img {
    width: 244px;
    height: 148px;
    transition: all 0.6s;
}

.pic_box:hover img {
    transform: scale(1.05, 1.05);
}

.pic_box .text {
    width: 244px;
    height: 32px;
    position: absolute;
    top: 110px;
    left: 0;
    z-index: 99;
}

.pic_box .text span {
    display: block;
    width: 50px;
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
    margin-left: 20px;
}

.pic_box .text p {
    width: 244px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pic_box .text_hover {
    width: 244px;
    position: absolute;
    top: 92px;
    left: 0;
    z-index: 99;
    display: none;
}

.pic_box:hover .text {
    display: none;
}

.pic_box:hover .text_hover {
    display: block;
}

.pic_box .text_hover .p1 {
    width: 216px;
    height: 24px;
    line-height: 24px;
    padding: 0 14px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pic_box .text_hover .p2 {
    width: 216px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    padding: 0 14px 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pic_box .text_hover .p3 {
    width: 244px;
    height: 4px;
    background: #E32424;
}

.pic_box .mask {
    width: 244px;
    height: 148px;
    background: url("../images/index/pic_shadow.png") no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
}

.section1 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
}

.section1 .title {
    margin-bottom: 6px;
    overflow: hidden;
}

.section1 .tit_fl {
    font-size: 12px;
    color: #999;
}

.section1 .tit_fl span {
    display: inline-block;
    line-height: 32px;
    margin-right: 26px;
    font-size: 24px;
    font-weight: bold;
    color: #4c4c4c;
}

.section1 .tit_fr {
    display: block;
    font-size: 12px;
    color: #808080;
    position: absolute;
    top: -26px;
    right: 0;
}

.section1 .tit_fr i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../images/index/refresh.png") no-repeat center center;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 6px;
}

.section1 .sale_box {
    height: 148px;
}

.section1 .sale_box .sale_title {
    width: 200px;
    height: 148px;
    background: url("../images/index/sale_box_bg.png") no-repeat center center;
    position: relative;
}

.section1 .sale_box .sale_title .text {
    width: 200px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 32px;
}

.section1 .sale_box .sale_cont {
    width: 1000px;
    height: 148px;
    background: #fff;
    position: relative;
}

.section1 .sale_box .sale_cont li {
    float: left;
    width: 250px;
    height: 148px;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.section1 .sale_box .sale_cont li:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.section1 .sale_box .sale_cont li .li_nei {
    width: 209px;
    height: 110px;
    margin: 19px 0;
    padding: 0 20px;
    border-left: 1px solid #F8F8F8;
}

.section1 .sale_box .sale_cont li:first-child .li_nei {
    border-left: 1px solid transparent;
}

.section1 .sale_box .sale_cont li .li_nei .text a {
    display: block;
    height: 40px;
    line-height: 20px;
    padding-top: 12px;
    color: #4c4c4c;
    font-size: 14px;
    overflow: hidden;
}

.section1 .sale_box .sale_cont li .li_nei i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
}

.section1 .sale_box .sale_cont li .li_nei .p2 {
    margin-top: 26px;
}

.section1 .sale_box .sale_cont li .li_nei .p2 .price {
    color: #eb0c1c;
    font-size: 12px;
}

.section1 .sale_box .sale_cont li .li_nei .p2 .price span {
    font-size: 16px;
}

.section1 .sale_box .sale_cont li .li_nei .p2 .btn_box .lianxi {
    margin-left: 5px;
}

.section1 .sale_box .sale_cont li .li_nei .p2 .btn_box .btn {
    display: block;
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
    color: #b2b2b2;
    font-size: 13px;
}

.section1 .sale_box .sale_cont li .li_nei .p2 .btn_box .cang.on, .section1 .sale_box .sale_cont li .li_nei .p2 .btn_box .cang:hover {
    border: 1px solid #eb0c1c;
    color: #eb0c1c;
}

.section1 .sale_box .sale_cont li .li_nei .p2 .btn_box .lianxi.on, .section1 .sale_box .sale_cont li .li_nei .p2 .btn_box .lianxi:hover {
    border: 1px solid #eb0c1c;
    background: #eb0c1c;
    color: #fff;
}

.section1 .store_sale {
    width: 1201px;
    height: 524px;
    margin: 20px auto 0;
    position: relative;
}

.section1 .store_sale .store {
    float: left;
    width: 292px;
    height: 524px;
    margin-left: 11px;
}

.section1 .store_sale .store:first-child {
    margin-left: 0;
}

.section1 .store_sale .store_tall {
    background: url("../images/index/store_tall.png");
}

.section1 .store_sale .store_jd {
    background: url("../images/index/store_jd.png");
}

.section1 .store_sale .store_qiye {
    background: url("../images/index/store_qiye.png");
}

.section1 .store_sale .store_other {
    background: url("../images/index/store_other.png");
}

.section1 .store_sale .store .tit {
    width: 232px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
}

.section1 .store_sale .store .tit .more {
    height: 50px;
    line-height: 56px;
    display: block;
    font-size: 12px;
    color: #f7f7f7;
    float: right;
}

.section1 .store_sale .store .tit .more:after {
    content: ">";
    display: inline-block;
    height: 50px;
    margin-left: 5px;
}

.section1 .store_sale .store .cont_lunbo {
    width: 270px;
    height: 474px;
    margin: 0 auto;
    position: relative;
}

.section1 .cont_lunbo .cont_tp {
    width: 230px;
    height: 220px;
    padding: 0 20px;
    border-bottom: 1px dotted #F5F5F5;
    position: relative;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.section1 .cont_lunbo .cont_bt {
    width: 230px;
    height: 220px;
    padding: 0 20px;
    position: relative;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.section1 .cont_lunbo .cont_tp:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.section1 .cont_lunbo .cont_bt:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.section1 .cont_lunbo .text a {
    display: block;
    height: 40px;
    line-height: 20px;
    padding-top: 26px;
    color: #4c4c4c;
    font-size: 14px;
    overflow: hidden;
}

.section1 .cont_lunbo i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
}

.section1 .cont_lunbo .rows {
    height: 40px;
    margin-top: 16px;
}

.section1 .cont_lunbo .cols {
    width: 60px;
    height: 40px;
    padding: 0 8px;
    text-align: center;
    border-left: 1px dotted #F1F1F1;
}

.section1 .cont_lunbo .cols:first-child {
    border-left: 0;
}

.section1 .cont_lunbo .cols span {
    display: block;
    padding-top: 4px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #b2b2b2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section1 .cont_lunbo .cols p {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section1 .cont_lunbo .price {
    color: #eb0c1c;
    font-size: 12px;
    padding-top: 26px;
    padding-bottom: 10px;
}

.section1 .cont_lunbo .price span {
    font-size: 16px;
}

.section1 .cont_lunbo .btn_box .cang {
    margin-left: 2px;
}

.section1 .cont_lunbo .btn_box .lianxi {
    margin-left: 5px;
}

.section1 .cont_lunbo .btn_box .btn {
    display: block;
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
    color: #b2b2b2;
    font-size: 13px;
}

.section1 .cont_lunbo .btn_box .cang.on, .section1 .cont_lunbo .btn_box .cang:hover {
    border: 1px solid #eb0c1c;
    color: #eb0c1c;
}

.section1 .cont_lunbo .btn_box .lianxi.on, .section1 .cont_lunbo .btn_box .lianxi:hover {
    border: 1px solid #eb0c1c;
    background: #eb0c1c;
    color: #fff;
}

.section1 .cont_lunbo .link_pic_box {
    width: 66px;
    height: 72px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.section1 .cont_lunbo .pic {
    width: 66px;
    height: 72px;
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
}

.section1 .cont_lunbo .pic img {
    max-width: 66px;
    max-height: 72px;
}

/*轮播导航开�?*/
.hd.dot, .sm_hd {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 12;
}

.sm_hd {
    bottom: 20px;
}

.hd.dot ul, .sm_hd ul {
    *left: 50%;
    *position: absolute;
    *bottom: 0;
}

.hd.dot li:first-child, .sm_hd li:first-child {
    margin-left: 0;
}

.hd.dot li, .sm_hd li {
    display: inline-block;
    *display: inline;
    *float: left;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: #CCCCCC;
    margin-left: 11px;
    text-indent: -9999px;
    font-size: 0;
    zoom: 0;
    cursor: pointer;
    overflow: hidden;
}

.hd.dot li, .sm_hd li {
    width: 10px !important;
    height: 10px !important;
}

.hd.dot li.on, .sm_hd li.on {
    background-color: #D21928;
}

/*轮播导航结束*/
/*新闻动�?*/
.news_box {
    width: 1200px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    margin-top: 20px;
}

.news_box .tit {
    width: 90px;
    padding-left: 10px;
    font-size: 16px;
    color: #4c4c4c;
}

.news_box .news_slide {
    width: 1100px;
    height: 50px;
}

.news_slide .bd ul {
    width: 1100px;
    height: 50px;
    overflow: hidden;
}

.news_slide .bd ul li {
    position: relative;
    float: left;
    padding: 0 20px;
    width: 235px;
    height: 50px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_slide .bd ul li .font_sty {
    color: #eb0c1e;
}

.news_slide .bd ul li:before {
    content: "|";
    display: block;
    height: 14px;
    font-size: 14px;
    color: #ADAEB2;
    position: absolute;
    left: 0;
    top: 0;
}

.news_slide .bd ul li:first-child:before {
    content: "";
}

.ad {
    width: 1200px;
    height: 80px;
    margin: 30px auto 0;
}

/*每一楼层公用开�?*/
.side {
    width: 1200px;
    height: 438px;
    margin: 30px auto 0;
    position: relative;
}

.side .main_fl {
    width: 190px;
    height: 438px;
    position: relative;
}

.side .main_cter {
    width: 320px;
    height: 438px;
    position: relative;
}

.side .main_fr {
    width: 690px;
    height: 438px;
    background: #fff;
    position: relative;
}

.side .main_fl .fl_tp {
    height: 90px;
}

.side .main_fl .fl_bt {
    height: 348px;
    background: #fff;
}

.side .main_fl .sc_store {
    height: 158px;
    padding: 0 39px;
    position: relative;
}

.side .main_fl .link_box {
    height: 190px;
    background: #FAFAF8;
}

.side .main_fl .sc_store .bd ul {
    padding: 4px 0;
    height: 150px;
    overflow: hidden;
}

.side .main_fl .sc_store .bd li {
    height: 50px;
    background: url(../images/index/bt_line.png) no-repeat center top;
}

.side .main_fl .sc_store .bd li a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #4c4c4c;
}

.side .main_fl .sc_store .bd li:hover a {
    color: #eb0c1c;
    font-weight: bold;
}

.side .main_fl .sc_store .bd li i {
    display: inline-block;
    width: 20px;
    height: 50px;
    vertical-align: top;
    margin-right: 8px;
}

.side .main_fl .sc_store .bd li i.sta1 {
    background: url(../images/index/store_icon1.png) no-repeat center center;
}

.side .main_fl .sc_store .bd li:hover i.sta1 {
    background: url(../images/index/store_hover_icon1.png) no-repeat center center;
}
.side .main_fl .sc_store .bd li i.sta2 {
    background: url(../images/index/store_icon2.png) no-repeat center center;
}

.side .main_fl .sc_store .bd li:hover i.sta2 {
    background: url(../images/index/store_hover_icon2.png) no-repeat center center;
}
.side .main_fl .sc_store .bd li i.sta3 {
    background: url(../images/index/store_icon3.png) no-repeat center center;
}

.side .main_fl .sc_store .bd li:hover i.sta3 {
    background: url(../images/index/store_hover_icon3.png) no-repeat center center;
}

.side .main_fl .sc_store .bd li:first-child {
    background: none;
}

.sc_store .slide_arrow {
    display: block;
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -14px;
    width: 16px;
    height: 28px;
    background: url(../images/index/pull_l.png) no-repeat;
}

.sc_store .next {
    left: auto;
    right: 14px;
    background: url(../images/index/pull_r.png) no-repeat;
}

.sc_store .slide_arrow:hover {
    display: block;
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -14px;
    width: 16px;
    height: 28px;
    background: url(../images/index/pull_l_hover.png) no-repeat;
}

.sc_store .next:hover {
    left: auto;
    right: 14px;
    background: url(../images/index/pull_r_hover.png) no-repeat;
}

.side .main_fl .links {
    width: 160px;
    height: 150px;
    margin: 0 auto;
    padding: 20px 0;
}

.side .main_fl .links a {
    display: block;
    float: left;
    color: #999;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

.side .main_fl .links a.font_sty {
    color: #666;
}

.side .main_fl .links a:hover {
    color: #eb0c1c;
}

.side .main_fl .links a span {
    float: left;
    display: block;
    width: 60px;
    height: 30px;
    overflow: hidden;
}

.side .main_fl .links a:after {
    float: left;
    display: block;
    content: ">";
    width: 10px;
    margin-left: 4px;
}

/*每一楼层公用结束*/
.side1 .main_cter {
    background: url(../images/index/side1_cter_bg.png);
}

.side2 .main_cter {
    background: url(../images/index/side2_cter_bg.png);
}

.side3 .main_cter {
    background: url(../images/index/side3_cter_bg.png);
}

.side4 .main_cter {
    background: url(../images/index/side4_cter_bg.png);
}

/*轮播状�?1*/
.side .scroll_side {
    width: 289px;
    height: 377px;
    margin: 15px auto 0;
}

.side .scroll_side .title p {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.side .scroll_side .text_big {
    font-size: 24px;
    color: #4c4c4c;
    padding: 24px 20px 0;
}

.side .scroll_side .text_sm {
    font-size: 14px;
    color: #808080;
    padding: 0 20px;
}

.side .scroll_side .bd {
    height: 307px;
}

.side .scroll_side .bd li {
    height: 307px;
}

.side .scroll_side .bd li .store_pic_box {
    width: 153px;
    height: 153px;
    margin: 16px auto 10px;
}

.side .scroll_side .bd li .store_pic {
    display: table-cell;
    width: 153px;
    height: 153px;
    background: url("../images/index/pic_dot.png");
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.side .scroll_side .bd li .store_pic img {
    max-width: 153px;
    max-height: 153px;
}

.side .scroll_side .bd li .shop_text {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
    overflow: hidden;
}

.side .scroll_side .bd li .shop_text i {
    display: inline-block;
    width: 34px;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
}

.side .scroll_side .bd li .shop_text i.side1_i {
    background: url("../images/index/dujia.png") no-repeat center center;
}

.side .scroll_side .bd li .shop_text i.side2_i {
    background: url("../images/index/renqi.png") no-repeat center center;
}

.side .scroll_side .bd li .shop_text i.side3_i {
    background: url("../images/index/shxin.png") no-repeat center center;
}

.side .scroll_side .bd li .shop_text i.side4_i {
    background: url("../images/index/yxuan.png") no-repeat center center;
}

.side .scroll_side .bd li .cang_num {
    font-size: 12px;
    color: #808080;
    text-align: center;
    padding: 24px 0 10px;
}

.side .scroll_side .bd li .shop_link {
    width: 146px;
    height: 18px;
    margin: 0 auto;
    line-height: 18px;
    font-size: 12px;
    color: #eb0c1c;
    text-align: center;
    border: 1px solid #eb0c1c;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.side .scroll_side .slide_arrow {
    display: none;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -56px;
    width: 29px;
    height: 40px;
    cursor: pointer;
    background: url(../images/index/lev_arr_l.png) no-repeat;
}

.side .main_cter:hover .scroll_side .slide_arrow {
    display: block;
}

.side .scroll_side .next {
    left: auto;
    right: 15px;
    background: url(../images/index/lev_arr_r.png) no-repeat;
}

/*轮播状�?1结束*/
/*轮播状�?2*/
.side .scroll_side .arr {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    width: 29px;
    height: 40px;
}

.side .main_cter:hover .scroll_side .arr {
    display: block;
}

.side .scroll_side .sprev {
    left: 15px;
    background: url(../images/index/lev_arr_l.png) no-repeat;
}

.side .scroll_side .snext {
    left: auto;
    right: 15px;
	cursor: pointer;
    background: url(../images/index/lev_arr_r.png) no-repeat;
}

.side .scroll_side.scroll_side2 .side_hd {
    width: 230px;
    margin: 0 auto;
    border-bottom: 1px solid #EBEBEB;
}

.side .scroll_side.scroll_side2 .side_hd li {
    float: left;
    width: 57.5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #4c4c4c;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
}

.side .scroll_side.scroll_side2 .side_hd li.on {
    color: #EA5F8D;
    border-bottom: 2px solid #EA5F8D;
}

.side .scroll_side .side_bd {
    height: 287px;
}

.side .scroll_side .side_bd .nei_scroll {
    height: 287px;
}

.side .scroll_side .side_bd li {
    height: 287px;
}

.side .scroll_side .side_bd li .store_pic_box {
    width: 153px;
    height: 153px;
    margin: 16px auto 10px;
}

.side .scroll_side .side_bd li .store_pic {
    display: table-cell;
    width: 153px;
    height: 153px;
    background: url("../images/index/pic_dot.png");
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.side .scroll_side .side_bd li .store_pic img {
    max-width: 153px;
    max-height: 153px;
}

.side .scroll_side .side_bd li .shop_text {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
    overflow: hidden;
}

.side .scroll_side .side_bd li .shop_text i {
    display: inline-block;
    width: 34px;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
}

.side .scroll_side .side_bd li .shop_text i.side1_i {
    background: url("../images/index/dujia.png") no-repeat center center;
}

.side .scroll_side .side_bd li .shop_text i.side2_i {
    background: url("../images/index/renqi.png") no-repeat center center;
}

.side .scroll_side .side_bd li .shop_text i.side3_i {
    background: url("../images/index/shxin.png") no-repeat center center;
}

.side .scroll_side .side_bd li .shop_text i.side4_i {
    background: url("../images/index/yxuan.png") no-repeat center center;
}

.side .scroll_side .side_bd li .cang_num {
    font-size: 12px;
    color: #808080;
    text-align: center;
    padding: 12px 0 4px;
}

.side .scroll_side .side_bd li .shop_link {
    width: 146px;
    height: 18px;
    margin: 0 auto;
    line-height: 18px;
    font-size: 12px;
    color: #eb0c1c;
    text-align: center;
    border: 1px solid #eb0c1c;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

/*轮播状�?2结束*/

.side .main_fr .format1 {
    width: 658px;
    height: 408px;
    margin: 15px auto;
    overflow: hidden;
}

.side .main_fr .format1 li {
    float: left;
    width: 328px;
    height: 135px;
    border-left: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    position: relative;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.side .main_fr .format1 li:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.side .main_fr .format1 li.one1 {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
}

.side .main_fr .format1 li.one2 {
    border-top: 1px solid transparent;
}

.side .main_fr .format1 li.one3 {
    border-left: 1px solid transparent;
}

.side .main_fr .format1 li.one4 {
}

.side .main_fr .format1 li.one5 {
    border-left: 1px solid transparent;
}

.side .main_fr .format1 li.one6 {
}

.format1 li .text a {
    display: block;
    height: 20px;
    line-height: 20px;
    color: #4c4c4c;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.format1 li .text i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
}

.format1 li .p1 {
    line-height: 22px;
    font-size: 12px;
    color: #999;
}

.format1 li .p1 span {
    display: inline-block;
    height: 22px;
    vertical-align: top;
}

.format1 li .p1 span img {
    vertical-align: middle;
}

.format1 li .p2 {
    line-height: 22px;
    font-size: 12px;
    color: #999;
}

.format1 li .com_line {
    height: 22px;
}

.format1 li .p2 .div_fl {
    margin-right: 16px;
}

.format1 li .p2 span {
    color: #666;
}

.format1 li .p3 {
    font-size: 12px;
    color: #999;
}

.format1 li .p3 span {
    font-size: 12px;
    color: #eb0c1c;
}

.format1 li .p3 i {
    font-size: 16px;
}

.format1 li .btn_box .cang {
    margin-right: 5px;
}

.format1 li .btn_box .btn {
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
    color: #b2b2b2;
    font-size: 13px;
    display: none;
}

.format1 li:hover .btn_box .btn {
    display: block;
}

.format1 li .btn_box .cang.on {
    border: 1px solid #eb0c1c;
    color: #eb0c1c;
}

.format1 li .btn_box .cang:hover {
    border: 1px solid #eb0c1c;
    color: #eb0c1c;
}

.format1 li .btn_box .buy:hover {
    border: 1px solid #eb0c1c;
    background: #eb0c1c;
    color: #fff;
}

/*定制*/

.format1 li .text {
    padding: 8px 22px 8px 6px;
}

.format1 li.three .text, .format1 li.four .text {
    padding-top: 17px;
}

.format1 li.five .text, .format1 li.six .text {
    padding-top: 22px;
}

.format1 li .p1, .format1 li .p2, .format1 li .com_line {
    padding: 0 22px 0 6px;
}

.format1 li .com_line {
    padding-top: 12px;
}

.format1 li.one2 .p1, .format1 li.one2 .p2,
.format1 li.one4 .p1, .format1 li.one4 .p2,
.format1 li.one6 .p1, .format1 li.one6 .p2 {
    padding: 0 6px 0 22px;
}

.format1 li.one2 .text, .format1 li.one4 .text, .format1 li.one6 .text {
    padding-left: 22px;
    padding-right: 6px;
}

.format1 li.one2 .com_line, .format1 li.one4 .com_line, .format1 li.one6 .com_line {
    padding-left: 22px;
    padding-right: 6px;
}

.side .main_fr .format2 {
    width: 658px;
    height: 438px;
    margin: 0 auto;
    overflow: hidden;
}

.side .main_fr .format2 li {
    height: 72px;
    line-height: 72px;
    border-top: 1px solid #F0F0F0;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.side .main_fr .format2 li:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.side .main_fr .format3 li {
    height: 65px;
    line-height: 65px;
    border-top: 1px solid #F0F0F0;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.side .main_fr .format3 li:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.side .main_fr .format2 li:first-child, .side .main_fr .format3 li:first-child {
    border-top: 1px solid transparent;
}

.side .main_fr .format2 li .cols, .side .main_fr .format3 li .cols {
    float: left;
}

.side .main_fr .format2 li .cols1, .side .main_fr .format3 li .cols1 {
    width: 250px;
    font-size: 14px;
    color: #4c4c4c;
    margin-left: 6px;
    padding-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.side .main_fr .format2 li .cols1 i, .side .main_fr .format3 li .cols1 i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
}

.side .main_fr .format2 li .cols2, .side .main_fr .format3 li .cols2 {
    width: 190px;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
    overflow: hidden;
}

.side .main_fr .format2 li .cols2 i, .side .main_fr .format3 li .cols2 i {
    display: inline-block;
    width: 78px;
    height: 17px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    position: relative;
    overflow: hidden;
}

.side .main_fr .format2 li .cols2 i, .side .main_fr .format3 li .cols2 i {
    background: url(../images/gray_bar.png) no-repeat;
}

.side .main_fr .format2 li .cols2 i img, .side .main_fr .format3 li .cols2 i img {
    width: 78px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
}


.side .main_fr .format2 li .cols3, .side .main_fr .format3 li .cols3 {
    width: 100px;
    height: 65px;
    font-size: 12px;
    color: #eb0c1c;
    margin: 0 14px;
    text-align: center;
}

.side .main_fr .format2 li .cols3{
    height: 72px;
}

.side .main_fr .format2 li .cols3 span, .side .main_fr .format3 li .cols3 span {
    font-size: 16px;
}

.side .main_fr .format2 li .cols4, .side .main_fr .format3 li .cols4 {
    width: 70px;
}

.side .main_fr .format2 li .cols4 a, .side .main_fr .format3 li .cols4 a {
    display: inline-block;
    width: 68px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 13px;
    color: #eb0c1c;
}

.side .main_fr .format2 li .cols4 a:hover, .side .main_fr .format3 li .cols4 a:hover {
    background: #EB0C1C;
    color: #fff;
}

/*样式3*/
.side .main_fr .format3 {
    width: 658px;
    height: 438px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.side .main_fr .format3 .tab {
    float: left;
    height: 40px;
    border-bottom: 2px solid #EBEBEB;
}

.side .main_fr .format3 .tab .tit {
    margin-left: 77px;
    line-height: 30px;
    margin-top: 10px;
}

.side .main_fr .format3 .tab:first-child .tit {
    margin-left: 0;
    margin-right: 4px;
}

.side .main_fr .format3 .tab .tit span {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    color: #4c4c4c;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.side .main_fr .format3 .tab.on .tit span {
    color: #0aa6e8;
    border-bottom: 2px solid #0aa6e8;
}

.side .main_fr .format3 .tab .cont {
    display: none;
    width: 658px;
    height: 396px;
    position: absolute;
    left: 0;
    top: 42px;
}

.side .main_fr .format3 .tab.on .cont {
    display: block;
}

.section2 {
    width: 1200px;
    height: 366px;
    margin: 0 auto;
    padding: 28px 0 8px;
    position: relative;
    overflow: hidden;
}

.section2 .view_fl {
    width: 869px;
    height: 366px;
    position: relative;
}

.section2 .view_fr {
    width: 316px;
    height: 366px;
    background: #62D79E;
}

.section2 .title {
    margin-bottom: 6px;
    overflow: hidden;
}

.section2 .tit_fl {
    font-size: 12px;
    color: #999;
}

.section2 .tit_fl span {
    display: inline-block;
    line-height: 32px;
    margin-right: 26px;
    font-size: 24px;
    font-weight: bold;
    color: #4c4c4c;
}

.section2 .more {
    display: block;
    margin-top: 12px;
    font-size: 12px;
    color: #808080;
}

.section2 .more i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../images/index/more_icon.png") no-repeat center center;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 6px;
}

.section2 .view_fr .tp {
    width: 316px;
    height: 252px;
}

.section2 .view_fr .bt {
    width: 316px;
    height: 114px;
    background: #5BC994;
}

.section2 .view_fr .tit {
    width: 287px;
    height: 32px;
    padding: 6px 0;
    margin: 0 auto;
}

.section2 .view_fr .tit span {
    display: block;
    line-height: 32px;
    font-size: 18px;
    color: #fff;
}

.section2 .view_fr .tit a {
    display: block;
    font-size: 12px;
    color: #f7f7f7;
    margin-top: 10px;
}

.section2 .view_fr .tit a i {
    display: inline-block;
    margin-left: 4px;
}

.section2 .view_fr .cont {
    width: 287px;
    margin: 0 auto;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
}

/*.section2 .view_fr .tp .cont {
    height: 197px;
}*/

.section2 .view_fr .tp .cont {
    height: 313px;
}
.section2 .view_fr .bt .cont {
    height: 59px;
}

.section2 .view_fr .tp .cont li {
    width: 267px;
    height: 24px;
    margin: 0 auto;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.section2 .view_fr .tp .cont li:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.section2 .view_fr .tp .cont li.list1 {
    height: 76px;
    padding-top: 8px;
    border-bottom: 1px solid #F5F5F5;
}

.section2 .view_fr .tp .cont li.list2 {
    padding-top: 6px;
}

.section2 .view_fr .tp .cont li a {
    display: block;
    padding: 0 10px;
    width: 247px;
    height: 24px;
    line-height: 24px;
    color: #666;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section2 .view_fr .tp .cont li.list1 a {
    font-size: 14px;
    font-weight: bold;
}

.section2 .view_fr .tp .cont li.list1 .des .link_des {
    font-size: 12px;
    font-weight: normal;
    color: #eb0c1c;
    line-height: 20px;
    padding: 0;
}

.section2 .view_fr .tp .cont li.list1 .des {
    padding: 0 10px;
    width: 247px;
    height: 40px;
    line-height: 20px;
    color: #b2b2b2;
    font-size: 12px;
}

.section2 .view_fr .tp .cont li a i {
    margin-right: 10px;
    font-weight: normal !important;
}

.section2 .view_fr .tp .cont li a:hover {
    color: #eb0c1c;
}

/*bt*/
.section2 .view_fr .bt .cont li {
    width: 267px;
    height: 24px;
    margin: 0 auto;
    -webkit-transition: transform 0.02s linear;
    transition: transform 0.02s linear;
}

.section2 .view_fr .bt .cont li:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.section2 .view_fr .bt .cont li a {
    display: inline-block;
    padding-left: 10px;
    width: 237px;
    height: 24px;
    line-height: 24px;
    color: #666;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section2 .view_fr .bt .cont li a i {
    margin-right: 10px;
}

.section2 .view_fr .bt .cont li a:hover {
    color: #eb0c1c;
}

.section2 .view_fr .bt .cont .bd {
    padding: 5px 0 6px;
}

.section2 .view_fr .bt .cont .hd {
    width: 10px;
    height: 34px;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -17px;
    z-index: 99;
}

.section2 .view_fr .bt .cont .hd .mid_box {
    width: 8px;
    height: 14px;
    border-left: 1px solid #9FA1A4;
    border-right: 1px solid #9FA1A4;
}

.section2 .view_fr .bt .cont .hd a {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/index/arrow_tp.png) no-repeat;
}

.section2 .view_fr .bt .cont .hd .next {
    background: url(../images/index/arrow_bt.png) no-repeat;
}

.section2 .view_list {
    width: 869px;
    height: 322px;
    position: absolute;
    bottom: 0;
}

.section2 .view_list li {
    float: left;
    width: 206px;
    height: 322px;
    margin-left: 15px;
    position: relative;
}

.section2 .view_list li:first-child {
    margin-left: 0;
}

.section2 .view_list li.view1 {
    background: url("../images/index/view1_bg.png");
}

.section2 .view_list li.view2 {
    background: url("../images/index/view2_bg.png");
}

.section2 .view_list li.view3 {
    background: url("../images/index/view3_bg.png");
}

.section2 .view_list li.view4 {
    background: url("../images/index/view4_bg.png");
}

.section2 .view_pic_box {
    width: 206px;
    height: 276px;
    position: absolute;
    top: 46px;
    z-index: 8;
}

.section2 .view_pic {
    display: table-cell;
    width: 206px;
    height: 276px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}

.section2 .view_pic img {
    max-width: 100%;
    max-height: 276px;
}

.section2 li .view_mask {
    width: 206px;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}

.section2 li.view1 .view_mask {
    background: url("../images/index/view1_mask.png") no-repeat center bottom;
}

.section2 li.view2 .view_mask {
    background: url("../images/index/view2_mask.png") no-repeat center bottom;
}

.section2 li.view3 .view_mask {
    background: url("../images/index/view3_mask.png") no-repeat center bottom;
}

.section2 li.view4 .view_mask {
    background: url("../images/index/view4_mask.png") no-repeat center bottom;
}

.section2 li .date {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 12px;
    color: #666;
    background: #F5F5F5;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    position: absolute;
    right: 12px;
    top: 12px;
}

.section2 li .explain {
    width: 182px;
    padding: 0 12px;
    height: 42px;
    position: absolute;
    left: 0;
    bottom: 14px;
    z-index: 10;
}

.section2 li .explain .p1 {
    line-height: 26px;
    font-size: 16px;
    color: #fce33e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section2 li .explain .p2 {
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section2 li .view_look {
    display: block;
    width: 49px;
    height: 50px;
    background: url("../images/index/view_look.png");
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -24.5px;
    z-index: 12;
    -webkit-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
}

.section2 li:hover .view_look.view_look_hover {
    background: url("../images/index/view_look_hover.png");
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

/*新增css*/

/*估价展开*/
.nav_box .store_link_box {
    overflow: hidden;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}

.nav_box .store_link_tit {
    padding: 18px 0 8px;
}

.nav_box .store_link_tit .store_link_text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
}

.nav_box .store_link_tit .store_link_more {
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #b2b2b2;
    margin-top: 3px;
}

.nav_box .store_link_tit .store_link_more em {
    margin-left: 8px;
}

.nav_box .gujia_box {
    padding-top: 60px;
    padding-bottom: 45px;
    border-bottom: 1px solid #F7F7F7;
    overflow: hidden;
}

.nav_box .gujia_store {
    margin-left: 22px;
}

.nav_box .gujia_tall {
    margin-right: 22px;
}

.nav_box .gujia_box .gujia_cont {
    width: 263px;
    height: 326px;
    background: url("../images/common/gujia_cont_bg.png") no-repeat center bottom;
    position: relative;
}

.nav_box .gujia_box .gujia_cont .gujia_tp {
    min-height: 79px;
    background: url("../images/common/text_box_icon.png") no-repeat left top;
}

.nav_box .gujia_box .gujia_cont .gujia_tp .p {
    padding-left: 25px;
    width: 238px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav_box .gujia_box .gujia_cont .gujia_tp .p1 {
    height: 20px;
    line-height: 20px;
    padding-top: 20px;
    font-size: 14px;
    color: #808080;
}

.nav_box .gujia_box .gujia_cont .gujia_tp .p2 {
    height: 32px;
    line-height: 32px;
    padding-bottom: 26px;
    font-weight: bold;
    font-size: 24px;
    color: #666666;
}

.nav_box .gujia_box .gujia_cont .gujia_tp .p3 {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #999;
}

.nav_box .gujia_box .gujia_cont .gujia_bt {
    height: 178px;
    width: 263px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.nav_box .gujia_box .gujia_cont .gujia_bt .p1 {
    margin-top: 38px;
    text-align: center;
    font-size: 18px;
    color: #4c4c4c;
}

.nav_box .gujia_box .gujia_cont .gujia_bt .p2 {
    height: 16px;
    padding: 6px 10px 28px;
    text-align: center;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav_box .gujia_box .gujia_cont .gujia_bt .p3 {
    display: block;
    margin: 0 auto;
    width: 164px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 2px solid #EB0C1C;
    border-radius: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #EB0C1C;
}

.nav_box .gujia_box .gujia_cont:hover .gujia_bt .p3 {
    background: #EB0C1C;
    color: #fff;
}

.nav_box .box_fr .gujia_list {
    width: 220px;
    height: 350px;
    background: #FCFCFC;
    position: absolute;
    top: 10px;
    left: 10px;
}

/*最新交易动�?*/
.nav_box .box_fr .gujia_list .title {
    padding-top: 16px;
    text-align: center;
    overflow: hidden;
}

.trademark-list-al-b-bl {
    float: left;
    background: url(../images/common/trademark-list-icon8l-d.png) no-repeat right 0;
    width: 59px;
    height: 11px;
    margin-top: 6px;
    margin-left: 8px;
}

.trademark-list-al-b-bm {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #4c4c4c;
    font-size: 16px;
}

.trademark-list-al-b-br {
    float: right;
    background: url(../images/common/trademark-list-icon8r-d.png) no-repeat;
    width: 59px;
    height: 11px;
    margin-top: 6px;
    margin-right: 8px;
}

.nav_icon5 .trademark-list-al-b-bl, .nav_icon5 .trademark-list-al-b-br {
    width: 45px;
}

.trademark-list-al-b-c {
    padding: 0 8px;
    overflow: hidden;
}

.trademark-list-al-b-c li {
    float: initial !important;
    padding-top: 12px;
    padding-bottom: 8px;
    background: url("../images/common/bottom_line.png") repeat-x left bottom;
    overflow: hidden;
}

.trademark-list-al-b-cal {
    float: left;
    background: url(../images/common/trademark-list-icon6l.png) repeat;
    width: 50px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.trademark-list-al-b-cam {
    float: left;
    background: url(../images/common/trademark-list-icon6r.png) no-repeat center center;
    width: 5px;
    height: 18px;
}

.trademark-list-al-b-car {
    float: left;
    display: inline-block;
    line-height: 18px;
    color: #999;
    font-size: 12px;
    padding: 0 10px;
}

.trademark-list-al-b-cara {
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.trademark-list-al-b-cara span {
    color: #ffa313;
}

/*最新交易动态结�?*/

/*代入住展开*/
.nav_box .ad_zhu {
    width: 634px;
    height: 119px;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 6px;
    overflow: hidden;
}

.nav_box .box_fl .box_li li .cont a.more {
    text-decoration: underline;
    font-size: 12px;
    color: #a8a8a8;
}

.nav_icon5 .nav_box .box_fl .box_li li .tit {
    width: 90px;
}

.nav_icon5 .nav_box .box_fl .box_li li .cont {
    width: 500px;
}

.nav_icon5 .nav_box .box_fl .box_li li {
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5);
}

i.icon1 {
    background: url(../images/smallShop_1.png);
}

i.icon2 {
    background: url(../images/smallShop_2.png);
}

i.icon3 {
    background: url(../images/smallShop_3.png);
}

i.icon4 {
    background: url(../images/smallShop_4.png);
}

i.icon5 {
    background: url(../images/smallShop_5.png);
}
i.icon6 {
    background: url(../images/smallShop_6.png);
}
i.icon7 {
    background: url(../images/smallShop_7.png);
}
i.icon8 {
    background: url(../images/smallShop_8.png);
}
i.icon9 {
    background: url(../images/smallShop_9.png);
}
i.icon10 {
    background: url(../images/smallShop_10.png);
}
i.icon11 {
    background: url(../images/smallShop_11.png);
}
i.icon12 {
    background: url(../images/smallShop_12.png);
}
i.icon13 {
    background: url(../images/smallShop_13.png);
}
i.icon14 {
    background: url(../images/smallShop_14.png);
}
i.icon15 {
    background: url(../images/smallShop_15.png);
}
i.icon16 {
    background: url(../images/smallShop_16.png);
}
i.icon17 {
    background: url(../images/smallShop_17.png);
}
.login_a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.login_btn_box .member {
    padding: 0 15px;
    border: 1px solid #EB0C1C;
    background: #EB0C1C;
}

.login_btn_box .exit {
    width: 53px;
    border: 1px solid #000;
    background: none;
    color: #000;
}

.login_box .p i {
    width: 65px;
    display: inline-block;
    font-size: 12px;
    color: #ff7e00;
    margin-left: 8px;
}


/*新增css*/
.login_a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.login_btn_box .member {
    padding: 0 15px;
    border: 1px solid #EB0C1C;
    background: #EB0C1C;
}

.login_btn_box .exit {
    width: 53px;
    border: 1px solid #000;
    background: none;
    color: #000;
}

.login_box .p i {
    width: 65px;
    display: inline-block;
    font-size: 12px;
    color: #ff7e00;
    margin-left: 8px;
}

/*左侧icon5样式*/
.nav_icon5 .nav_box .box_fl .box_li li .cont a{
    padding: 0 13px!important;
}

@keyframes move1 {
    0% {
        -webkit-transform: translate(-400px, -200px);
        transform: translate(-400px, -200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes move2 {
    0% {
        -webkit-transform: translate(-400px, 200px);
        transform: translate(-400px, 200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes move3 {
    0% {
        -webkit-transform: translate(400px, -200px);
        transform: translate(400px, -200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes move4 {
    0% {
        -webkit-transform: translate(400px, 200px);
        transform: translate(400px, 200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

/*首页活动弹窗*/
.dark_bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999998;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
}

.coupon {
    width: 592px;
    height: 657px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -328.5px;
    margin-left: -296px;
    z-index: 99999;
    /*display: none;*/
}

.coupon_close {
    width: 41px;
    height: 41px;
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    z-index: 2;
}

.coupon_close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.couponbd {
    width: 592px;
    height: 657px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.couponbd .link_btn {
    display: block;
    width: 251px;
    height: 90px;
    text-indent: -9999px;
    background: url("../images/coupon/link_btn.png") no-repeat center center;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    position: absolute;
    left: 165px;
    bottom: 10px;
    z-index: 99;
    animation: icon-scale 0.8s ease-in-out forwards infinite;
}

.couponbd .link_sha_btn {
    width: 251px;
    height: 90px;
    text-indent: -9999px;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    background: rgb(234, 42, 120);
    box-shadow: 0 0 9px rgb(234, 42, 120);
    -webkit-box-shadow: 0 0 9px rgb(234, 42, 120);
    position: absolute;
    left: 165px;
    bottom: 10px;
    z-index: 98;
    animation: icon-scale 0.8s ease-in-out forwards infinite;
}

@keyframes icon-scale {
    0% {
        transform: scale(1) translate(0, 0);
    }
    50% {
        transform: scale(0.85) translate(0, 10px);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

.couponbd .ring01 {
    width: 566px;
    height: 598px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    animation: ring01 2s linear forwards;
}

.couponbd .ring02 {
    width: 550px;
    height: 462px;
    position: absolute;
    left: 17px;
    top: 44px;
    z-index: 2;
    animation: ring02 2s linear forwards;
}

@keyframes ring01 {
    0% {
        transform: rotate(0deg);
    }
    33.33% {
        transform: rotate(10deg);
    }
    66.66% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes ring02 {
    0% {
        transform: rotate(0deg);
    }
    33.33% {
        transform: rotate(-10deg);
    }
    66.66% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.dot01 {
    width: 583px;
    height: 583px;
    background: url("../images/coupon/dot01.png") no-repeat center center;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 3;
    animation: myfirst1 1s forwards;
}

@keyframes myfirst1 {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.dot02 {
    width: 476px;
    height: 476px;
    background: url("../images/coupon/dot02.png") no-repeat center center;
    position: absolute;
    left: 53.5px;
    top: 61.5px;
    z-index: 5;
    transform: scale(0.8);
    animation: myfirst2 1s 0.5s forwards;
}

@keyframes myfirst2 {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.adorn_01 {
    width: 163px;
    height: 233px;
    background: url("../images/coupon/adorn_01.png") no-repeat center center;
    position: absolute;
    right: 5px;
    top: 85px;
    z-index: 4;
}

.adorn_02_fl {
    width: 339px;
    height: 313px;
    background: url("../images/coupon/adorn_02_fl.png") no-repeat center center;
    position: absolute;
    left: 31px;
    top: 58px;
    z-index: 6;
    animation: adorn_02_fl 3s ease-in-out forwards;
    -webkit-animation: adorn_02_fl 3s ease-in-out forwards;
}

.adorn_02_fr {
    width: 193px;
    height: 187px;
    background: url("../images/coupon/adorn_02_fr.png") no-repeat center center;
    position: absolute;
    right: 89px;
    bottom: 175px;
    z-index: 6;
    animation: adorn_02_fr 3s ease-in-out forwards;
    -webkit-animation: adorn_02_fr 3s ease-in-out forwards;
}

@-webkit-keyframes adorn_02_fl {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(45px, 45px, 0);
        transform: translate3d(45px, 45px, 0);
    }
    25% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 25px, 0);
        transform: translate3d(25px, 25px, 0);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(35px, 35px, 0);
        transform: translate3d(35px, 35px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes adorn_02_fl {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(45px, 45px, 0);
        transform: translate3d(45px, 45px, 0);
    }
    25% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 25px, 0);
        transform: translate3d(25px, 25px, 0);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(35px, 35px, 0);
        transform: translate3d(35px, 35px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes adorn_02_fr {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-45px, -45px, 0);
        transform: translate3d(-45px, -45px, 0);
    }

    25% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, -20px, 0);
        transform: translate3d(-20px, -20px, 0);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(-25px, -25px, 0);
        transform: translate3d(-25px, -25px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes adorn_02_fr {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-45px, -45px, 0);
        transform: translate3d(-45px, -45px, 0);
    }

    25% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, -20px, 0);
        transform: translate3d(-20px, -20px, 0);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(-45px, -45px, 0);
        transform: translate3d(-45px, -45px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.adorn_text {
    width: 502px;
    height: 164px;
    background: url("../images/coupon/adorn_text.png") no-repeat center center;
    position: absolute;
    top: 191px;
    left: 49px;
    z-index: 9;
    animation: zoomIn1 0.7s ease-in-out forwards;
    -webkit-animation: zoomIn1 0.7s ease-in-out forwards;
}

@-webkit-keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 0.6;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        opacity: 0.8;
        -webkit-transform: scale3d(0.95, 0.95, 0.95);
        transform: scale3d(0.95, 0.95, 0.95);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 0.6;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        opacity: 0.8;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.adorn_expain {
    width: 334px;
    height: 55px;
    background: url("../images/coupon/adorn_expain.png") no-repeat center center;
    position: absolute;
    top: 377px;
    left: 128px;
    z-index: 9;
    animation: expain 0.8s 2s ease-in-out forwards;
}

@keyframes expain {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.adorn_tp {
    width: 71px;
    height: 71px;
    background: url("../images/coupon/adorn_tp.png") no-repeat center center;
    position: absolute;
    top: 83px;
    right: 136px;
    z-index: 9;
    animation: adorn_tp 0.6s ease-in-out forwards infinite;
    transform-origin: right bottom;
}

@keyframes adorn_tp {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(9deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.adorn_bt {
    width: 72px;
    height: 63px;
    background: url("../images/coupon/adorn_bt.png") no-repeat center center;
    position: absolute;
    bottom: 100px;
    left: 120px;
    z-index: 9;
    animation: adorn_bt 0.6s ease-in-out forwards infinite;
    transform-origin: left bottom;
}

@keyframes adorn_bt {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-9deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.bolang {
    width: 119px;
    height: 38px;
    background: url("../images/coupon/bolang.png") no-repeat center center;
    position: absolute;
    top: 121px;
    left: 145px;
    z-index: 9;
    animation: bolang 1s linear forwards infinite;
}

@keyframes bolang {
    0% {
        transform: translate3d(0, 0, 0);
    }

    25% {
        transform: translate3d(-10px, 5px, 0);
    }

    50% {
        transform: translate3d(0px, 0, 0);
    }

    75% {
        transform: translate3d(10px, -5px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.circle-dev {
    width: 420px;
    height: 420px;
    border-radius: 100%;
    position: absolute;
    left: 81px;
    top: 89px;
    z-index: 7;
    overflow: hidden;
}

.circle-bg, .circle-alt {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #F53582;
    box-shadow: 0 0 13px #F53582;
    position: absolute;
    top: 0;
    left: 0;
}

.circle-alt-lft, .circle-alt-rht {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
}

.circle-alt-lft {
    left: 0;
    overflow: hidden;
    border-radius: 50% 0 0 50%;
}

.circle-alt-lft:after {
    background: #3D3D3D;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    transform-origin: right center;
    animation: rotateAn 0.3s 0.8s linear forwards;
}

.circle-alt-rht {
    right: 0;
    overflow: hidden;
    border-radius: 0 50% 50% 0;
}

.circle-alt-rht:after {
    background: #3D3D3D;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    transform-origin: left center;
    animation: rotateAn 0.3s 0.5s linear forwards;
}

@keyframes rotateAn {
    0% {
        transform: rotate(0deg);
    }
    99% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

.login_cont_right {
    width: 390px;
    height: 400px;
    background: #F3F3F3;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -195px;
    margin-top: -200px;
    border-radius: 3px;
    z-index: 999999;
    display: none;
}

.login_cont_right_con {
    padding: 30px 37px;
    margin: 0 5px;
    background: #fff;
}

.login_cont_right .title {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #808080;
    padding: 0 15px;
    box-sizing: border-box;
}

.login_cont_right .close {
    width: 15px;
    height: 14px;
    background: url(../images/activity/close1.png) no-repeat center center;
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
}

.login_hd {
    margin-bottom: 29px;
    overflow: hidden;
}

.login_hd li {
    float: left;
    width: 50%;
    padding-bottom: 9px;
    border-bottom: 2px solid #dadada;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.login_hd li.on {
    border-bottom: 2px solid #eb0c1c;
    font-weight: bold;
}

.login_bd .inp {
    border: 1px solid #dadada;
    width: 316px;
    height: 40px;
    line-height: 40px;
    background: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #a8a8a8;
    font-weight: lighter;
    padding-left: 12px;
}

.login_bd .tips {
    height: 30px;
    line-height: 30px;
    padding-left: 11px;
}

.login_bd .tips_cont {
    display: none;
}

.login_bd .tips_icon {
    background: url(../images/login_icon.png) no-repeat -63px -25px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: -1px;
    *vertical-align: 0px
}

.login_bd .login_password .inp {
    width: 168px;
}

.login_bd .login_passwbtn {
    width: 116px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #f0f0f0;
    display: inline-block;
    border: 1px solid #dadada;
}

.login_bd .login_passwbtn a {
    color: #3badfd;
    font-size: 14px;
    line-height: 38px;
}

.login_bd .login_regis a {
    color: #eb0c1c;
    font-size: 14px;
}

.login_bd .login_txt a.forget {
    font-size: 12px;
    color: #333;
}

.login_bd .login_auto {
    padding-right: 12px;
    background: url(../images/login_line.jpg) right center no-repeat;
    margin-right: 12px;
}

.login_bd .login_auto1 {
    vertical-align: -2px;
    margin-right: 2px;
}

.login_bd .login_btn {
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    background: #eb0c1c;
    color: #fff;
    font-size: 18px;
    width: 100%;
    margin: 15px 0 25px;
    cursor: pointer;
    border: none;
}

.login_bd .login_btn:hover {
    background: #d80a19;
}

/*鲸派登录结束*/