@charset "UTF-8";
/*初始化*/
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0
}
body{height: 100%;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

body {
    font-size: 12px;
/*    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
*/    min-width: 1050px;
    line-height: 1.5em
}

a {
    color: #2d374b;
    text-decoration: none;
    cursor: pointer;
}

a:hover {

}

em {
    font-style: normal

}

li {
    list-style: none
}

img, input {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

p {
    word-wrap: break-word
}

/*基本样式*/
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfix {
    zoom: 1
}
.footer-wrap{
    width: 1100px;
    margin: 0 auto;
}
.wrap {
    width: 1100px;
    margin: 0 auto;
    margin-top: 170px;
}

.fl {
    float: left
}

.fr {
    float: right
}

.top-header, .section-scr, .ad {
    width: 1100px;
    margin: 0 auto
}

/*h1 {
    height: 22px;
    line-height: 22px;
}*/

h1 .title-after {
    font-size: 14px;
    margin-left: 10px
}
#footer h4{
    color: #332222;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
    letter-spacing: 1px;
}
/*header*/
header {
    width: 100%;
    background: #5B6365;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 9999;
}

.top-header {
    text-align: center;
    height: 65px;
    line-height: 65px;
    font-size: 12px
}

.top-header .logo {display: inline-block;float: left;}
.top-header .headerSearch{display: inline-block;}
.top-header .headerSearch input[type=text]{height: 35px;width: 300px;padding: 0 35px;border: 1px solid #5B6365;outline: none;}
.top-header .headerSearch .search-h{position: relative}
.top-header .headerSearch .search-h i{position: absolute;font-size: 25px;margin-left: 5px}
.top-header .headerSearch .search-h button{position: absolute;top:15px;height: 35px;right: 0;width: 80px;background: #5B6365;border: 1px solid #FFFFFF;color: #FFFFFF;outline: none;}
.top-header .logo img {
    vertical-align:middle;
    width: 185px;

}

.top-header .logo:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.top-header .icon-center {
    margin-top: 3px;
    height: 30px;
    float: right
}

.top-header .icon-center .icon li {
    display: inline-block;
    line-height: 18px;
    height: 18px;
    padding-right: 20px;
}

.top-header .icon-center .icon li > a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.top-header .icon-center .icon .last {
    border-right: 1px solid #808080;

}

.top-header .header-user {
    height: 65px;
    display: inline-block;
    float: right;
}

.top-header .header-user li {
    margin-right: 12px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    text-align: center;
}
.top-header .header-user li i{font-size: 23px}
.top-header .header-user li span{}
.top-header .header-user .box-b > a {

}

.top-header .header-user .shop > a:hover {

}

.top-header .header-user .shop {

}

.top-header .header-user .shop .shop-number {
    font-weight: bold;
    display: block;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    background: #1C76BB;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: -13px;
}

.top-header .header-user li a {
    color: #ffffff
}


/*导航*/
nav {
    width: 100%;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 10px 0 #888888;
}

nav .wrap {
    height: 60px;
    line-height: 60px;
    width: 1100px;
}

.nav .wrap .menu > li {
    float: left;
    height: 60px;
    line-height: 60px;
    margin-right: 29px;

}

.nav .wrap .menu > li > a {
    height: 20px;
    line-height: 20px;
    font-size: 16px;font-weight: bold;
}

.nav .wrap .menu > li > a:hover {
    color: #000000;
    text-decoration: none;
}

nav .wrap ul li:hover {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

nav .wrap ul li .img-mid:hover {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

.header-search {
    width: 190px;
    height: 60px;
    position: relative;
    margin: 0 auto
}

.header-search .search-h {;
    width: 180px;
    height: 25px;
    border: 2px solid #000000;
    top: 13px;
    position: absolute;
}

.header-search .search-h .img-mid {
    float: right;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 3px
}

.header-search .search-h input {
    float: left;
    width: 175px;
    height: 25px;
    padding-left: 5px;
}

.header-search .details {
    width: 80px;
    height: 60px;
    text-align: center;
}

.header-search .details input {
    width: 74px;
    height: 24px;
    line-height: 24px;
    background: #000000;
    color: #656565;
    padding: 0 5px;
    cursor: pointer;
    margin: 0 0 4px 10px;
}

.header-search .details input:hover {
    opacity: 0.6;
    filter: alpha(opacity=60)
}

/*底部*/
.footer>p{background: #1C76BB;height: 40px;line-height: 40px;text-align: center;font-size: 17px;color: #FFFFFF;}
.footer>p>span{margin:0 70px}
.footer>p>span>i{font-size: 25px;margin-right: 10px}
.footer {
    float: left;
    width: 100%;
    background: #FFFFFF;
    margin-top: 60px;
    border-bottom: 1px solid #999999;
}

.footer-top {
    padding-top: 25px
}

.footer-top ul {
}

.footer-top li {
    list-style: disc;
    float: left;
    width: 250px;
    height: 40px;
    line-height: 40px;
    color: #5B6365;
    margin-left: 20px;
}

.footer-top li span {
    float: right;
    padding-right: 4px
}

.footer-top li a, .footer .footer-bottom li a {
    color: #5B6365;
}

.footer-top .last {
    border-bottom: 1px solid #4d4d4d;
}

.footer-tl, .footer-tc, .footer-tr {
    width: 250px;
    margin-left: 50px
}
.footer-tr{margin: 0;text-align: center}
.footer-tr li{list-style: none}
.footer-top .footer-tl {
}
.footer .footer-tr .phone p{line-height: 20px}
.footer .footer-tr .about-ec{margin-top: 15px}
.footer .footer-tr .about-ec li{float: left;width: 40px}
.footer .footer-tr .about-ec li i{font-size: 30px}
.footer-bottom {
    margin: 20px auto;
    text-align: center
}

.footer-bottom ul {
    width: 1100px;
    display: block
}

.footer-bottom li {
    height: 18px;
    line-height: 18px;
    border-right: 1px solid #e5e5e5;
    padding: 0 14px;
    text-align: center;
    display: inline-block;
}


.footer-bottom p {
    margin-top: 13px
}

/*侧边栏*/
.aside {
    width: 210px;
    background: #ffffff;
}

.aside .category .title {
    height: 66px;
    line-height: 66px;
    background: yellow;
    text-align: center;
}

.main-r h1 {
    height: 66px;
    margin: 0 auto;
    line-height: 66px
}
.aside h1{
    height: 38px;
    margin: 0 auto;
    line-height: 38px
}

.aside .a-menu .far-menu {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e5e5e5;
    cursor: pointer
}

.aside .a-menu .far-menu span {
    float: right;
    font-size: 20px;
    padding-right: 4px;
    position: relative;
}

.far-menu a span:after {
    content: "";
    display: block;
    background: #FFFFFF;
    float: left;
    width: 7px;
    height: 7px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(45deg);
    transition: transform 0.5s ease;
    position: absolute;
    top: 15px;
    right: 10px;
}

.far-menu .spandown:after {
    transform: rotate(135deg);
    transition: transform 0.5s ease;
}

.aside .a-menu .far-menu-last {
    background: #000000;
    padding: 10px 0;
    border-top: 0;
    border-radius: 4px;
    color: #ffffff;
}

.aside .a-menu .far-menu-last a {
    color: #ffffff;
    margin-left: 10px;
}

.aside .a-menu .far-menu-last a:hover {
    color: #ffffff;
}

.aside .a-menu .far-menu-last a span:after {
    position: absolute;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    transform: rotate(45deg);
    top: 40%;
    right: 10px;
}

/*search部分*/
.aside .search{
	margin-bottom: 20px;
}
.aside .search .search-i {
    height: 40px;
    width: 206px;
    border: 2px solid #000000;
    position: relative;
}

.aside .search .search-i .keywords-side {
    float: left
}

.aside .search .search-i .img-mid {
    float: right;
    width: 40px;
    background: #333;
    height: 40px;
    position: absolute;
    right: 0px;
	text-align: center;
}
.aside .search .search-i .img-mid>img{
	width: 22px;
	height: 22px;
	margin-top: 8px;
}

/*SNS部分*/
.aside .sns h1 {
	font-weight:500;
	font-size: 16;
    border-bottom: 1px solid #e5e5e5
}
.aside .category>h1{
	font-weight: 500;
	font-size: 16px;
}

.aside .sns .info li {
    float: left;
    margin: 10px 4px;
}

.aside .sns .info li:hover, .aside .sns .sns-ad a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60)
}
.aside .sns .info li img{
	width: 42px;
	height: 42px;
}

.aside .sns .sns-ad a img {
    width: 200px;
    height: 42px;
    margin-bottom: 10px;
}

/*子菜单*/
.aside .a-menu .submenu {
    display: none;
    padding-bottom: 10px
}

.aside .a-menu .submenu > li {
    margin: 8px 10px 0
}

.aside .a-menu a:hover {
    color: #000000
}

/*顶部标题*/
#members {
    width: 1100px;
    
    text-align: left;
}

#members .top {
    font-size: 12px;
    padding-bottom: 10px;
}

#members .top li {
    float: left;
}

#title {
    font-size: 17px;
    text-align: left;
    margin-bottom: 15px;
    padding: 12px 15px;
    border-bottom: 1px solid #000;
    border-top: 3px double #000;
}



