@charset "utf-8";
/*
*首页样式
*/

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    from {opacity: 0;}
    to {opacity: 1;}
}


@-webkit-keyframes endshow /* Safari 和 Chrome */
{
    from {opacity: 1;}
    to {opacity: 0;}
}

@-webkit-keyframes infirst /* Safari 和 Chrome */
{
    from {background: rgba(255,255,255,0.6);}
    to {background: rgba(255,255,255,1);}
}

@-webkit-keyframes endfirst /* Safari 和 Chrome */
{
    from {background: rgba(255,255,255,1);}
    to {background: rgba(255,255,255,0.6);}
}
input.htsearch-input::-webkit-input-placeholder {
    color: #000;
}
.bgshow_top
{
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;	/* Firefox */
    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s;	/* Opera */
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}
.bghide_top
{
    animation: endshow 1s;
    -moz-animation: endshow 1s;	/* Firefox */
    -webkit-animation: endshow 1s;	/* Safari 和 Chrome */
    -o-animation: endshow 1s;	/* Opera */
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}
.inputtm_top
{
    animation: infirst 1s;
    -moz-animation: infirst 1s;	/* Firefox */
    -webkit-animation: infirst 1s;	/* Safari 和 Chrome */
    -o-animation: infirst 1s;	/* Opera */
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}
.inputntm_top
{
    animation: endfirst 1s;
    -moz-animation: endfirst 1s;	/* Firefox */
    -webkit-animation: endfirst 1s;	/* Safari 和 Chrome */
    -o-animation: endfirst 1s;	/* Opera */
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}


.ss_header_bg{
    background: #de181b;
    position: absolute;
    top: 0;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    width: 100%;
    height: 39px;
    opacity: 0;
}
.show_bg{background: rgba(222,24,27,1)!important;}
.hide_bg{background: rgba(222,24,27,0)!important;}
header.fixed { position: fixed; z-index: 9;top: 0; right: 0; left: 0; height: 39px;}
.header-wrap{width: 100%;height: 39px;position: relative;background: none;}
.htsearch-wrap{padding:0px 46px 0px 10px;}
.htsearch-wrap .search-btn{top: 13px; right: 10px;}
.htsearch-input{    height: 29px;
    border: 1px solid #eee;
    border-radius: 6px;
    width: 85%;
    text-indent: 15px;
    vertical-align: middle;
    font-weight: normal;
    font-size: 12px;
    -webkit-appearance: none;
    background: rgba(255,255,255,0.6);
    border-radius: 15px!important;
    border: none!important;
    color: #232326;
    position: absolute;
    top: 6px;
    right: 46px;
    left: 10px;}
