em, i, u {font-style: normal;}
a {
    color: #666;
    text-decoration: none;
}
.form .text{border: solid 1px #f30213;}
.grid_c1 li{line-height: 44px;font-weight: 700;font-size: 20px;}
.grid_c1 a{color: #333;font-weight: 700;}
.quark{overflow: hidden; background: #f6f6f6;}
.quark_bg{width: 100%; z-index: 1; position: absolute; height: 321px; background: url(banner.png) no-repeat;background-position: center top;}
.quark_area{width: 1190px; margin: 0 auto; z-index: 2; position: relative;}
.quark_list{margin-top: 200px; position: relative; overflow: hidden; margin-left: -10px;}
.quark_item{position: relative; width: 290px; height: 400px; float: left; background: #fff;margin-left: 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.quark_item a{ display:block;}
.quark_item .img_box:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.quark_item .img_box{width: 200px; height: 200px; position: relative; margin: 0 auto; padding: 20px 0;}
.quark_item .img_box img{width: 100%; -webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease;}
.quark_item .item_title{font-size: 14px; color: #333333; margin-bottom: 10px; margin-left: 20px;margin-right: 20px; font-weight: 400; text-align: left; line-height: 20px; height: 20px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.quark_item .item_word{margin-left: 20px; margin-bottom: 10px; font-size: 14px; color: #e01222;}
.quark_item .item_word img{display: inline-block;margin: -3px 2px 0 0;height: 19px;background-image: none;vertical-align: middle;}
.quark_item_line{height: 1px; background: #f3f3f3;}
.quark_item_bot{position: relative;}
.quark_item_price_box{position: relative; padding: 35px 0 0 20px; display: block; line-height: 1;}
.quark_item_price_box .price{font-size: 24px; color: #e01222; font-family: arial; margin-right: 2px;line-height: 1; min-width: 50px; position: relative;}
.quark_item_price_prompt{position: absolute; top: -22px; left: 0; padding: 0 8px; height: 16px;line-height: 16px; background-color: #e6e6e6; font-size: 10px; color: #999; border-radius: 2px;}
.quark_item_price_box em{font-size: 14px;}
.quark_item_price_del{line-height: 1.2; color: #999; font-size: 18px;}
.quark_item_price_btn{right: 0; top: 50%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%);transform: translateY(-40%); position: absolute;}
.quark_item_price_number{height: 18px; font-size: 12px; color: #999999; text-align: right; padding-right: 10px;}
.quark_item_price_go{margin-top: 10px; color: #fff; height: 38px; line-height: 38px;font-size: 16px; display: block; float: right; width: 90px; text-align: center;background: #df0021;}

.quark_backtop{position: fixed;bottom: 25%;left: 50%;margin-left: 618px;width: 45px;z-index: 100;}
.quark_backtop li{color: #666;font-size: 12px;text-align: center;position: relative;background: #fff;}
.quark_backtop li a{cursor: pointer; border-bottom: 1px solid #dcdcdc;width: 30px;padding: 10px 0;display: inline-block;}
.quark_backtop .quark_top{border: 0;background: #e01d22;position: relative;z-index: 1;margin-top: -1px;padding-bottom: 0;text-align: center;}
.quark_backtop .quark_top a{line-height: 1.2;vertical-align: top;color: #fff;border: 0;height: 45px;padding: 0;width: 100%;display: inline-block;}
.quark_backtop .quark_mobile{margin-top: 3px;background: #e01d22;text-align: center;position: relative;}



/*还进度条的样式*/

.quark_t{background:#f6f6f6;overflow:hidden;}
.quark_t_area{z-index:2; position:relative; margin:0px auto; width:1190px;}
.quark_t_list{width: 1190px; margin:0px auto; margin-top: 200px;  position:relative;}
.quark_t_list ul{margin-left: -10px; margin-bottom: -20px;}
.quark_t_list ul li{float: left; margin-left: 10px; margin-bottom: 10px; height: 400px; position: relative;background: #fff;}
.quark_t_list ul li .good_link{width: 230px; padding: 20px 30px 0; background: #fff;display: block; text-decoration: none; position: relative; overflow: hidden;text-align: center;}
.quark_t_list .goods_link_img:hover{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.quark_t_list .good_link .goods_link_img{width: auto; height: 200px; -webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s; -moz-transition: transform .3s,-moz-transform .3s;transition: transform .3s; transition: transform .3s,-webkit-transform .3s,-moz-transform .3s; display:inline-table;}
.quark_t_list .good_title{color: #333; font-size: 14px; margin: 20px -10px 9px; font-weight: 400;text-align: left; line-height: 20px; height: 20px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.quark_t_list .good_desc{margin: 0 -10px; font-size: 14px; height: 21px; line-height: 21px; color: #e01222;text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.quark_t_list .good_desc img{display: inline-block;margin: -3px 2px 0 0;width: auto;height: 19px;background-image: none;vertical-align: middle;}
.quark_t_list .good_info{overflow: hidden; text-align: left; height: 99px; display: block; border-top: 1px solid #f6f6f6;position: absolute; bottom: 0; left: 0; width: 290px;}
.quark_t_list .good_info_txt{padding: 30px 0 0 30px; display: block; position: relative; line-height: 1;padding-left: 19x;}
.quark_t_list .good_price_box{position: relative; display: block; line-height: 1.1;}
.quark_t_list .good_price_box .good_price_now{font-size: 24px; color: #e01222; font-family: arial; margin-right: 2px;line-height: 1; display: inline-block; min-width: 50px;}
.quark_t_list .good_price_now em{font-size: 14px;}
.quark_t_list .goods_price_lowest{position: absolute;top: -22px;left: 0;padding: 0 8px;height: 16px;line-height: 16px;background-color: #e6e6e6;font-size: 10px;color: #999;-moz-border-radius: 2px;border-radius: 2px;}
.quark_t_list .goods_price_lowest:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid dashed dashed;
    border-color: #e6e6e6 transparent transparent;
    pointer-events: none;}
.quark_t_list .goods_price_pre{font-size: 12px; color: #999;}
.quark_t_list .goods_progress{display: block; margin-top: 5px;}
.quark_t_list .goods_progress_inner{width: 88px; height: 8px; background: #e6e6e6; display: inline-block;position: relative; overflow: hidden; margin-left: 5px; -moz-border-radius: 8px;border-radius: 8px;}
.quark_t_list .goods_progress_completed{background: #df0021; width: 40%; position: absolute;left: 0; top: 0; height: 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;}
.quark_t_list .good_info_buy{color: #fff; height: 40px;line-height: 40px; font-size: 16px; display: block; top: 0; right: 0; bottom: 0;margin: auto 0; width: 80px; text-align: center; position: absolute; background: #df0021;}


.slide_mod_er{width: 45px;position: fixed;left: 50%;bottom: 25%;z-index: 100;display: none;}
.slide_mod_er_item{color: #666;font-size: 12px;text-align: center;position: relative;background: #fff;}
.slide_mod_er_item a {
    cursor: pointer;
    border-bottom: 1px solid #dcdcdc;
    width: 30px;
    padding: 10px 0;
    display: inline-block;
}
.slide_mod_er_item_on a {
    font-weight: 700;
    color: #e01d22;
}

.slide_mod_er_top {
    border: 0;
    background: #e01d22;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    padding-bottom: 0;
    text-align: center;
}

.slide_mod_er_top a {
    line-height: 1.2;
    vertical-align: top;
    color: #fff;
    border: 0;
    height: 45px;
    padding: 0;
    width: 100%;
    display: inline-block;
}

.slide_mod_er_top_arrow {
    font-size: 0;
    margin-top: 10px;
    display: inline-block;
    background-image: url(sprite.png);
    background-position: -2063px -198px;
    background-repeat: no-repeat;
    width: 12px;
    height: 6px;
}
.slide_mod_er_top span{display:block;}

.slide_mod_er_mobile {
    margin-top: 3px;
    background: #e01d22;
    text-align: center;
    position: relative;
}

.slide_mod_er_mobile_a {
    width: 100%;
    padding: 0;
    height: 45px;
    position: relative;
    display: inline-block;
}
.slide_mod_er_mobile_close, .slide_mod_er_mobile_mb {
    background-position: -1488px -289px;
    width: 22px;
    height: 30px;
    margin-top: 6px;
    display: inline-block;
}

.slide_mod_er_mobile_mb {
    background-image: url(sprite.png);
    background-repeat: no-repeat;
    font-size: 0;
}

.slide_mod_er_qc {
    position: absolute;
    padding: 15px;
    right: 45px;
    top: -38px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}

.slide_mod_er_qc_panel {
    position: relative;
    background: #fff;
    border: 4px solid #ff1943;
    padding: 5px;
}

.slide_mod_er_qc_panel img {
    width: 85px;
    height: 85px;
}

.slide_mod_er_mobile_close {
    background-position: -2003px -198px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 7px;
    border: 0;
    padding: 0;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -moz-transition: transform .25s,-moz-transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s,-moz-transform .25s;
    display: none;
}

.slide_mod_er_mobile_close s {
    font-size: 0;
    position: absolute;
    right: 1px;
    width: 0;
    height: 0;
    top: 39%;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #e01d22;
    z-index: 4;
}

.slide_mod_er_mobile_hovered .slide_mod_er_qc, .slide_mod_er_mobile_showed .slide_mod_er_qc {
    visibility: visible;
    opacity: 1;
}