.item .item-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item .item-price {
    text-align: center;
}

.item .item-discount {
    color: #ff0000
}

.item .item-discount-price {
    color: #ff0000
}

.header{}
.header .container{margin: 20px auto 0;}
.header .topTxt{width: 100%;height: 28px;line-height: 28px;text-align: center;background: #383838;color: #fff;}
.header .topTxt a{color: #fff;}
.header .headTop{overflow: hidden;}
.header .headTop .txt-r{text-align: right;}
.header .headTop .txt-r a{display: inline-block;margin:0 5px;}
.header .headTop .txt-r a:hover{color: #333;opacity: .8;}
.header .headBottom{margin-top: 30px;}
.header .headBottom .muneNav{}
.header .headBottom .muneNav li{
    -webkit-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    -o-flex:1;
    flex:1;padding-bottom: 20px;
    height: 44px;position: relative;
}

.topNav_left{margin-right:20px;width: 190px;}
.topNav_right{width: 1100px;margin: 0 auto;
    background: #ffffff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #5B6365;
    }

.header .headBottom .muneNav li:not(:first-child) a{
    border-left:solid 1px #ccc;
}
.header .headBottom .muneNav a{text-align: center;display: block;font-size: 13px;color: #333;font-weight: 600;}
.header .headBottom .muneNav a img{display: inline-block;position: relative;bottom: 15px;width: 53px;}
.header .headBottom .muneNav li:hover a{opacity: .8;text-decoration: none;}

.header .headBottom .muneNav li.navMybag a{border:none;}
.header .headBottom .muneNav li.navMybag .cartNum{
    display: block;
    width: 22px;
    height: 22px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: -17px;
    right: 18px;
    font-size: 12px;color: #fff;
    font-style: normal;line-height: 22px;
    text-align: center;
}
.d_header-move{position: fixed;width: 100%;background-color: #81C7D4;height: 50px;z-index: 999;top: 0px;display: none;}
.d_header-move .fixedTopMune{overflow: hidden;width: 1000px;margin: 0 auto;}
.d_header-move .fixedTopMune .logo{width: 260px;}
.d_header-move .fixedUlNav{}
.d_header-move .fixedUlNav li{position: relative;}
.d_header-move .fixedUlNav li a{color: #fff;font-size: 13px;display: block;text-align: center;height: 50px;line-height: 50px;padding:0 10px;}
.d_header-move .fixedUlNav li:nth-last-child(-n+3) a{padding-left: 20px;}
.d_header-move .fixedUlNav li a img{
    display: inline-block;vertical-align: middle;
}
.d_header-move .fixedUlNav li a:hover{
    text-decoration: none;color: #999;
}
.d_header-move .fixedUlNav li .cartNum{
    display: block;
    width: 22px;
    height: 22px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: -2px;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    line-height: 22px;
    text-align: center;
}

.childNavBox{position: absolute;left: 0;top: 116px;width: 100%;background: #f2f2f2;z-index: 10000;display: none;padding-bottom: 20px;}
.childNavBox:after {
    content: "";
    display: block;
    background: url(../img/bg-nav.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: -12px;
    width: 24px;
    margin-left: -12px;
    height: 12px;
}
.childNavBox .container{padding: 0}
.childNav{padding:10px 0;}
.childNav li{padding-bottom: 10px;line-height: 28px}
.childNav h3{font-size: 16px;color: #332222;display: none}
.childNav a{font-size: 14px;color: #000000;display: block;}
.flexBox{
    margin: 0 15px;
    display: -webkit-flex;
    display: -moz-flex ;
    display: -ms-flex ;
    display: -o-flex ;
    display: flex ;
    -webkit-align-items:center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    flex-wrap:wrap;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}
.hide{display: none;}
.show{display: block;}
.container {
    padding-top: 40px;
    margin: 0 auto;
    text-align: center;
    width: 1100px!important;
}
.headBottom .muneNav li a{
    font-size: 16px;
    }
.nav-wrap{width: 100%;background: #FFFFFF}
/* pagination */
.pagination{
	clear:both;
	overflow:hidden;
	text-align:center;
	padding:10px;
}
.pagination li{
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 5px;
	text-align:center;
	line-height: 30px;
	border:1px solid #ddd;
	background: #fff;
}
.pagination li.active{
	background:#333;
	color:#fff;
}

.discount-icon{background: #fb156a;color: #FFFFFF;position: absolute;right: 0;top:0;padding:2px 4px;border-radius: 3px}

/*product_content*/
.product_content{}
.product_content .productCont{}
.productCont .productItemData{}
.productCont .productItemData .fl{width: 550px;}
.productCont .productItemData .fr{width: 420px;padding-top: 30px;}
.productCont .productItemData .fr p>.colrBlue,
.colrBlue{text-decoration: underline;color: #2C54AF;}

.productCont .productItemData .fr .borB{border-bottom: dotted 1px #333;padding-bottom: 10px;}
.productCont .productItemData .fr .productHead{font-size: 17px;color: #666;}
.productCont .productItemData .fr .productPrice{font-size: 12px;color: #4d4d4d;padding-bottom: 10px;border-bottom: solid 1px #b0b0b0;}
.productCont .productItemData .fr .productPrice span{font-size: 21px;}
.product_content .productCont .content{padding: 50px 0;}
.option-element h2{font-size: 14px;font-weight: bold;color: #1c1c1c;margin-bottom: 15px;}
.option-element .color_change,
.option-element .size_change{margin: 5px 0;}
.option-element .radio-inline{
    padding: 0 10px 0 0;
    margin: 0;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.option-element .radio-inline input[type=radio]{
    position: absolute;left: -99999em;
}
.option-element .radio-inline span{
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
    float: left;
    cursor: pointer;
}
.option-element .radio-inline span .text{
    display: inline-block;width: auto;min-width: 63px;text-align: center;color: #1c1c1c;font-weight: 500;
    background: #fff;border: solid 2px #d9d9d9;font-size: 15px;cursor: pointer;white-space: normal;
}
.option-element .radio-inline input[type=radio]:checked + span img{
    border: 2px solid #81C7D4;
}
.option-element .radio-inline input[type=radio]:checked + span .text{
    background: #81C7D4;color: #fff;font-size: 14px;padding: 0 2px;
}
.changeNum{
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #b0b0b0;
}
.changeNum .changeNumIpt{
    width: 3em;
    font-size: 16px;
    color: #4d4d4d;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    padding: 0.3em;
    text-align: center;
}
.add-cart-box{margin-top: 20px;}
.add-cart-box button{width: 360px;margin-bottom: 15px;height: 42px;border:none;display: block;}
.add-cart-box button.btn-add-mybag{height: 52px;}
.add-cart-box button:hover{opacity: .8;}
.historyLook{margin: 20px 0;}
.historyLook h3{font-weight: 600;text-align: center;font-size: 18px;color: #1c1c1c;text-align: center;line-height: 1.5;margin-bottom: 15px;}

.btn-add-favorite{
    position: relative;width: 360px;
    height: 44px;
    line-height: 44px;
    border: solid 2px #81C7D4!important;
    color: #81C7D4;
    background: #fff url(../img/heart.png) no-repeat left 82px center;
    background-size: 30px auto;
    border-radius: 3px;
}
.btn-add-favorite .wishNum{
    position: absolute;left: 260px;
}
/*product_content end*/

.topADD{width: 100%;margin: 0 auto;position: fixed;top: 0;left: 0;z-index: 9999;}
.topADD a{height: 100%}
.topADD img{}

.remind-area{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 99999;}
.remind-area .remind{border-radius: 5px; position: fixed;top: 50%;left: 50%;width: 505px;height: 300px;margin-left: -252.5px;margin-top: -150px;background: #fff;border: 1px solid #ccc;padding: 10px;}
.remind-area .remind .close{cursor: pointer; font-size: 14px;font-weight: bold; float: right;width: 25px;height: 25px;border-radius: 50%;border: 1px solid #ccc;position: absolute;top: 0;right: 0;text-align: center;line-height: 25px;background: rgba(0,0,0,0.6);color: #fff;}
.remind-area .remind h1{text-align: center;color: red;padding: 10px;}
.remind-area .remind p{line-height: 25px;font-size: 14px;}
.remind-area .remind .ascertain{border: none;background: #1c76bb;color: #fff;padding: 10px 70px;display: block;margin: 0 auto;border-radius: 5px;margin-top: 40px;}

.address1{padding: 10px;border: 1px solid #ccc;/*height: 30px;*/}
.address1:nth-child(2){/*border-top: none;*/}

#tuanthird{position: absolute;right: 0;}
#tuanthird ul li{float: left;margin-right: 5px;background: #DD6768;color: #fff;border-radius: 3px;width: 25px;height: 25px;line-height: 25px;text-align: center;}
.base_frame .btn-group{font-size: 0;width: 64%;margin: auto;}
.base_frame .btn-group li{font-size: 14px;}
.base_frame .btn-group li a{padding: 10px 50px;border: 1px solid #ccc;display: inline-block;display: block;border:none;}

.payment-logo{text-align: center;}
.payment-logo img{height: 50px;margin-top: 10px;}

.price99{position: absolute;right: 0;bottom: 0;}

.dialog_1{position: fixed;right: 0;bottom: 0;z-index: 3;}
.dialog_1 img{max-width: 100%;}
.dialog_1 .close_{position: fixed;width: 40px;height: 40px;z-index: 4;right: 0;bottom: 196px;}