body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; margin: 0; background-color: #F0F0F0; color: #000; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.25em; max-width: 640px;min-width: 320px; margin: 0 auto; }
.main { max-width: 640px; margin: 0 auto;	overflow: hidden;margin-bottom: 2.2rem;}
.index_block { width: 100%; clear: both;  overflow: hidden;background: #fff;}
.index_block .title {     font-size: 0.6rem; font-weight: bold; padding: 5px 0; text-align: center; line-height: 0.85rem; border-left: 0; color: #333;}
/* 块模型布局B、D */
.home2 .content { font-size: 0; background-color: #FFF; *word-spacing: -1px/*IE6、7*/; white-space: nowrap; border-top: solid 1px #D1D1D1; overflow: hidden;}
.home2_1,
.home2_2 { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 50%; *zoom:1/*IE7*/;}
.home2 .border-left { border-left: 1px solid #D1D1D1;}
.home2 .border-right { border-right: 1px solid #D1D1D1;}
.home2 .border-bottom{ border-bottom: 1px solid #D1D1D1;}
.home3 .content { font-size: 0; background-color: #FFF; *word-spacing: -1px/*IE6、7*/;    }
.home3 .item { letter-spacing: normal; vertical-align: top; display: inline-block; *display: inline/*IE7*/; width: 50%; *zoom:1/*IE7*/;}
.item img { width: 100%;display: block; }
.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; overflow: hidden;}
.swipe-wrap img { width: 100%;}
.goods { border: none;background: #fff;margin-top: 0;}
.goods .title ,.home5 .title{ background-color: transparent;font-size: 0.6rem; font-weight: bold; padding: 5px 0; text-align: center; line-height: 0.85rem; border-left: 0; color: #333;}
.desc { margin-bottom: 8px; font-size: 0.6rem; font-weight: normal; text-align: center; line-height: 0.8rem; border-left: 0; color: #333; }
.time{ color: #999; display: inline-block; position: relative; }
.time:before {content: ''; display: block; width: 0.8rem; height: 1px; background: #ddd; position: absolute; top: 0.3rem; left: -1.25rem; }
.time:after {content: ''; display: block; width: 0.8rem; height: 1px; background: #ddd; position: absolute; top: 0.3rem; right: -1.25rem; }
.goods .content {*word-spacing: -1px/*IE6、7*/;background: #f0f2f5; clear: both;overflow: hidden}
.goods-small.goods-item { overflow: hidden;float: left; width: 50%; box-sizing: border-box; padding-bottom: 4px; position: relative; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */  }



.goods-big.goods-item { overflow: hidden;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 4px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0.34rem 0.34rem 0 ;}

.goods-list.goods-item { overflow: hidden;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 4px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    margin-bottom: 0.34rem;
}
.goods-list.goods-item .goods-item-pic{
    float: left;
    width: 4.62rem!important;
    height: 4.62rem!important;
}


.goods-item a {display: block;background: #fff;}
.goods-item-pic {vertical-align: middle;line-height: 0;display: table-cell;text-align: center}
.goods-item-pic img {width: 100%;height: 100%}
.goods-small .goods-item-name {height: 33px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; color: #232326; margin-top: 5px; line-height: 17px; margin-bottom: 3px; padding: 0 4px;}
.goods-small.goods-item-price {color: #f23030; display: inline-block; padding: 0 5px 0 4px; position: relative; top: 1px; height: 25px; line-height: 25px;}
.goods-small.goods-item-price .yens{ font-size: 13px; }
.goods-small.goods-item-price .bigprice{font-size: 0.7rem;}
.goods .goods-small.goods-item:nth-child(2n) {padding-left: 2px;}
.goods .goods-small.goods-item:nth-child(2n+1) {padding-right: 2px;}





 .goods-item-name {height: 33px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; color: #232326; margin-top: 5px; line-height: 17px; margin-bottom: 3px; padding: 0 4px;}
.goods-big .goods-item-price {color: #f23030; display: inline-block; padding: 0 5px 0 4px; position: relative; top: 1px; height: 25px; line-height: 25px;}
 .goods-item-price .yens{ font-size: 13px; }
 .goods-item-price .bigprice{font-size: 0.7rem;}


.goods-item-price {color: #f23030; display: inline-block; padding: 0 5px 0 4px; position: relative; top: 1px; height: 25px; line-height: 25px;}





.goods-item-price .goods-xianshi{display: none;font-size: 14px; font-weight: 600; background-color: #F4133D; color: #fff; padding: 0.1rem 0.5rem; float: right; }
.home3 .content .home3_item{margin: 0 auto}
.home3 .content .item{position: relative;}
.home3 .content .item:nth-child(odd):after { height: 100%; content: ''; width: 1px; border-right: 1px solid #f0f0f0; position: absolute; top: 0; right: 0; transform: scaleX(0.5); -webkit-transform: scaleX(0.5); z-index: 1; }
.home3 .content .item:nth-child(3):before { height: 1px; content: ''; width: 100%; border-top: 1px solid #f0f0f0; position: absolute; top: 0; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 1; }
.home3 .content .item:nth-child(4):before { height: 1px; content: ''; width: 100%; border-top: 1px solid #f0f0f0; position: absolute; top: 0; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 1; }
.part2,.part4{display: inline-block;}
.item-pic-l1-r2,.item-pic-l1-r2 li,.item-pic-l1-r2 li a{font-size: 0;line-height: 0;}
.home5 .item-pic-l1-r2 li .part2 img{width: 100%;}
.home5 .item-pic-l1-r2 li .part4 img{width: 100%;}
.home5 .item-pic-l1-r2 li .part4:last-child{border-right: none;}
.swipe-wrap .item a{display: table-cell;vertical-align: middle;}
.bdr-r{position: relative;}
.bdr-r:after { height: 100%; content: ''; width: 1px; border-right: 1px solid #f0f0f0; position: absolute; top: 0; right: 0; transform: scaleX(0.5); -webkit-transform: scaleX(0.5); z-index: 1; }
.item-pic-l1-r2 li{clear: both;overflow: hidden;position: relative}
.item-pic-l1-r2 .two_part{float: left;width: 50%;}
.item-pic-l1-r2 .four_part{float: left;width: 25%;}
.bdr_top:after { height: 1px; content: ''; width: 100%; border-top: 1px solid #f0f0f0; position: absolute; top: 0; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 1; }
.bdr_bottom:before { height: 1px; content: ''; width: 100%; border-top: 1px solid #f0f0f0; position: absolute; bottom: -1px; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 1; }
.home3_item{position: relative}
/*首页8个图标样式*/
#appcenter{width: 100%;font-size: 0;background: #fff}
#appcenter .floor-item{width: 100%; font-size: 100%; overflow: hidden;}
.position-r{position: relative;height: 6.98rem;margin: 0.35rem 0}
.container-bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; right: 0; }
.quick-nav-box { width: 100%; overflow: auto; position: relative; min-height: 160px; }
.box-enter .container-bg img { width: 100%; height: auto; }
.position-ab { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.quick-nav-five .quick-entry-link { width: 25%; }
.quick-box {  position: absolute; top: 0.466rem; left: 0; bottom: 0; right: 0; height: 2.7rem; }
.quick-nav-five .quick-entry-link img { width: 2rem; height: 2rem; margin: 0 auto; display: block; }
.quick-box span {  display: inline-block; line-clamp: 1; box-orient: vertical; height: 0.522rem; line-height: 0.522rem;}
.quick-entry-link { width: 25%; float: left; font-size: 12px; text-decoration: none; color: #666; text-align: center; display: block; padding-bottom: 10px; }
.quick-entry-link { height: 50%; position: relative; color: #686868; font-size: 0.52rem; font-family: PingFang-Medium,PingFangSC-Regular,Helvetica; padding-bottom: 0; }
/*wap首页样式修改_17.10.08*/
.kefu_part a.kefu_part_a{color: #333}
.kefu_part{padding: 0.434rem 0.22rem;
    background: #fff;}
.kefu_part .kefu_part_a .kefu_part_span{
    font-size: 0.525rem;
}
#main-container .fuwenben_part{background: #fff;font-size: 0.525rem;padding: 8px;}
#main-container .fuwenben_part em{font-style: italic}
.gonggao_part .mod-notice{
    position: relative;
    height: 1.66rem;
    line-height: 1.66rem;
    background: #eee;
    word-break: break-all;
    font-size: 0.52rem;
}
.gonggao_part .mod-notice .gonggao_pic{position: absolute;
    left: 0.33rem;
    top: 0.435rem;}
.gonggao_part .mod-notice .gonggao_pic img{width: 20px;}
.gonggao_part .mod-notice>marquee {
    color: #f90;
    position: absolute;
    top: 0;
    left:1.53rem;
    right: 0.34rem;
}
.gonggao_part .mod-notice a{color: #666}
.hide_title .goods-item .goods-item-name{display: none!important;}
.hide_price .goods-item .goods-item-price{display: none!important;}
/*辅助线样式*/
.fzx_part{margin: 0 8px;height: 1px}
.fzx_part .fzx_content.fzx_solid,.fzx_part .fzx_content.fzx_dashed {position: relative}
.fzx_part .fzx_content.fzx_solid:after,.fzx_part .fzx_content.fzx_dashed:after{
    height: 1px;
    content: '';
    width: 100%;
    border-top: 1px solid #e3e5e9;
    position: absolute;
    bottom: 0px;
    right: 0;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
    z-index: 1;
}
.fzx_part .fzx_content.fzx_dashed:after{
    border-top: 1px dashed #e3e5e9;
}
/*导航正常显示样式*/
.modules-nav{display: block;clear: both; overflow: hidden;}
.modules-nav *{box-sizing: border-box;}
.modules-nav .mod-nav li a span{font-size: 0.56rem;}
.mod-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.mod-nav li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 30px;
}
.mod-nav li a i {
    display: block;
    width: 2.2rem;
    margin: 0 auto;
}
.mod-nav img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.mod-nav li a>span {
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*导航图标居左显示样式*/
.mod-nav.before-icon li a {
    padding: 0;
    line-height: 3.35rem;
}
.mod-nav li a {
    display: block;
    text-align: center;
    color: #555;
    padding: 0 0 8px 0;
    overflow: hidden;
}
.mod-nav.before-icon li a>i, .mod-nav.before-icon li a>span {
    display: inline-block;
}

.mod-nav.before-icon li a>span {
    width: auto!important;
}
.mod-nav.before-icon li a>i, .mod-nav.before-icon li a>span {
    display: inline-block;
}
/*导航图标不显示样式*/
.mod-nav.no-icon li a {
    padding: 0;
}
.mod-nav.no-icon li a i{
    display: none;
}
.mod-nav.no-icon li a span {
    line-height: 1.74rem;
}
/*导航分组显示样式*/
.mod-tag-nav {
    padding: .35rem .35rem 0 0;
    clear: both;
    overflow: hidden;
}
.mod-tag-nav:after, .mod-tag-nav:before {
    box-sizing: border-box;
}
.mod-tag-nav.clearfix:after, .mod-tag-nav.clearfix:before {
    content: " ";
    display: table;
}
.mod-tag-nav li {
    width: 50%;
    float: left;
    padding: 0 0 .35rem .35rem;
}
.mod-tag-nav li a {
    display: block;
    background: #fff;
    color: #555;
    padding: .2rem;
    line-height: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mod-tag-nav li a span{
    font-size: 0.57rem;
}
.mod-tag-nav li a img {
    margin-right: .5rem;
}
/*搭配的样式*/
.modules-dapei *{box-sizing: border-box;}
.modules-dapei .mod-goods-com {
    border-width: 0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(.5,transparent),color-stop(.5,#ddd),to(#ddd)) top left/100% 1px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#ddd),to(#ddd)) bottom right/100% 1px no-repeat;
    background-color: #fff;
}
.modules-dapei .mod-goods-com .com-title {
    border-width: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#ddd),to(#ddd)) bottom right/100% 1px no-repeat;
    background-color: #fff;
}
.modules-dapei .mod-goods-com .com-title {
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    color: #333;
    padding: 10px 0;
}
.modules-dapei img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.modules-dapei .mod-goods-com .com-desc {
    border-width: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.5,transparent),color-stop(.5,#ddd),to(#ddd)) bottom right/100% 1px no-repeat;
    background-color: #fff;
}
.modules-dapei .mod-goods-com .com-desc {
    text-align: center;
    font-size: 0.57rem;
    padding: 7px;
}
.modules-dapei .mod-goods-com .swiper-goods-container {
    padding: 0 8px 8px 8px;
    overflow-x: scroll;
    position: relative;
}
.modules-dapei .mod-goods-com .swiper-slide {
    width: 5.22rem!important;
    margin-right: 0.44rem;
}
.modules-dapei .mod-goods-com .swiper-slide>a .goods-image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    float: none;
}
.modules-dapei .mod-goods-com .swiper-slide>a .goods-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.modules-dapei .mod-goods-com .swiper-slide>a .goods-info {
    position: relative;
    margin: .2rem 0;
    padding: 0 .5rem;
    height: auto;

}
.modules-dapei .mod-goods-com .swiper-slide>a .goods-info .goods-title {
    margin-top: .25rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 .2rem 0;
    line-height: 0.8rem;
    height: 1.6rem;
    font-size: 0.6rem;
}
.modules-dapei .mod-goods-com .swiper-slide>a .goods-info .goods-price {
    margin: 0;
    color: #f23030;
    font-size: 0.7rem;
    font-weight: 500;
}
/*图片组合样式*/
.modules-slide *{    box-sizing: border-box;}
.modules-slide .image-list {
    overflow: hidden;
}
.modules-slide .image-list ul {
    overflow: hidden;
}
.modules-slide .clearfix:after,
.modules-slide .clearfix:before {
    content: " ";
    display: table;
}
.modules-slide .image-list.style1 ul li {
    display: block;
    margin: 0 8px 8px;
}
.modules-slide .image-list ul li a {
    display: block;
}
.modules-slide .image-list.style1 ul li img {
    height: 100%;
}
.modules-slide .image-list ul li a img {
    width: 100%;
    background: #f1f1f1;
    display: block!important;
}
.modules-slide img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.modules-slide .image-list.style0, .modules-slide .image-list.style0 ul {
    padding: 0;
    margin: 0;
}
.modules-slide .image-list.style0 ul li {
    display: block;
}
.modules-slide .image-list.style2 ul, .modules-slide .image-list.style3 ul {
    padding-right: 8px;
}
.modules-slide .image-list.style2 ul li {
    box-sizing: border-box;
    padding: 0 0 8px 8px;
    width: 50%;
    float: left;
}
.modules-slide .image-list.style3 ul li {
    float: left;
    width: 33.33333%;
    box-sizing: border-box;
    padding: 0 0 8px 8px;
}

.modules-slide .image-ad4>div {
    float: left;
    width: 33.33333%;
}
.modules-slide .image-ad>div {
    float: left;
    width: 50%;
}
.modules-slide .image-ad4>div>a {
    display: block;
    margin: 0 0 8px 8px;
}
.modules-slide .image-ad>div>a {
    display: block;
    margin:0  8px 8px 0;
}
.modules-slide .images-tpl img {
    width: 100%;
    vertical-align: middle;
}
.modules-slide .image-ad2>div>a {
    display: block;
    float: left;
    margin: 0 0 8px 8px;
}
.modules-slide .image-ad2>div:first-child>a:nth-child(1){
    width: 33.33333%;
}
.modules-slide .image-ad2>div:first-child>a:nth-child(2){
    width: 66.66666%;
}
.modules-slide .image-ad2>div:last-child>a:nth-child(1){
    width: 66.66666%;
}
.modules-slide .image-ad2>div:last-child>a:nth-child(2){
    width: 33.33333%;
}
.modules-slide .image-ad4 {
    padding: 0 8px 8px 0;
}
.modules-slide .image-ad2{
    margin: 0 8px 0 0;
}
.modules-slide .image-ad{
    padding: 0 0 0 8px;
}
.modules-slide .image-ad3{
    padding: 0 0 0 8px;
}
.modules-slide .image-ad3>div>a{
    padding: 0 8px 8px 0;
    display: inline-block;
}
.modules-slide .image-ad3>div{
    width: 50%;
    float: left;
}