
.clean_float:after {
    content: ".";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.mt10{ margin-top: 10px;}
.clear{ clear: both;}
/*导航条*/
.nav_div {
    width: 100%;
    background-color: #e3e4e5 !important;
}
.nav_div .big_outer_border {
    background-color: #e3e4e5 !important;
    height: 32px;
}
.nav_div .nav_ul {
    padding-top: 7px;
    color: #999;
    font-size: 12px;
}
.nav_div .nav_ul .fl a{
    color:#999;
}
.nav_div .nav_li {
    overflow: hidden;
    line-height: 30px;
    width: 1px;
    height: 10px;
    margin: 5px 10px 0 10px;
    background-color: #ccc;
}
/*导航条--end*/

/* 我的华海 下拉框样式 	begin */
#ttbar-myjd .dorpdown-layer {
    width: 262px;
    z-index: 99;
    margin-left: -185px;
}
#header .dorpdown-layer {
    top: 33px;
    background: #fff;
    border: 1px solid #ddd;
}
#header .dd {
    line-height: 24px;
}
.dorpdown:hover .dorpdown-layer, .hover .dorpdown-layer {
    display: block;
}
.dorpdown:hover, .hover {
    background-color: white;
}
.dorpdown-layer {
    display: none;
    position: absolute;
}
#ttbar-myjd .dd-spacer {
    margin-left:184px;
    width: 75.6px;
    position: absolute;
    top: -10px;
    height: 10px;
    background: #fff;
}
#ttbar-myjd .myjdlist1, #ttbar-myjd .myjdlist2 {
    width: 265px;
    padding: 5px 0 5px 15px;
    overflow: hidden;
}
#ttbar-myjd .myjdlist1, #ttbar-myjd .myjdlist2 {
    width: 230px;
    padding: 5px 0 5px 15px;
    overflow: hidden;
}
#ttbar-myjd .myjdlist1 .fore1, #ttbar-myjd .myjdlist1 .fore2, #ttbar-myjd .myjdlist2 .fore1, #ttbar-myjd .myjdlist2 .fore2 {
    float: left;
    width: 126px;
}
#ttbar-myjd .myjdlist1 .fore1, #ttbar-myjd .myjdlist1 .fore2, #ttbar-myjd .myjdlist2 .fore1, #ttbar-myjd .myjdlist2 .fore2 {
    float: left;
    width: 100px;
}
#ttbar-myjd .myjdlist2 {
    border-top: 1px solid #f1f1f1;
}
#ttbar-myjd .viewlist {
    width: 250px;
    padding: 0 15px 10px;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
}

.mobile_static {
    position: absolute;
    left: -3px;
    width: 66px;
    height: 66px;
    margin-top:7px;
    z-index:2;
    border: 1px solid #cfcfcf;
}

.mobile_li:hover .mobile_pop, .hover .mobile_pop {
    display: block;
}

.mobile_static:before {
    content: '';
    position: absolute;
    display: block;
    top: -9px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #e4e4e4 #e4e4e4 #f6f6f6;
}

.mobile_static_qrcode, .mobile_static_qrcode> img{
    margin: 1px auto;
    width: 60px;
    height: 60px;
}
.mobile_pop {
    display:none;
    position: absolute;
    left: auto;
    right: -3px;
    top: 24px;
    width: 208px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    border-bottom: 3px solid #60575a;
    z-index: 3;

}
.mobile_pop_item {
    position: relative;
    z-index: 5;
    padding: 15px 0;
    border-bottom: 1px solid #E7E7E7;
}

