/*reset*/
*{ margin: 0; padding: 0; box-sizing: border-box; }
body{ font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif; font-size: 14px; line-height: 1.4; color: #333; -webkit-font-smoothing: antialiased; }
ul,ol{ list-style-type: none; }
a{ text-decoration: none; transition: all .2s ease; -webkit-transition: all .2s ease;}
img{ display: block; border: none; }
table{ width: 100%; border-collapse:collapse; border-spacing:0; }
p{ line-height: 1.4 }
a {color: #333;}
a:hover {color: #666;}
input{ outline: none; }
button {background: none;border:none}
select{
    border: solid 1px #000;
    border-radius: 0;
    padding-left:10px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}
select.form-control {
    display: block;
    width: 280px;
    height: 36px;
    padding: 8px 13px;
    font-size: 13px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    /*background-image: none;*/
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
select.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
select.form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
select.form-control:-ms-input-placeholder {
    color: #999; }
select.form-control::-webkit-input-placeholder {
    color: #999; }
select.form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
select.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1; }
select.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed; }

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    border: none;
}
.icon-nav-close {cursor: pointer;}
.icon-nav-close_btn {cursor: pointer;}
body {background:#fff;}
.clear:after,.container:after,.card-list:after,.head-pro-list a:after,.choose:after,.wenhua-ul:after,.input-box:after,.people-num:after,.head-pro-list:after{ content: " "; clear: both; display: block; }
.container.position-static{ position: static; }
.container{ width: 1180px; margin: 0 auto; position: relative; }
#checkout-checkout{padding-bottom:40px;}
.no-scroll,.no-scroll body{ height:100%; overflow:hidden;}
.G-btn {height: 60px;background:#333;color: #fff;font-size: 14px;text-align: center;line-height: 60px;display: block;}
.hidden {
    display: none !important;
}
.G-btn:hover {background: #666;color: #fff;}
.G-btn-white {height: 60px;background:#fff;border:2px solid #333;color: #333;font-size: 14px;text-align: center;line-height: 60px;display: block;}
.header {height: 120px;}

.nav-pc {display: block;}
.nav-mobile {display: none;}
.header .logo {position: absolute;left: 0;top:45px;width: 164px;height: 30px;background: url(../image/logo-black.png) no-repeat 0 0;background-size: 100% auto;}
.header .menu {text-align: center;padding-top:50px;font-weight: bold;}
.header .menu ul {text-align: center;}
.header .menu li {display:inline-block;font-size: 14px;color: #333333;text-align: center;padding:0 20px;}
.header .menu li a {color: #333333;}
.header .menu li .current {color: #666;}
.header .menu li a:hover {color: #666;}
.header .menu li ul{position: absolute;background: #fff;width: 180px;z-index: 999;text-align: left;margin-left:-20px;}
.header .menu li ul li {height: 30px;line-height: 40px;padding:0 20px;display: block;text-align: left;letter-spacing: 2px;}
.header .menu li ul li a{height: 30px;line-height: 30px;display: block;}
.header .search{background: #F7F7F7;width: 150px;height: 36px;border:none;text-indent: 3em;}

.header .right-bar .icon-nav-search {position: absolute;margin:7px 0 0 13px;}
.header .right-bar{position: absolute;right: 0;top:44px;font-weight: bold;}
.header .right-bar a{font-size: 14px;color: #333333;margin-right:30px;}
.header .right-bar a.u-name{margin-right:20px;}

.header-sim {background: #333333;height: 120px;}
.header-sim .logo{position: absolute;left: 0;top:45px;width: 164px;height: 30px;background: url(../image/logo-white.png) no-repeat 0 0;background-size: 100% auto;}


.banner {height: 500px;position: relative;}
.banner img{height: 500px;width:1180px;}
.banner .btn {height: 60px;width:180px;position: absolute;}
.banner .banner-btn {width: 60px;height: 60px;position: absolute;background: rgba(0,0,0,0.20);text-align: center;line-height: 60px;top:220px;}
.banner .banner-btn:hover {background: rgba(0,0,0,0.35);}
.banner .forward {left:30px;}
.banner .next {right:30px;}
.banner .icon-banner-forward {font-size: 32px;color: #fff;}
.banner .icon-banner-next {font-size: 32px;color: #fff;}

.banner .btn-link {height: 60px;line-height:60px;top:300px;width:180px;position: absolute;background: rgba(0,0,0,0.5);text-align: center;color: #fff;font-size: 18px;}
.banner .btn-link:hover {background: rgba(0,0,0,0.75);}
.banner .btn-link.left {left: 100px;}
.banner .btn-link.right {right: 30px;}
.banner .btn-link.center {left:500px;}

.G-color-tag {cursor:pointer;background: #FFFFFF; border: 2px solid #E5E5E5;border-radius: 100%;-webkit-border-radius: 100%; -moz-border-radius: 100%; width: 42px;height:42px;line-height: 42px; display: inline-block;position: relative;vertical-align: middle;margin:0 18px 10px 0}
.G-color-tag input {display: none;}
.G-color-tag em {width: 32px;height: 32px;border-radius: 100%;-webkit-border-radius: 100%; -moz-border-radius: 100%;line-height: 32px;position: absolute;left:3px;top:3px;overflow: hidden;}
.G-color-tag em img {width: 32px;height: 32px;}
.G-color-tag.current {border: 2px solid #333333;}
.G-color-tag.tag1 em {background: #333;}
.G-color-tag.tag2 em {background: #1F68C4;}
.G-color-tag.tag3 em {background: #C12327;}
.G-color-tag.tag4 em {background: #fff;}
.G-page-tit {font-size: 30px;color: #333333;text-align: center;border-bottom: 2px solid #f7f7f7;height: 52px;line-height: 42px;padding-bottom:10px;box-sizing: content-box;}
.G-page-time {font-size: 12px;color: #333333;text-align: center;}
.buy_btn {text-align: center;width:180px;}
.description{padding:10px;}

.G-mask{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9998;}
.G-mask .wrap {position: relative;height: 100%;}
.G-dialog-box {width: 660px;background: #fff;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
	z-index: 9999;
	display:none;
}
.order_kuaidi_code, .order_kuaidi_number{display:none;}
.G-dialog-box .dialog-hd {height: 120px;background: #333;color: #fff;padding:20px; line-height: 30px;position: relative;}
.G-dialog-box .dialog-hd .logo {width: 165px;height: 30px;vertical-align:middle;background: url(../image/logo-white.png) no-repeat 0 0;background-size: 100% auto;display: inline-block;margin-top:25px;}
.G-dialog-box .dialog-hd .tit {vertical-align: middle;height: 30px;line-height: 30px;display: inline-block;margin:20px 0 0 15px;}
.G-dialog-box .dialog-hd .icon {right: 20px;top:20px;position: absolute;cursor: pointer;}
.G-dialog-box .smart-hd {color: #333;background: #fff; height: auto;}
.G-dialog-box .smart-hd .tit {font-size: 30px;}
.G-dialog-box .smart-hd .info {font-size: 14px; vertical-align: middle;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 20px 0 0 15px;}
.G-dialog-box thead td{background: #F7F7F7;height: 40px;text-align: center;font-size: 18px;width: 25%;}
.G-dialog-box td{height: 40px;text-align: center;font-size: 18px;width: 25%;}
.G-dialog-box .G-dialog-bd {padding:20px 40px;}
.G-confirm .btn-bar {padding:20px 40px;}
.G-confirm .btn-bar a{width: 47%;margin-right:5%;display: inline-block;vertical-align: middle;}
.G-confirm .btn-bar a:last-child{margin-right:0;}

.G-radio {background: #FFFFFF; border: 2px solid #CCCCCC; border-radius: 100%;width: 22px;height: 22px;position: relative;display: inline-block;}
.G-radio em {background: #333;  border-radius: 100%;width: 12px;height: 12px;position: absolute;left: 3px;top:3px;display: inline-block;visibility: hidden;}
.G-radio.checked em {visibility: visible;}
.G-radio input {display: none}

.G-page {margin:10px 0;text-align: center;}
.G-page a {display: inline-block;width: 40px;border: 2px solid #e5e5e5;text-align: center;line-height: 40px;font-size: 12px;color: #ccc;margin:0 5px;}
.G-page a:hover {border-color: #333;color: #333;}
.G-page a.current {border-color: #333;color: #fff;background: #333;}
.G-page a.arrow,
.G-page a.more {border: none;}
.G-page a.active {border-color: #333;color: #333;}

#slides .next,#slides .prev {
    z-index:101;
}

.slides_container {
    width:1180px;
    height:500px;
    overflow:hidden;
    margin: auto;
}
.slides_container img {width: 1180px;}


/*.pagination {*/
    /*position: absolute;*/
    /*bottom:15px;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*z-index: 999;*/
/*}*/

/*.pagination li {*/
    /*display: inline-block;*/
    /*margin:0 1px;*/
/*}*/

/*.pagination li a {*/
    /*display:inline-block;*/
    /*height:6px;*/
    /*background: rgba(0,0,0,0.25);*/
    /*width: 60px;*/
    /*float:left;*/
    /*overflow:hidden;*/
    /*text-indent: -9999em;*/
/*}*/

/*.pagination li.current a {*/
    /*background: rgba(0,0,0,0.75);*/
/*}*/

.caption {
    height: 60px;line-height:60px;top:300px;width:180px;position: absolute;background: #333;text-align: center;color: #fff;font-size: 18px;
}
.hot-goods-list {padding:35px 0 80px 0;}
.hot-goods-list h2 {
    font-size: 30px;
    color: #333333;
    line-height: 50px;
    text-align: center;
}
.hot-goods-list h2 .line {display: block;width: 67px;height: 2px;margin: auto;background: #94ABBA;}

.hot-goods-list ul {padding-top:0px;}
.goods-list li {float: left;width: 280px;margin:0 5px;text-align: center;display: inline-block;}
.goods-list li .goods-pic {width: 280px;height: 280px;position: relative;}
.goods-list li .goods-pic .view-btn {
    width: 120px;height: 44px;background: rgba(0,0,0,0.5);color: #fff;line-height: 44px;visibility: hidden;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.goods-list li:hover .goods-pic .view-btn {visibility: visible;}
.goods-list li .goods-pic .view-btn:hover {background:rgba(0,0,0,0.75);}
.goods-list li .goods-pic .tag {position: absolute;width: 100%;bottom:5px;}
.goods-list li .goods-pic .tag span {width: 60px;height: 28px;padding:0 9px;color: #fff;font-size: 12px;text-align: center;line-height: 28px;}
.goods-list li .goods-pic .new {background: #94ABBA;}
.goods-list li .goods-pic .best {background: #F8513C;}
.goods-list li img {width: 280px;height: 280px;}
.goods-list li h3 {font-size: 16px; color: #333333; line-height: 20px;}
.goods-list li p{font-size: 20px; color: #333333;}
.goods-list li .sale { color: #ccc;text-decoration: line-through;}
.goods-list  a { color: #333;;}

.footer {background: #333;color: #fff;border-top:1px solid #333;}
.footer .left {float: left;padding-top:20px;}
.footer h1 {background: url(../image/logo-white.png) no-repeat  0 0;display:block;background-size: 100% auto;width: 164px;height: 30px;float: left;
    margin-left:19.3%; margin-top:25px;}
.footer .footer-nav {/*text-align: center;*/font-size: 14px;color: #fff;float: left;
    margin-left:19.3%; margin-top:25px;/*padding-left:20px;*/}
.footer .footer-nav a {color: #fff;}
.footer .footer-nav a:hover {color: #999;}
.footer .footer-nav span {padding:0 20px 0 0;}

.footer .footer-nav_ico {float: left; margin-left:19.3%; margin-top:50px;}
.footer .footer-nav_ico img {margin-top:-30px;float: left; width:60px;height:40px; position: relative;padding:0 20px 0 0;}


.footer .code {margin-right:19.3%; height: 100px;width: 100px;margin-top:50px;float: right;}
.footer .code img {height: 100px;width: 100px;}
.footer .line {display: none;}
.footer .focus {margin-right:19.3%; fontnt-size: 14px;color: #FFFFFF;text-align: right;float: right;max-width:480px;margin-top:10px;}
.footer .cp {margin-bottom:10px; margin-left:19.3%; fontnt-size: 14px;color: #999999;text-align: left;float: none;clear: both;padding-top:20px; max-width:480px;}

.swiper-container img{width: 100%;}

.goods-slider h2 { font-size: 30px;color: #333333;border-bottom: 2px solid  #F7F7F7;text-align: center;height: 52px;line-height: 42px;}
#carousel {width: 1200px;}
#carousel ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
#carousel li {
    font-size: 40px;
    color: #999;
    text-align: center;
    display: block;
    width: 280px;
    height: 280px;
    padding: 0;
    margin:20px 20px 20px 0;
    float: left;
    position: relative;
}

#carousel li img {
    width: 280px;
    height: 280px;
}

#carousel .prev, #carousel .next {
    display: block;
    overflow: hidden;
    width: 20px;
    height: 280px;
    position: absolute;
    top: 70px;
    line-height: 280px;
    font-size: 30px;
}
#carousel .iconfont {font-size: 29px;color: #B8B8B8;}
#carousel .prev {
    background-position: 0 0;
    left: -50px;
}

#carousel .next {
    background-position: -18px 0;
    right: -50px;
}

.page-goods-list {padding-top:30px;}
.page-goods-list ul{padding-top:0;}
.page-goods-list .container{padding-bottom:80px;}



.goods-detaile{}
.summary {border-bottom:2px solid  #F7F7F7;padding-bottom:40px;}
.goods-detaile .goods-pic{float: left;width:580px;}
.goods-detaile .goods-pic .show{width:580px;height: 580px;overflow: hidden;}
.goods-detaile .goods-pic .show img{width:580px;height: 580px;}
.goods-detaile .goods-pic .pic-list{height: 180px;padding-top:20px;}
.goods-detaile .goods-pic .pic-list li {float:left;width: 20%;}
.goods-detaile .goods-pic .pic-list li img {width: 98%;margin: auto;}
.goods-detaile .goods-pic .pic-list li:last-child {margin-right:0;}
.goods-detaile .goods-info {float: left;width: 580px;padding-left:20px;}
.goods-detaile .goods-info h2 {
    font-size: 30px;
    color: #151515;
    letter-spacing: 0;
    line-height: 42px;
}
.goods-detaile .goods-num {font-size: 14px;color: #4C4C4C;margin-top:10px;}
.goods-detaile .price {margin-top:40px;
    font-size: 28px;
    color: #333333;
}
.goods-detaile .price .sale {
    color: #ccc;text-decoration: line-through;
}

.goods-detaile .info-text {font-size: 16px;color: #333333; line-height: 28px;margin-top:40px;}
.goods-detaile dt { font-size: 16px; color: #333333;margin-top:20px;margin-bottom:10px;}
.goods-detaile dd {margin-top:10px;}

.goods-detaile .custom {height: 42px;line-height: 42px;vertical-align:middle;text-decoration: underline;display: inline-block;margin:0 18px 10px 0}
.goods-detaile .custom a {text-decoration: underline;}


.goods-detaile .size-tag {cursor:pointer;background: #FFFFFF; border: 2px solid #333; border-radius: 4px;/*-webkit-border-radius: 100%; -moz-border-radius: 100%;*/ width: 40px;height:40px;line-height: 40px; font-size: 12px;letter-spacing:1px;display: inline-block;margin:0 10px 10px 0;
    color: #333;text-align: center;}
.goods-detaile .size-tag.current {border: 2px solid #333333;color: #333;background: #333;color: #fff;}
.goods-detaile .size-tag input {display: none;}
.goods-detaile .btn-bar {margin-top:40px;}
.goods-detaile .add-cart {width:280px;display: block;}
.goods-detaile .disable { border: 1px solid #E5E5E5; font-size: 12px;color: #AAAAAA;}
.size-dialog {width: 780px;}

.G-input-bar {width: 142px;height: 42px;border: 2px solid  #333;display: inline-block;border-radius: 4px;position: relative}
.G-input-bar .sub{width: 38px;text-align: center;height: 38px;line-height: 38px;border-top-left-radius:4px;border-bottom-left-radius:4px;display: inline-block;position: absolute;left: 0;top:0;color: #D8D8D8;font-size: 28px;cursor: pointer;color: #333;}
.G-input-bar .add{width: 38px;text-align: center;height: 38px;line-height: 38px;border-top-right-radius:4px;border-bottom-right-radius:4px;display: inline-block;position: absolute;right: 0;top:0;color: #D8D8D8;font-size: 28px;cursor: pointer;color: #333;}
.G-input-bar .num-input{border:none;border-left: 2px solid #333;border-right:2px solid #333;height: 38px;width:66px;text-align: center;position: absolute;left: 38px;}
.detail-container {padding-top:40px;}
.detail-container h2{font-size: 30px; color: #333333;}
.detail-container .detail-cms-container{padding-top:40px;border-bottom:2px solid  #F7F7F7;padding-bottom:40px;}
.detail-container .detail-cms-container li{list-style-type:circle; line-height: 38px; margin-left: 15px;}
.page-goods-detaile h2{text-align: left;}

.page-cart {padding-bottom: 80px;}
.cart-goods-list {padding-top:10px;}
.cart-goods-list li {position: relative;height: 100px;margin:20px 0 40px 0;}
.cart-goods-list li.head {height: 38px;margin:0;}
.cart-goods-list li.head div {margin-right:20px;background: #F7F7F7;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #333333;}
.cart-goods-list li.head div:last-child {margin-right:0px;}
.cart-goods-list li.head .goods-info {top:0;left: 0;width: 480px;}
.cart-goods-list li div {position: absolute;line-height: 100px;}
.cart-goods-list li .goods-pic {left:0;width: 100px;height: 100px;}
.cart-goods-list li .goods-pic img {width:100px;height: 100px;}
.cart-goods-list li .goods-info {left:130px;width:350px;font-size: 14px; color: #999999;top:25px;}
.cart-goods-list li .goods-info .name {font-size: 18px;color: #333;}
.cart-goods-list li .price {left:500px;width: 280px;text-align: center;font-size: 18px;}
.cart-goods-list li .number {left:800px;width: 280px;text-align: center;font-size: 18px;}
.cart-goods-list li .remove {left:1100px;width: 80px;text-align: center;font-size: 18px;}
.cart-goods-list li .remove span {display: none;}
.cart-goods-list li .G-input-bar {margin-top:30px;}

.cart-ft {text-align: right;}
.cart-ft .textarea {width: 480px;height: 60px;border: 2px solid #E5E5E5;float: left;color: #999;font-size: 14px;padding:5px;}
.cart-ft .sum-num {display: inline-block;font-size: 28px;vertical-align: middle;}
.cart-ft .sum-num .num-info{font-size: 14px; color: #999999;}
.cart-ft .btn-submit {display: inline-block;height: 60px;width: 280px;line-height: 60px;color: #fff;font-size: 14px;background: #333333;text-align: center;vertical-align: middle;margin-left:40px;}



.pay-wrap {float: left;width: 50%;background: #fff;padding-top:40px;}
.pay-wrap .container{width: 580px;float: right;padding-right:20px;}
.order-wrap {float: left;width: 50%;background: #F7F7F7;}
.pay-info-item {margin-top:40px;}
.pay-info-item>dt{font-size: 14px;font-weight: bold;}
.pay-info-item>dd{padding-top:10px;}
.pay-info-item>dt span{font-size: 14px;font-weight: normal;float: right;}
.addr .addr-item{background: #FFFFFF; border: 2px solid #E5E5E5;padding:20px;margin:0 0 10px 0;}
.addr .addr-item.current{border-color:#333;}
.addr .addr-item dt{font-size: 14px; color: #333333;position: relative;font-weight: bold;}
.addr .addr-item dt span{position: absolute;right: 0;font-size: 14px; color: #333333;font-weight: normal;}
.addr .addr-item dt span a{margin:0 5px;text-decoration: underline;}
.addr .addr-item dd {padding-right:30px;}
.addr .addr-item.blank {height: 110px;}
.addr .addr-item.blank dt {text-align: center;margin-top:15px;}
.addr .addr-item.blank dd {text-align: center;padding:0;}
.addr .addr-item.blank dd a{text-decoration: underline;}

.page-order .G-page-tit {border-bottom: none;text-align: left;}
.pay-wrap .pay-list  h3{margin-bottom:10px;}
.pay-list .G-radio {vertical-align: middle;margin-right: 20px;}
.pay-list li {float: left;padding:0 30px 0 42px;position: relative;}
.pay-list li .G-radio{position: absolute;left: 0;top:8px;}
.alipay {background: url(../image/alipay.png) no-repeat 0 0;width: 127px;height: 35px;background-size: 100% auto;display: inline-block;vertical-align: middle;}
.wxpay {background: url(../image/wxpay.png) no-repeat 0 0;width: 127px;height: 35px;background-size: 100% auto;display: inline-block;vertical-align: middle;}
.invoice li label {vertical-align: middle;margin-right:40px;}
.invoice li {padding:0 0 0 32px;float: left;position: relative;}
.invoice li .G-radio  {position: absolute;left: 0;}
.invoice .invoice-info  {border:1px dashed #E5E5E5;padding:20px;margin-top:20px;}


.order-submit-bar {margin-top:20px;}
.order-submit-bar .submit-btn {width: 280px;}

.order-wrap .container {width: 540px;margin-left: 40px;}
.order-wrap .cart-goods-list {border-bottom: 1px solid #E5E5E5;}
.order-wrap .cart-goods-list .price {right: 0;left: auto;width: auto;text-align: right;line-height: normal;top:25px;}
.order-wrap .cart-goods-list .sub-num {font-size: 14px;font-weight: normal;text-align: right;color: #999;}
.page-order .coupon-bar {margin:40px 0; /*border-bottom: 1px solid #e5e5e5;*/}
.page-order .coupon-bar input {background: #FFFFFF;border: 1px solid #EAEAEA;width: 400px;height: 60px;text-indent: 1em;}
.page-order .coupon-bar .coupon-btn {width: 120px;display: inline-block;margin-left:20px;}
.page-order .sum-info {padding-bottom:40px;border-bottom: 1px solid #e5e5e5;}
.page-order .sum-info li {position: relative;height: 40px;line-height: 40px;font-weight: bold;font-size: 14px;}
.page-order .sum-info li span {position: absolute;right: 0;height: 40px;line-height: 40px;}
.page-order .order-sum-num {font-size: 28px;text-align: right;padding-top:40px;}

.pay-success {text-align: center;padding:80px 0}
.pay-success .icon-success-pay {background: url(../image/success-i.png) no-repeat 0 0;width: 104px;height: 75px;background-size: 100% auto;margin: auto;}
.pay-success .tit {font-size: 30px;line-height: 30px;margin-top:50px;}
.pay-success .sub-tit {font-size: 20px;line-height: 20px;margin:10px 0 40px 0;}
.pay-success .btn-bar {margin:40px 0 0 0;}
.pay-success .btn-bar a{width: 180px;margin: auto;}


.page-my-order .side {float: left;width: 280px;float: left;}
.page-my-order .side .side-nav {border: 1px solid #EAEAEA;}
.page-my-order .side li {height: 60px;line-height: 60px;border-bottom: 1px solid #EAEAEA;}
.page-my-order .side li:last-child {border:none;}
.page-my-order .side li a {height: 60px;display: block;text-indent: 20px;}
.page-my-order .side li a.current,
.page-my-order .side li a:hover {background: #F7F7F7;}
.page-my-order .my-order-right {float: left;width: 880px;box-sizing: content-box;padding-left: 20px;}
.my-order-wrap {padding:20px 0;}




.my-order-right .tit {font-size: 24px;color: #333333;margin-bottom:20px;}

.my-order-list li {position: relative;min-height: 120px;margin:0 0 10px 0;border-bottom: 2px solid  #F7F7F7;padding:0 200px 0 0;}
.my-order-list .order-detaile {position: relative;min-height: 100px;padding:10px 0 10px 130px;}


.my-order-list li .goods-pic {width: 100px;height: 100px;position: absolute;left: 0;top:0;}
.my-order-list li .goods-pic img {width:100px;height: 100px;}
.my-order-list li .goods-info {font-size: 14px; color: #999999;}
.my-order-list li .goods-info .name {font-size: 18px;color: #333;}
.my-order-list li .goods-info p {margin-bottom:6px;}
.my-order-list li .goods-info a{color: #999;text-decoration: underline;}
.my-order-list li .order-info {padding-bottom:20px;color: #999;}
.my-order-list li .price {font-size: 18px;color: #333;}
.my-order-list li .right {font-size: 14px;position:absolute;right:0;top:30px;text-align: right;padding-left:100px;}
.my-order-list li .right a{text-decoration: underline;}
.my-order-list li .right p{margin-bottom:10px;}
.my-order-list li .right .order-price{position: absolute;left: 0;}
.my-order-list li .wl {font-size: 18px;}


.my-addr .btn-addr{width: 280px;}
.my-addr .addr .addr-item{margin-bottom:20px;}

.form-wrap dt {font-size: 14px;color: #333;font-weight: bold;margin-bottom:10px;}
.form-wrap dd {margin-bottom:20px;}
.form-wrap dd.relative {position: relative;}
.form-wrap dd.relative .absolute {position: absolute;}
.form-wrap input {background: #FFFFFF; border: 2px solid #EAEAEA;height: 60px;line-height: 60px;width: 380px;text-indent: 1em;}
.form-wrap input[type="radio"] {width: auto;height: auto;}

.form-wrap .G-btn {border:none;cursor:pointer;height: 60px;background:#333;color: #fff;font-size: 14px;text-align: center;line-height: 60px;display: block;text-indent: 0;}
.form-wrap .G-btn:hover {background: #666;color: #fff;}
.form-wrap .passowrd-btn {width: 180px;}
.form-wrap dl {position: relative;}
.form-wrap .error {background: #D51515;height: 60px;color: #fff;line-height: 60px;padding:0 1em;position: absolute;width: 100%;}
.form-wrap .error .icon {position: absolute;right: 1em;}
.login dl {width: 380px;margin:40px auto;min-height: 530px;}
.login .error {top:-100px;}
.login dd{margin-bottom:10px;}
.login .text {text-align: right;}
.login .text-right,
.login .text a {text-decoration: underline;}
.login .code-btn {height: 60px;line-height: 30px;width: 110px;text-align: center;border-left: 1px solid #E5E5E5;right: 0;top:0px;cursor: pointer;}
.addr-form .name{width: 280px;margin-right:20px}
.addr-form .tel{width: 280px;}
.addr-form select { border: 2px solid #EAEAEA;height: 60px;line-height: 60px;width: 180px;vertical-align: middle;margin-right: 16px;}
.addr-form .zip-input {width: 180px;vertical-align: middle;}
.addr-form .detaile-input {width:100%;}
.addr-form .save {width:180px;display: inline-block;margin-right:20px;}
.wl-list {height: 300px;overflow-y: auto;}
.wl-list li {padding:0 0 0 30px;position: relative;margin-bottom:20px;}
.wl-list li .dot{width: 10px;height: 10px;background:#333;display:block;position:absolute;left:0px;top:5px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.wl-list li .time{ font-size: 14px; color: #999999;}
.contact  {width: 580px;margin:20px auto;}
.contact .textarea {border: 2px solid #EAEAEA;width:100%;height: 120px;}
.contact .form-wrap {margin-top:40px;}
.contact .name {width:280px;margin-right:20px;display: inline-block;}
.contact .mail {width:280px;display: inline-block;}
.contact .submit {width:280px;}
.search-list ul {padding:20px 0 80px 0;}
.news ul {width: 1200px;padding:20px 0 80px 0;}
.news li {float: left;width: 280px;margin-right: 20px;height: 360px;overflow: hidden;}
.news .name {font-size: 16px;color: #333;}
.news .time {font-size: 16px;color: #999;margin-top:10px;}
.news .pic img {width: 100%;}
.news li h3 {font-size: 16px; color: #333333; line-height: 20px;}
.about {padding-bottom: 40px;}
.about-text {text-align: center;width: 580px;font-size: 14px; color: #424345;margin:40px auto 50px auto;}
.about-pic li{float: left;width: 380px;height: 235px;margin-right: 20px;}
.about-pic li img{width: 380px;height: 235px;}
.about-pic li:last-child{margin-right: 0;}

.shop-list  {padding-top:40px;}
.shop-list .tit {margin-bottom:40px;font-size: 24px;}
.shop-list li {float: left;height: 102px;margin-right:20px;width: 360px;border-left: 2px solid #333;margin-bottom: 40px;}
.shop-list li dl {padding-left:18px;}
.shop-list li dl dt {font-weight: bold;}
.shop-list li dl dd {padding-top:8px;}

.return-goods {padding-bottom: 40px;}
.return-text {width: 880px;font-size: 14px; color: #333;margin:40px auto 50px auto;}
.return-text p {margin-top:20px;}
.return-tips {width: 580px;font-size: 14px; color: #333;margin:40px auto 50px auto;}
.return-tips .tit {font-size: 24px;margin-bottom:40px;}
.return-tips li{padding-left:30px;position: relative;margin:15px 0;}
.return-tips .dot {width: 8px;height: 8px;background: #333;position:absolute;left:0; top:5px; border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}

.msg_error {background: #D51515;height: 60px;color: #fff;line-height: 60px;padding:0 1em;position: absolute;}
.msg_ok {background: #00B358;height: 60px;color: #fff;line-height: 60px;padding:0 1em;position: absolute;}

.invoice-info .G-input {height: 40px;border:1px solid #e5e5e5;width: 100%;text-indent: 1em;}
.invoice-info .G-input:first-child {margin-bottom:10px;}
.invoice-info-text {font-weight: bold;margin-top:10px;}
.text-danger{color:red;}



.page-my-custom .side {float: left;width: 280px;}
.page-my-custom  .tit {font-size: 30px;color: #333333;margin-bottom: 10px;}
.page-my-custom .side ul {border: 1px solid #EAEAEA;height: 528px;overflow: auto;background: #fff;}
.page-my-custom .side ul li {height: 60px;border-bottom: 1px solid #EAEAEA;}
.page-my-custom .side ul li:last-child {border:none;}
.page-my-custom .side ul li a {height: 60px;display: block;line-height: 60px;font-size: 14px;padding:0 20px;}
.page-my-custom .side ul li a:hover,
.page-my-custom .side ul li a.current {background: #F7F7F7;}
.my-custom-right {float: left;width: 900px;}
.my-custom-right .pic-wrap {float: left;width: 580px;height: 580px;}
.my-custom-right .custom-info-wrap {float: left;width: 300px;padding-left:20px;}
.my-custom-right .color-panel {}
.my-custom-right .color-panel .select {border: 1px solid #EAEAEA;height: 60px;position: relative;padding:0 20px;line-height: 60px;font-size: 14px;font-weight: bold;}
.my-custom-right .color-panel .select .arrow {position: absolute;right: 20px;color: #999;}
.my-custom-right .color-panel .select .arrow .iconfont {font-size: 18px;}
.my-custom-right .color-panel .select ul {position: absolute;border:1px solid #eaeaea;border-top:none;background: #fff;z-index: 999;left: 0;top:59px;width: 100%;}
.my-custom-right .color-panel .select ul li{padding:0 20px;height: 60px;line-height: 60px;border-bottom: 1px solid #eaeaea;}
.my-custom-right .color-panel .color-list {border:1px solid #eaeaea;border-top:none;padding:20px;}
.my-custom-right .color-panel .color-tit {font-weight: bold;margin-bottom: 10px;}
.my-custom-right .color-panel .G-color-tag {margin-right:13px;}
.my-custom-right .custom-input {border: 2px solid #EAEAEA;height: 60px;line-height: 60px;text-indent: 20px;width: 100%;margin-top:20px;}
.my-custom-right .text-panel {padding-top:20px;}
.custom-btn-bar  {text-align: right;border-top:2px solid #eaeaea;padding:20px 0;margin-top:10px;}
.custom-btn-bar .G-btn {display: inline-block;width: 280px;}
.custom-btn-bar .num {font-size: 28px;margin-right:50px;}
.page-my-custom .custom-m {display: none;}
.guid-buy {text-align: center;margin:40px 0;}
.guid-buy .G-btn{width: 180px;display: inline-block;}
.news-detaile h2 {font-size: 40px;text-align: center;margin-bottom:40px;}
.news-detaile .detaile-info {text-align: center;line-height: 27px;}
.news-detaile .pic-list li {float: left;width: 580px;margin:0 20px 20px 0;}
.news-detaile .pic-list li:nth-child(even) {margin-right:0;}
.news-detaile .pic-list li img {max-width: 580px;}
.page-my-custom .left-pic {float: left;width: 580px;height: 580px;overflow: hidden;margin-right:20px;}
.page-my-custom .right-info {float: left;width: 580px;height: 580px;}
.page-my-custom .right-info .tit{height: 80px;line-height: 80px;background: #333;padding:0 20px;font-size: 30px;color: #fff;}
.page-my-custom .right-info .info-text{border:1px solid #e5e5e5;padding:10px 20px;}
.page-my-custom .right-info li {padding-left:80px;position: relative;margin:10px 0;}
.page-my-custom .right-info li span {position: absolute;left: 0;font-weight: bold;}
.page-my-custom .right-info .pannel {width: 280px;height: 280px;float: left;margin-right:20px;}
.page-my-custom .right-info .pannel:nth-child(even) {margin-right: 0;}
.page-my-custom .table-box table {margin-bottom:20px;}
.page-my-custom .table-box thead td {background: #333;color: #fff;font-size: 12px;text-align: center;height: 40px;line-height: 40px;}
.page-my-custom .table-box tbody td {font-size: 12px;text-align: center;height: 40px;line-height: 40px;}
.page-my-custom .table-box tbody {border:1px solid #e5e5e5;}
.page-my-custom .table-box tbody tr:nth-child(even) td {background: #eee;}


@media (max-width: 1024px){
    .container{ width: 1024px; }
    .slides_container img {width: 1024px;}
    .banner img{max-width:1024px;height: auto;}
    .slides_container {
        width:1024px;
        height:500px;
    }
    .slides_container img {width: 1024px;}
    .form-wrap .passowrd-btn {width:100%;}
    .form-wrap input { width: 100%;}
    .goods-detaile .goods-pic{float: left;width:500px;}
    .goods-detaile .goods-pic .show{width:500px;height: 500px;overflow: hidden;}
    .goods-detaile .goods-pic .show img{width:500px;height: 500px;}
    .goods-detaile .goods-pic .pic-list{height: 160px;padding-top:20px;}
    .goods-detaile .goods-pic .pic-list li {float:left;width: 18%;}

    .goods-detaile .goods-info {float: left;width: 480px;padding-left:20px;}
    .goods-list li {float: left;width: 230px;}
    .goods-list li .goods-pic {width: 230px;height: 230px;}
    .goods-list li img {width:230px;height: 230px;}
}


@media (max-width: 768px){

    #account-address {padding:0 20px;}

    .footer {padding:0 20px;}
    .footer h1 {float: none;}
    .footer .left {float: none;padding:0}
    .footer .footer-nav {float: none; padding-left:0px;margin-left:0;}

    .footer .footer-nav_ico {float: none; margin:50px auto;width: 100%;}

    .footer .footer-nav_ico .mail {
        display: inline-block;vertical-align: middle;margin-left:38%;margin-top:-30px;width:60px;height:40px; position: absolute;padding:0 20px 0 0;}
    .footer .footer-nav_ico .tmall {
        display: inline-block;vertical-align: middle;margin-left:54%;margin-top:-30px;width:60px;height:40px; position: absolute;padding:0 20px 0 0;}
    .footer .focus {fontnt-size: 14px;color: #FFFFFF;text-align: center;margin-top:-10px;float: none; margin-right: 0;
        max-width:none; margin-bottom: 50px;}

    .footer .code {height: 100px;width: 100px;margin:20px auto;float: none; display:block;}
    .footer .cp {font-size: 14px;color: #999999;text-align: center;margin-top:150px;float: none;margin-left: 0;max-width:none;}
    .footer .cp span {display: block;text-align: center;}



    .G-input-bar {height: 32px;width: 107px;}
    .G-dialog-box {width: 90%;}
    .G-dialog-box .dialog-hd {height: 60px; padding:10px; line-height: 20px;position: relative;}
    .G-dialog-box .dialog-hd .logo {width: 110px;height: 20px;margin-top:10px;}
    .G-dialog-box .dialog-hd .tit {height: 20px;line-height: 20px; margin:10px 0 0 10px;}
    .G-dialog-box .dialog-hd .icon {right: 10px;top:10px; }
    .G-dialog-box thead td{ height: 35px; font-size: 14px; }
    .G-dialog-box td{height: 35px; font-size: 14px; }
    .G-page-tit {font-size: 20px;height: 28px;line-height: 28px;}
    .G-dialog-box .smart-hd {height: auto;}
    .G-dialog-box .smart-hd .tit {margin:20px 0 0 15px;}
    .header-sim {height: 80px;}
    .header-sim .logo{top:30px;width: 110px;height: 20px;left: 20px;}



    .nav-pc {display: none;}
    .nav-mobile {display: block;z-index: 9999}
    .container{ width: 100%; margin: 0 auto; position: relative; }
    .nav-mobile .top {height: 80px;}
    .nav-mobile .logo {left: 20px;top:30px;width: 110px;height: 20px;}
    .nav-mobile li a{display: block;}
    .header {height: 80px;}
    .header .right-bar {padding-right:20px;text-align: right;top:27px;}
    .header .right-bar a {margin-right:22px;}
    .header .right-bar .icon-nav-menu {font-size: 16px;}
    .header .menu {background: #fff;width: 100%;z-index: 9999;padding-top:0;}
    .header .menu ul {text-align: left;}
    .header .menu li {display:block;font-size: 14px;color: #333333;text-align: left;padding:0 20px;min-height: 25px;line-height: 30px;
        border-bottom: 1px solid #F7F7F7;}
    .header .menu li:last-child {border:none;}
    .header .menu li a {color: #333333;}min-
    .header .menu li .current {color: #666;}
    .header .menu li a:hover {color: #666;}
    .header .menu li .arrow {float: right;}
    .header .menu li .arrow .iconfont {font-size: 18px;}
    .header .menu li li {border:none;}
    .header .menu li ul {position: inherit;width: 100%; margin-left: -5px;}
    .header .menu li ul li a {/* height: 60px; */}
    .header .cart {line-height: 21px;}
    .header .icon-nav-cart {font-size: 20px;line-height: 21px;}
    .header .icon-nav-search {position: absolute;margin:7px 0 0 13px;}
    .header .search-bar {padding:0 20px;margin:auto;top:90px;background: #fff;}
    .header .search {width: 100%;}
    .banner {height: auto}
    .slides_container {
        width:100%;
        height: auto;
        overflow:hidden;
        margin: auto;
    }


    .slides_container {
        width:100%;
        height:auto;
        overflow:hidden;
        margin: auto;
    }
    .addr-form .save {display:block;margin-right:0;}
    .slides_container img {width: 100%; min-height: 160px;}
    #slides .next, #slides .prev {display: none;}
    .caption {display: none;}
    .hot-goods-list {padding:15px 20px 50px 20px;}
    .hot-goods-list h2 {font-size: 20px;line-height: 28px;}
    .hot-goods-list h2 .line {width: 40px;margin-top:10px;}
    .goods-list li {width: 160px;margin:0 10px;min-height: 240px;}
    .goods-list li .goods-pic {width: 160px;height: 160px;margin:auto;}
    .goods-list li .goods-pic img{width: 160px;height: 160px;}
    .news ul {width: auto;padding:10px 0 40px 10px;}
    .news li {width: 160px;margin:0 10px;height: 260px;}
    .news li .goods-pic {width: 160px;height: 160px;margin:auto;}
    .news li .goods-pic img{width: 160px;height: 160px;}

    .footer {padding-bottom:40px;}
    .footer h1 {width: 110px;height: 20px;margin:40px auto;}
    .footer .footer-nav {text-align: center;font-size: 14px;color: #fff;}
    .footer .footer-nav a {color: #fff;}
    .footer .footer-nav span {padding:0 5px;}

    .footer .footer-nav_ico {float: none; margin:50px auto;width: 100%;}
    .footer .footer-nav_ico img {
        display: inline-block;vertical-align: middle;margin-top:-30px;width:60px;height:40px; position: relative;padding:0 20px 0 0;}

    .footer .code {margin-top:80px;}
    .footer .line {height: 1px;background: rgba(255,255,255,0.1);overflow: hidden;line-height: 1px;}
    .footer .cp {font-size: 14px;color: #999999; width:100%; text-align: center;margin-top:180px; position: absolute;float: none;margin-left: 0;max-width:none;}

    #carousel {width: 100%;}
    #carousel .prev, #carousel .next{display: none;width: 0px;height: 0px;overflow: hidden;}
    #carousel li {width: 100%;margin:0;padding:0}
    #carousel li img{width: 100%;}



    .goods-detaile .container {padding:0 20px;margin-bottom:10px;}
    .goods-detaile .goods-pic{float: none;width:auto;padding:0 0 20px 0;}
    .goods-detaile .goods-pic .show{width:100%;height: auto;overflow: hidden;}
    .goods-detaile .goods-pic .show img{width:100%;height: auto;}


    .goods-detaile .goods-pic .pic-list{height: auto;padding-top:0;}
    .goods-detaile .goods-pic .pic-list li {float:left;width: 18%;margin-right: 1%;}
    .goods-detaile .goods-pic .pic-list li img {width: 98%;}
    .goods-detaile .goods-pic .pic-list li:last-child {margin-right:0;}
    .goods-detaile .goods-info {float: none;width: auto;}
    .goods-detaile .goods-info h2 {
        font-size: 20px;
        line-height: 20px;
    }


    .goods-detaile .goods-num {margin-top:5px;}
    .goods-detaile .price {margin-top:30px;font-size: 20px;}
    .goods-detaile .add-cart {width:100%;}

    .goods-list li:hover .goods-pic .view-btn {visibility: hidden;}
    .cart-goods-list {padding:0 20px;}
    .cart-goods-list li {position: relative;height: 100px;margin:20px 0 40px 0;}
    .cart-goods-list li.head {display: none;}
    .cart-goods-list li div {height: auto;line-height: 1em;}

    .cart-goods-list li .goods-info {left:110px;width:150px;font-size: 14px; color: #999999;top:0px;}
    .cart-goods-list li .goods-info .name {font-size: 14px;color: #333;height: 38px;line-height: 19px;overflow: hidden;}
    .cart-goods-list li .price {left:auto;right: 0;top:0;text-align: right;width: auto;}
    .cart-goods-list li .number {left:auto;right: 0;bottom:0;height: 42px;line-height: 42px;text-align: right;width: auto;font-size: 14px;}
    .cart-goods-list li .remove {left:auto;right:0;top:20px;width: auto;font-size: 14px;text-decoration: underline;}
    .cart-goods-list li .remove i {display: none;}
	.cart-goods-list li .icon-nav-close_btn_2 {display: none;}
    .cart-goods-list li .remove span {display: block;}
	.cart-goods-list li .icon-nav-close_btn_1 {display: block;}
    .cart-goods-list li .G-input-bar {margin-top:0px;}

    .cart-goods-list li .G-input-bar {width: 100px;height: 30px;border: 1px solid  #333;}
    .G-input-bar .sub{width: 28px;text-align: center;height: 28px;line-height: 28px;font-size: 20px;}
    .G-input-bar .add{width: 28px;text-align: center;height: 28px;line-height: 28px;font-size: 20px;}
    .G-input-bar .num-input{border-left: 1px solid #333;border-right:1px solid #333;height: 28px;width:46px;left: 28px;}
    .cart-ft {padding:0 20px;text-align: left;}
    .cart-ft .textarea {width:100%;padding:0;margin-bottom:20px;}
    .cart-ft .sum-num {display: inline-block;font-size: 28px;vertical-align: middle;}
    .cart-ft .sum-num .num-info{font-size: 14px; color: #999999;}
    .cart-ft .btn-submit {display: block;margin:20px 0 0 0;width: 100%;}

    .page-order {padding:0 20px;}
    .pay-wrap {float: none;width: 100%;padding-top:20px;}
    .order-wrap {float: none;width: 100%;background: #fff;}
    .pay-wrap .container {float: none;width: auto;padding:0;}
    .order-wrap .container {width: auto;padding:0;margin:0;}
    .order-wrap .coupon-bar {margin:40px 0;border-bottom: 1px solid #e5e5e5;}
    .order-wrap .coupon-bar input {background: #FFFFFF;border: 1px solid #EAEAEA;width: 100%;height: 60px;text-indent: 1em;}
    .order-wrap .coupon-bar .coupon-btn {display: block;margin-left:0px;}
    .pay-info-item {margin-top:0;}
    .order-wrap .cart-goods-list{padding:0;border:none;}
    .order-wrap .cart-goods-list .price {right: 0;left: auto;width: auto;text-align: right;line-height: normal;top:0px;}
    .order-wrap .cart-goods-list li {position: relative;height: 100px;margin:10px 0 0 0;}
    .page-order .G-page-tit {margin:20px 0;box-sizing: content-box;padding:0;}
    .pay-list li {margin-bottom:20px;}
    .page-order .coupon-bar input {width: 70%;}
    .page-order .coupon-bar .coupon-btn{margin:1%;width: 28%;display: inline-block;margin-top:10px;}

    .page-order .sum-info {padding-bottom:40px;border-bottom: 1px solid #e5e5e5;}
    .page-order .sum-info li {position: relative;height: 30px;line-height: 30px;font-weight: bold;font-size: 14px;}
    .page-order .sum-info li span {position: absolute;right: 0;height: 30px;line-height: 30px;}
    .page-order .order-sum-num {padding-top:20px;}
    .page-order {padding-bottom:20px;}
    .my-order-list {padding-top:20px;}
    .my-order-right .tit {padding:0;font-size: 20px;}
    .page-my-order {padding:0 20px;}
    .page-my-order .side {float: none;width: 100%;}
    .page-my-order .my-order-right {float: none;width: 100%;padding:0;padding-top:20px;}
    .my-order-list ul{padding:0;}
    .my-order-list li {padding-right:0;height: auto;margin-bottom:10px;}
    .my-order-list .order-info p{padding-bottom: 5px;color: #999;}
    .my-order-list .order-info p a{text-decoration: underline;color: #999}
    .my-order-list li .right {position: inherit;line-height: 20px;text-align: left;top:0;}
    .my-order-list li .right p{display: inline-block;margin-right:5px;}
    .my-order-list li .right p .order_kuaidi_code{display:none;}
    .my-order-list li .right .order-price{float: left;}
	.my-order-list li .right {padding-left:130px;}
    .my-order-list li .goods-info {position: inherit;width: 100%;}
    .my-order-list li .wl{font-size: 14px;}
    .my-order-list li .goods-info .name {font-size: 14px;}
    .my-order-list li .price {font-size: 14px;}
    .my-addr .btn-addr{width: 100%;}
    .form-wrap input { width: 100%;}
    .form-wrap .passowrd-btn {width:100%;}
    .login dl {width: 100%;padding:0 20px;}
    .form-wrap dd {margin-bottom:10px;}
    .addr-form .name{display: block;width: 100%;margin: 0 0 10px 0;}
    .addr-form .tel{display: block;width: 100%;}
    .addr-form select { border: 2px solid #EAEAEA;height: 60px;line-height: 60px;width: 23%;vertical-align: middle;margin:0;}
    /*.addr-form select.select-country{margin-right:5%;}*/
    .addr-form .zip-input {width: 100%;display: block;margin-top:10px;}
    .addr-form .detaile-input {width:100%;}
    .addr-form .save {width:100%;}

    .contact  {width: 100%;padding:20px;}
    .contact .name {width:100%;margin-bottom:10px;}
    .contact .mail {width:100%;}
    .contact .submit {width:100%;}
    .about-text {text-align: center;width: 100%;font-size: 14px; color: #424345;margin:0;padding:20px;box-sizing: border-box}
    .about-pic li{width: 100%;height: auto;padding:0 20px;box-sizing: border-box;margin:0;}
    .about-pic li img{width: 100%;height: auto;}
    .shop-list  {padding-left:20px;}
    .return-goods {padding:0 20px;}
    .return-text {width: 100%;margin:20px auto 30px auto;}

    .return-tips {width: 100%;margin:20px auto 30px auto;}
    .page-my-custom .container {padding:0 20px;}
    .page-my-custom .side {float: none;width: 100%;}
    .page-my-custom .side-nav {display: none;}
    .page-my-custom .custom-m {display: block;}
    .page-my-custom .side .select {border: 1px solid #EAEAEA;height: 60px;position: relative;padding:0 20px;line-height: 60px;font-size: 14px;font-weight: bold;}
    .page-my-custom .side .select .arrow {position: absolute;right: 20px;color: #999;}
    .page-my-custom .side .select .arrow .iconfont {font-size: 18px;}
    .page-my-custom .side ul {position: absolute;left: 0;height: 240px;width: 100%;top:59px;border-top:none;}
    .page-my-custom .my-custom-right {float: none;width: 100%;}
    .page-my-custom .my-custom-right .pic-wrap{float: none;width: 100%;height: 300px;}
    .my-custom-right .custom-info-wrap {float: none;width: 100%;padding:0;}
    .page-my-custom .custom-btn-bar  {text-align: left;}
    .page-my-custom .custom-btn-bar  .G-btn {display: block;width: 100%;margin-top:20px;}
    .page-my-custom .tit {font-size: 20px;}
    .guid-buy .G-btn{width: 100%;display: block;}
}




@media (max-width: 414px){
    .hot-goods-list li {width: 50%;margin:0;}
    .hot-goods-list li .goods-pic {width: 160px;height: 160px;margin:auto;}
    .hot-goods-list li .goods-pic img{width: 160px;height: 160px;}
}
@media (max-width: 375px){

}
@media (max-width: 320px){
    .hot-goods-list li {width: 50%;margin:0;}
    .hot-goods-list li .goods-pic {width: 100%;height:auto;margin:auto;}
    .hot-goods-list li .goods-pic img{width: 100%;height: auto;}
    .cart-goods-list li .goods-info {width:120px;}
}



/*
	iphone5 = 320
	iphone6 = 375
	iphone6p = 414
	phone<767
	ipad/ipad mini = 768
	ipad Pro = 1024
	calc(100vh - 48px)
*/
@media (max-width: 768px) {

}




@media (max-width: 375px) and (min-width: 321px) {

}

@media (min-width: 769px) and (max-width: 1439px){

}


@media (max-width: 1200px) {

}

@media (max-width: 768px) {

}