.mobile_pop_device_lk {
    background-image: url(//misc.360buyimg.com/mtd/pc/index/home/images/sprite_mobile@1x.png);
}

.mobile_pop_qrcode {
    position: absolute;
    left: 5px;
    top: 14px;
    width: 74px;
    height: 74px;
    border: 1px solid #CCC;
    background-color: #F7F7F7;
}

.mobile_pop_qrcode img {
    width: 70px;
    height: 70px;
    margin: 2px 0 0 2px;
}

.mobile_pop_info {
    margin: 0 10px 0 86px;
    min-height: 70px;
}

.mobile_pop_tit {
    font-size: 12px;
    line-height: 17px;
    color: #666 !important;
}

.mobile_pop_tit a {
    color: #666 !important;
}

.mobile_pop_value {
    margin: 3px 0;
    line-height: 14px;
    color: #F10214;
}

.mobile_pop_device {
    overflow: hidden;
    height: 25px;
}

.mobile_pop_device_lk {
    overflow: hidden;
    float: left;
    margin-right: 2px;
    width: 25px;
    height: 25px;
    text-indent: -999px;
}

.mobile_pop_device_ios {
    background-position: 0 0;
}

.mobile_pop_device_and {
    background-position: 0 -26px;
}

.dp-content{ width: 100%; background-color: #ffffff; }
.width1190{ width: 1190px; margin: 0 auto!important;}
.dp-logo{ width:500px; float: left;}
.dp-ad{ width: 690px; float: left;}
.dp-nav{ width: 100%; height: 40px; background-color: #20897a;}
.dp-nav-ul{ width: 1190px; margin: 0 auto; display: block; position: relative;}
.dp-nav-ul li{ padding: 6px 0; height: 26px; line-height: 26px; float: left;}
.dp-nav-ul li a{ color: #fff; font-size: 14px; padding: 0 30px; position: relative; display: block; box-sizing: border-box; }
.dp-nav-ul li a:hover{ border-radius: 50px; background-color: #156e61}
.dp-nav-ul .arrow { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 0; line-height: 0; height: 0; width: 0; border-bottom: 0; border-left: 5px dashed transparent; border-right: 5px dashed transparent; border-top: 5px solid #fff; }
.dp-nav-ul li a:hover .arrow{ border-top: 0; border-left: 5px dashed transparent; border-right: 5px dashed transparent; border-bottom: 5px solid #fff;}
.sub-menu-wrap { display: none; position: absolute; left: 0; top: 39px; right: 0; z-index: 99; padding: 20px 40px; border: 1px solid #bebab0; background-color: rgba(247, 242, 234, 0.9); }
.dp-nav-ul li:hover .sub-menu-wrap{ display: block;}
.sub-menu-wrap .sub-pannel { float: left; padding: 0; _display: inline; }
.sub-menu-wrap .sub-title { margin-bottom: 13px; height: 54px; line-height: 54px; border-bottom: dashed 1px #c9c9c9; padding: 0 20px; }
.sub-menu-wrap .sub-title .sub-tit-link { font-size: 14px; font-weight: bold; color: #333; line-height: 24px; display: inline-block; height: 24px; padding: 0 10px; margin-left: -10px; border-radius: 12px; min-width: 74px; }
.sub-menu-wrap .sub-title .sub-tit-link:hover{ color: #ec0404; border: 1px solid #ec0404; box-sizing: border-box; background: transparent;}
.sub-menu-wrap .sub-list{ padding: 0 20px; }
.sub-menu-wrap .leaf { font-size: 12px; color: #666; height: 26px; line-height: 26px; padding-top: 0; padding-bottom: 0; float: none;}
.sub-menu-wrap .leaf .leaf-link{ color: #666; font-size: 12px;}
.sub-menu-wrap .leaf .leaf-link:hover{ color: #ec0404; background: none;}
.sub-menu-wrap .all-goods-wrap{ clear: both; padding-left: 20px; }
.sub-menu-wrap .all-goods-wrap .all-goods-link{ color: #000; font-weight: bold; padding-left: 20px; border: solid 1px #666; border-radius: 12px; height: 24px; line-height: 24px; padding: 0 10px; display: inline-block; }
.sub-menu-wrap .all-goods-wrap .all-goods-link:hover{ background: none;}

/* banner */
#full-screen-slider { width:100%; height:455px; float:left; position:relative}
#slides { display:block; width:100%; height:455px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:420px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:30px; height:8px; margin:0 5px; text-align:center; background:#3d3d3d; float:left;z-index:1000; cursor:pointer; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff;}

/*优惠券*/
.coupon-items {
    display: inline-block;
    display: block;
    width: 1060px;
}
.coupon-items .coupon-item {
    float: left;
    margin: 0 20px 20px 0;
    width: 244px;
}
.coupon-item {
    position: relative;
    display: inline-block;
    display: block;
    width: 264px;
}
.coupon-item-d .c-type {
    background-color: #74d2d4;
}
.back_hui {
    background-color: #c3c3c3 !important;
}
.coupon-item .c-type {
    position: relative;
    width: 100%;
    height: 129px;
    padding: 30px 0 0;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
.coupon-item .c-price {
    margin: 0 0 5px;
    text-align: center;
    font-weight: 400;
}
.coupon-item .c-price em {
    font-family: verdana;
    font-size: 24px;
    position: relative;
    top: -22px;
}
.coupon-item .c-price strong {
    line-height: 50px;
    font-size: 60px;
    font-family: Arial;
}
.coupon-item .c-limit {
    margin: 0 0 5px;
}
.font_hui span {
    color: #868686 !important;
}
.date_hui {
    color: #868686 !important;
}
.bottom_hui{
    background-position: 0px -316px !important;
}
.coupon-item .c-limit span {
    font-family: "Microsoft YaHei";
}
.coupon-item-d .c-type .c-limit span, .coupon-item-d .c-type .c-time {
    color: #197f81;
}
.coupon-item .c-time {
    font-family: Verdana;
}
.coupon-item .c-type .c-type-top {
    position: absolute;
    width: 40px;
    height: 13px;
    top: 0;
    left: 50%;
    margin-left: -23px;
    background:
    url(../images/coupon20160715.png) 0
    -272px no-repeat;
}
.coupon-item .c-type .c-type-bottom {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background:
    url(../images/coupon20160715.png) -3px
    -296px no-repeat;
}
.coupon-item-d .c-type .c-type-bottom {
    background-position: 2px -302px;
}
.coupon-item .c-msg {
    overflow: visible;
}
.coupon-item .c-msg {
    height: 237px;
    padding: 15px 0 0;
    background: #f9f9f9;
}
.coupon-item .range-item {
    display: inline-block;
    display: block;
    margin: 0 0 10px;
}
.coupon-item .range-item .label {
    float: left;
    width: 60px;
    display: inline;
    text-align: right;
}
.coupon-item .range-item .txt {
    float: left;
    width: 144px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
}
.coupon-item .range-item b {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 0 0 8px;
    background:
    url(../images/coupon20160715.png)
    -66px -156px no-repeat;
}
.coupon-item .range-item b.b-hover {
    background-position: -86px 156px;
}
.coupon-item .range-item .item-tips {
    position: relative;
    top: -24px;
    display: none;
    z-index: 1;
}
.coupon-item .range-item s {
    width: 12px;
    height: 9px;
    position: absolute;
    background:
    url(../images/coupon20160715.png)
    -106px -158px no-repeat;
    top: 20px;
    right: 22px;
    z-index: 12;
}
s, strike, del {
    text-decoration: line-through;
}
.coupon-item .range-item .tips {
    width: 220px;
    position: absolute;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 1px 0 4px 1px #ddd;
    background-color: #fff;
    top: 26px;
    left: 0;
    z-index: 10;
}
.coupon-item .range-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.coupon-item .op-btns {
    margin-top: 20px;
    text-align: center;
}
.coupon-item .op-btns .btn {
    position: relative;
    display: inline-block;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #f99898;
    color: #f99898;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
    overflow: hidden;
}
.coupon-item-d .op-btns .btn {
    display: inline-block;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #74d2d4;
    color: #74d2d4;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
}
.quan{ width: 1190px; margin: 0 auto;}
.coupon-items .coupon-item{ width: 274px;}
.goods-box{ width: 1190px; margin: 0 auto;}
.goods-box-title{ height: 40px; line-height: 40px; padding-left: 20px; color: #fff; font-size: 14px; font-weight:bold; background-color: #20897a;}
.goods-box-list{ border-right:1px solid #ddd; border-left:1px solid #ddd; }
.goods-box-list > ul{ padding: 0; margin-bottom: 0!important;}
.goods-box-list > ul > li{ border-right: 1px solid #ddd; border-bottom:1px solid #ddd; float: left;}
.goods-box-list > ul > li:nth-child(4n){ border-right: 0!important;}
.goods-box-list > ul > li > a{ padding: 10px 11px; display: block;}
.goods-box-list > ul > li > a > h3{ font-size: 13px; font-weight: normal; padding-left: 10px; margin-top: 10px; margin-bottom: 15px;}
.goods-box-list > ul > li > a > h2{ font-size: 20px; font-family: impact; padding-left: 10px; color: #ec0404; margin-bottom: 15px;}
.dianpu-ad{ width: 1190px; margin: 15px auto !important;}