.wrap{width: 1200px; margin: 0 auto;}
.wrap1210{width: 1210px; margin: 0 auto;}
.wrap1220{width: 1220px; margin: 0 auto;}

@font-face {font-family: "Whitney Light";
  src: url('../font/whitney-light.eot'); /* IE9*/
  src: url('../font/whitney-light.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/whitney-light.woff') format('woff'), /* chrome, firefox */
  url('../font/whitney-light.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/whitney-light.svg') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: "bold";
  src: url('../font/proximanova-bold.eot'); /* IE9*/
  src: url('../font/proximanova-bold.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/proximanova-bold.woff') format('woff'), /* chrome, firefox */
  url('../font/proximanova-bold.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/proximanova-bold.svg') format('svg'); /* iOS 4.1- */
}
/*.header .wrap{overflow: visible;}
.font-light{font-family: "Whitney Light" !important;}
.font-bold{font-family: "bold" !important;}
.header{height: 83px; border-bottom: 3px solid #2BA62E; position: fixed; top: 0; left: 0; right: 0; z-index: 200; background: #fff;}
.logo{width: 220px; height: 40px; overflow: hidden; margin-top: 20px;}

.nav>a{margin-left: 50px; height: 26px; line-height: 26px; margin-top: 27px; font-size: 16px; font-family: "bold";}
.nav dt{margin-left: 50px; height: 56px; line-height: 26px; margin-top: 27px; font-size: 16px; font-family: "bold"; padding-bottom: 30px;}
.nav dt a{display: block; line-height: 26px; height: 26px; font-family: "bold";}
.nav>a:after,.nav dt a:after{content: ''; width: 0; border-bottom: 1px solid #0068B6; display: block; transition: width 350ms cubic-bezier(.165,.84,.44,1); margin-top: -1px;}
.nav>a:hover:after,.nav>a.active:after,.nav dt a:hover:after,.nav dt a.active:after{width: 100%;}
.nav dl{position: relative;}
.nav dd{width: 180px; position: absolute; top: 83px; left: 0px; z-index: 300; border: 1px solid #CECECE; display: none;}
.nav dd li{height: 40px; position: relative; background: rgba(255,255,255,0.95);}
.nav dd li a{display: block; height: 40px; line-height: 40px; border-bottom: 1px dotted #CECECE;  padding: 0 10px;}
.nav dd li a:hover,.nav dd li a.active{background: #0068B7; color: #fff;}
.item-son{width: 180px; position: absolute; top: 0; left: 180px; background: rgba(242,242,242,0.95); display: none;}

.nav dd li:hover .item-son{display: block;}*/

.indexr-cart,.indexr-user,.indexr-userimg, .indexr-lang-flag{width: 40px; height: 40px; text-align: center; line-height: 40px; margin-top: 20px; margin-left: 10px;}
.indexr-user,.indexr-userimg{font-size: 12px;}
.indexr-userimg{width: 70px;}
.indexr-cart i,.indexr-user i,.indexr-search i{font-size: 26px; color: #505050;}
.indexr-lang-flag{line-height: 34px;}
.indexr-lang-flag img{width: 28px; vertical-align: middle;}

.indexr-search{width: 260px; height: 40px; line-height: 40px; margin-top: 20px; position: relative;}
.indexr-cart span,.indexr-userimg span{min-width: 15px;padding: 2px 4.5px 1px; background: #0068B6; color: #fff; border-radius: 100%; position: absolute; line-height: normal; margin-left: -10px; margin-top: 5px; font-size: 12px;}
.indexr-search i{position: absolute; top: -2px; right: 5px; cursor: pointer;}
.indexr-search input[type="text"]{width: 0; height: 34px; border: 1px solid #505050; text-indent: 5px; border-radius: 6px; position: absolute; right: 0; top: 3px; transition: all 350ms cubic-bezier(.165,.84,.44,1); opacity: 0; padding-right: 36px;}
.indexr-search input[type="text"].active{width: 95%; opacity: 1;}

.swiper-container{width: 100%; height: 100%;}
.index-slide .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234D4D4D'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7);}
.index-slide .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234D4D4D'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7);}
.index-slide .swiper-pagination-bullet{width: 26px; height: 4px; background: #B3B3B3; opacity: 1; border-radius: 4px;}
.index-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #4D4D4D;}
.index-slide .slide-txt{position: absolute; top: 50px; left: 50%; margin-left: -550px;}
.index-slide .slide-txt p{font-family: "bold"; font-size: 60px; color: #4D4D4D; margin-bottom: 20px;}
.index-slide .slide-txt p:first-child{font-family: "light"; font-size: 30px;}
.index-slide .slide-txt a{display: inline-block; background: #0068B6; color: #fff; font-size: 20px; border-radius: 4px; padding: 0 20px; height: 50px; line-height: 50px;}

.new-hot{margin: 50px auto;}
.new-hot li{width: 50%; padding: 0 5px; position: relative;}
.new-hot li a{display: block; overflow: hidden;}

.cate-list li a:hover .new-hot-txt{background: rgba(0,0,0,0.7);}
.new-hot-txt{position: absolute; top: 0; left: 5px; right: 5px; bottom: 0; padding: 40px 30px; transition: all 350ms linear;}
.new-hot-txt p{color: #fff;font-size: 14px; line-height: 20px; height: 20px; overflow: hidden;}
.new-hot-txt p:first-child{font-size: 30px; line-height: 30px; height: 30px; margin-bottom: 10px;}
.new-hot-txt span{border: 1px solid #fff; padding: 10px 10px 10px 20px; border-radius: 4px; color: #fff; display: inline-block; margin-top: 20px; visibility: hidden; transition: all 350ms linear;}
.new-hot-txt span i{font-size: 12px; visibility: hidden; transition: all 350ms linear;}
.new-hot-txt span:hover{background: #fff; color: #000;}
.new-hot-txt span:hover i{visibility: visible; padding-left: 10px;}

.cate-title{position: relative; height: 40px; text-align: center; margin: 0 5px;}
.cate-title p{position: absolute; width: 100%; height: 20px; border-bottom: 1px solid #ccc; top: 0; left: 0; z-index: 2;}
.cate-title span{display: inline-block; padding: 0 30px; background: #F5F5F5; font-size: 30px; height: 40px; line-height: 40px; position: relative; z-index: 3;}
.cate-list li{position: relative; padding: 0 5px;}
.cate-list li{width: 25%;}
.cate-list li a{display: block; overflow: hidden;}
.cate-list li img{height: 100%;}
.cate-list li:nth-child(1){width: 50%; margin-bottom: 10px;}
.cate-list li:nth-child(2){width: 50%; margin-bottom: 10px;}
.cate-list li:nth-child(3){width: 50%;}

.index-pro-btn{text-align: center; margin-top: 20px;}
.index-pro-btn a{padding: 0 100px; height: 38px; background: #eee; border-radius: 4px; line-height: 38px; display: inline-block; font-size: 16px; transition: all 350ms linear;}
.index-pro-btn a:hover{background: #0068B7; color: #fff;}

.index-txt{width: 50%; padding: 0 5px;}
.index-txt-title{height: 40px; position: relative;}
.index-txt-title p{position: absolute; width: 100%; height: 20px; border-bottom: 1px solid #ccc; top: 0; left: 0; z-index: 2; transition: border-color 350ms linear;}
.index-txt-title p.active{border-color: #0068B6;}
.index-txt-title span{padding-right: 20px; background: #fff; font-size: 26px; height: 40px; line-height: 40px; position: relative; z-index: 3;}
.index-txt-title a{padding: 0 20px; background: #fff; font-size: 16px; height: 40px; line-height: 40px; position: relative; z-index: 3; border: 1px solid #ccc; transition: all 350ms linear;}
.index-txt-title a:hover{border-color: #0068B6; background: #0068B6; color: #fff;}
.index-txt-img{position: relative; display: block;}
.index-txt-img a{display: block; overflow: hidden;}
.index-txt-intro{padding: 0 10px; margin-top: 10px; line-height: 26px; font-size: 14px; height: 78px; overflow: hidden;}

.index-txt-img .new-hot-txt{left: 0; right: 0;}

/*.footer{background: #303030;}
.footer-con>*{width: 25%; color: #fff; font-size: 14px;}
.footer-con dt{font-size: 16px; margin-bottom: 10px;}
.footer-con dd p{height: 24px; line-height: 24px;}
.footer-con>div dl+dl{margin-top: 40px;}
.footer-con dd p a{color: #fff;}
.footer-con dd p a:hover{color: #0068B6;}
.footer-con dd input[type="text"]{width: 100%; height: 30px; border: none; background: #fff; border-radius: 4px; text-indent: 10px;}
.footer-con dd input[type="submit"]{width: 80px; height: 30px; border: 1px solid #fff; background: transparent; color: #fff; margin-top: 10px; cursor: pointer; -webkit-appearance: none; transition: all 200ms linear;}
.footer-con dd input[type="submit"]:hover{background: #0068B6; border-color: #0068B6;}

.share-list{margin-left: -10px;}
.share-list li a{display: block; width: 38px; height: 38px; background: #0068B6; margin-left: 10px; border-radius: 4px; margin-top: 20px; text-align: center; line-height: 42px; transition: background 150ms linear;}
.share-list li a i{font-size: 30px; color: #fff; transition: color 350ms linear;}
.share-list li a:hover{background: transparent;}
.share-list li a:hover i{color: #0068B6;}*/

/*.footer-bottom{background: #282828; height: 40px;}
.footer-bottom p{color: #fff; line-height: 40px;}
.footer-bottom a{color: #fff; border-bottom: 1px solid #fff; line-height: 20px; margin-top: 10px;}
.footer-bottom img{width: 20px; margin-top: 10px; margin-right: 10px; border-radius: 50%;}

.to-top{width: 40px; height: 40px; background: #262626; text-align: center; line-height: 40px; position: fixed; bottom: 100px; right: 50%; margin-right: -650px; z-index: 900; cursor: pointer; display: none;}
.to-top i{font-size: 20px; color: #fff;}*/

/*products*/
.products-slide .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7); top: auto; bottom: 40px; left: auto; right: 120px;}
.products-slide .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7); top: auto; bottom: 40px; right: 50px;}

.products-slide .slide-txt{position: absolute; top: 30px; right: 50%; margin-right: -550px;}
.products-slide .slide-txt p{font-family: "bold"; font-size: 80px; color: #41ABA0;}

.products-slide-btn{height: 150px; border-bottom: 1px solid #CDCDCD;}
.products-slide-btn li{cursor: pointer; width: 11.11%; height: 150px; padding: 30px 0; text-align: center; position: relative;}
.products-slide-btn li span{width: 60px; height: 60px; display: inline-block; overflow: hidden;}
.products-slide-btn li p{font-size: 14px; line-height: 26px; height: 26px; overflow: hidden;}

.products-slide-btn li:before{content: ''; width: 0; height: 2px; background: #0068B6; position: absolute; bottom: 0; right: 50%; opacity: 0; transition: width 450ms cubic-bezier(.165,.84,.44,1);}
.products-slide-btn li:after{content: ''; width: 0; height: 2px; background: #0068B6; position: absolute; bottom: 0; left: 50%; opacity: 0; transition: width 450ms cubic-bezier(.165,.84,.44,1);}
.products-slide-btn li.active{background: #fff; color: #0068B6;}
.products-slide-btn li.active i{color: #0068B6;}
.products-slide-btn li.active:before{width: 50%; opacity: 1;}
.products-slide-btn li.active:after{width: 50%; opacity: 1;}

.products-title{margin: 50px 0; text-align: center; font-size: 30px; color: #333;}
.products-title i{font-size: 60px; color: #999; vertical-align: middle; margin-right: 20px;}
.products-title img{width: 60px; vertical-align: middle; margin-right: 20px;}
.products-title h2{font-size: 30px; display: inline-block; font-weight: normal;}
.products-title p{font-size: 14px; color: #999; margin-top: 10px;}
.products-list a{width: 25%; text-align: center; margin-bottom: 20px; transition: all .28s;}
.products-list a:hover{box-shadow: 0px 0 4px 4px rgba(153,153,153,0.35); transform: translate(0, -1px);}

.bbb{padding: 0 20px;}
.aaa{font-size: 20px; margin: 20px 0; line-height: 40px;}
.aaa del{font-size: 16px; color: gray; margin-left: 15px;}

.products-img{overflow: hidden;}
.products-img li:not(:first-child){display: none;}
.products-img li{text-align: center;}
.products-img li img{width: 90%;}
.products-color{display: table; margin: 10px auto; font-size: 0; padding: 0 10%; text-align: center; position: relative; z-index: 100;}
.products-color li{width: 20px; height: 12px; border: 1px solid #fff; cursor: pointer; border-color: #a7a7a7; margin: 0 2px 2px 0;}
.products-color li.active,.products-color li:hover{border-color: #0068B6;}
.products-name{font-size: 16px; color: #333; line-height: 20px; height: 40px; overflow: hidden; padding: 0 16%; font-weight: normal;}
.products-intro{color: #333; line-height: 20px; height: 60px; overflow: hidden; padding: 0 10%;}
.goods-t-i{display: none;}
.products-addcart{width: 40px; height: 40px; border: 1px solid #AFAFAF; border-radius: 50%; text-align: center; line-height: 38px; background: #fff; cursor: pointer; margin: 20px 0; position: relative; z-index: 100;}
.products-addcart i{font-size: 30px; color: #AFAFAF; position: relative; left: -2px;}
.products-addcart:hover{background: #0068B6; border-color: #0068B6;}
.products-addcart:hover i{color: #fff;}

/*products-detail*/
.now-site{margin: 20px auto; font-size: 14px; height: 15px; line-height: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.now-site a{color: #0068B6;}
.now-site a:hover{color: #0093b6;}

.products-detail-img{width: 55%;}
.productsdetail-slide-btn{width: 100%; padding: 0 40px; overflow: hidden; position: relative; margin-top: 20px;}
.productsdetail-slide-btn .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23DEDEDE'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7); transition: all 350ms ease-in-out; left: 5px;}
.productsdetail-slide-btn .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23DEDEDE'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7); transition: all 350ms ease-in-out; right: 5px;}
.productsdetail-slide-btn .swiper-button-prev:hover{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230068B6'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.8,0.8);}
.productsdetail-slide-btn .swiper-button-next:hover{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230068B6'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.8,0.8);}
.productsdetail-slide-btn .swiper-button-next.swiper-button-disabled, .productsdetail-slide-btn .swiper-button-prev.swiper-button-disabled{opacity: 1;}

.productsdetail-slide-btn .swiper-slide img{border: 1px solid #fff; cursor: pointer;}
.productsdetail-slide-btn .swiper-slide.active img{border-color: #00a54f;}

.products-detail-info{width: 42%;}
.productsdetail-name{font-size: 30px; line-height: 30px; max-height: 60px; overflow: hidden; font-weight: normal;}
.productsdetail-discuss{font-size: 14px; margin-top: 20px;}
.productsdetail-discuss img{width: 15px;}
.productsdetail-intro{font-size: 16px; line-height: 20px; max-height: 40px; overflow: hidden; margin-top: 10px;}
.productsdetail-price{font-size: 30px; margin-top: 20px;}
.delprice{color: gray; font-size: 20px; margin-left: 15px;}
.prodectsdetail-color,.prodectsdetail-num{font-size: 20px; margin-top: 20px;}
.prodectsdetail-color dd a{width: 32px; height: 32px; border: 2px solid #eee; margin-right: 10px; cursor: pointer; border-radius: 4px; margin-top: 10px;}
.prodectsdetail-color dd a.active{border-color: #0068B6;}
.prodectsdetail-color dd a:hover{border-color: #0082e4;}
.prodectsdetail-num{position: relative;}
.prodectsdetail-num dd{width: 102px; height: 32px; margin-top: 10px; border: 1px solid #A4A5A5;}
.prodectsdetail-num dd span{width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer;}
.prodectsdetail-num dd input[type="text"]{width: 40px; height: 29px; text-align: center; border: none; font-size: 18px; margin-top: 1px;}
.prodectsdetail-num dd span:hover{background: #0068B6; color: #fff;}
.prodectsdetail-num dt.pro-collection{width: 100px; height: 32px; border-radius: 6px; height: 32px; background: #009DE0; text-align: center; line-height: 32px; position: absolute; bottom: 0; left: 120px; font-size: 16px;}
.prodectsdetail-num dt.pro-collection a{color: #fff;}
.prodectsdetail-num dt.pro-collection a i{font-size: 18px; vertical-align: middle; display: inline-block; margin-top: -2px; margin-right: 4px;}
.productsdetail-addcart{display: block; height: 40px; text-align: center; line-height: 40px; background: #0068B6; font-size: 18px; color: #fff; margin-top: 20px; border-radius: 6px;}
.productsdetail-toamazon{display: block; height: 40px; text-align: center; line-height: 40px; background: #F97A00; font-size: 18px; color: #fff; margin-top: 10px; border-radius: 6px;}
.productsdetail-addcart i,.productsdetail-toamazon i{font-size: 22px; margin-right: 20px;}
.productsdetail-toamazon i{vertical-align: middle;}
.productsdetail-params dt{font-size: 16px; margin: 30px 0 15px;}
.productsdetail-params dd{position: relative;}
.productsdetail-params dd span{font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.productsdetail-params dd span:first-child{width: 100px; position: absolute; top: 0; left: 0;}
.productsdetail-params dd span:last-child{width: 100%; padding-left: 100px;}

.productsdetail-txt{margin-top: 100px;}
.productsdetail-txt-nav{background: #fff; border-bottom: 1px solid #EFEFEF;}
.productsdetail-txt-nav li{padding: 0 10px; margin: 0 30px; height: 40px; line-height: 38px; font-size: 18px; border-bottom: 2px solid #fff; cursor: pointer;}
.productsdetail-txt-nav li:hover,.productsdetail-txt-nav li.active{border-color: #0068B6;}
.productsdetail-txt-nav.fixed{position: fixed; top: 0; left: 0; right: 0; z-index: 100;}
.productsdetail-txt-con-item{margin-top: 50px;}
.highlights tr td{width: 50%;}
.highlights tr td p{width: 80%; overflow: hidden; margin: 0 auto;}
.highlights2 img{max-width: 100%; width: auto; height: auto; margin-right: 5px;}
.productsdetail-txt-title{font-size: 48px; text-align: center;}
.faq dt,.faq dd{padding-left: 20px; font-size: 14px;}
.faq dt{position: relative; cursor: pointer; margin-top: 30px;}
.faq i{font-size: 12px; position: absolute; top: 0; left: 0;}
.faq dd{color: #8B8B8B; margin-top: 6px; display: none;}

.Related{width: 100%; padding: 0 40px; overflow: hidden; position: relative; margin-top: 20px;}
.Related .swiper-button-prev{background-image:      url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23DEDEDE'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7); transition: all 350ms ease-in-out; left: 5px;}
.Related .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23DEDEDE'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.7,0.7); transition: all 350ms ease-in-out; right: 5px;}
.Related .swiper-button-prev:hover{background-image:      url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230068B6'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.8,0.8);}
.Related .swiper-button-next:hover{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230068B6'%2F%3E%3C%2Fsvg%3E"); transform: scale(0.8,0.8);}
.Related .swiper-button-next.swiper-button-disabled, .Related .swiper-button-prev.swiper-button-disabled{opacity: 1;}

.Related .swiper-slide{border: 1px solid #fff; transition: border-color 350ms ease-in-out;}
.Related .swiper-slide p{width: 80%; margin: 10px auto; text-align: center; font-size: 16px; height: 40px; line-height: 20px; overflow: hidden;}
.Related .swiper-slide:hover{border-color: #F1F1F1;}

.reviews-title{text-align: center;}
.reviews-title img{width: 30px; margin-top: 5px;}
.reviews-title dd{font-size: 24px; margin-top: 10px;}

.discuss-list li{margin-top: 30px; font-size: 14px;}
.discuss-list li p{margin-top: 10px;}
.discuss-list li h1{font-family: "bold"; font-size: 14px;}
.discuss-list li p:nth-child(2) span{margin-left: 10px;}
.discuss-list li p:nth-child(3){color: #999;}
.discuss-list li p:nth-child(3) span{margin-right: 50px;}
.discuss-list li p:last-child{line-height: 20px;}
.discuss-list li p img{width: 15px;}

.collection-list-title{font-size: 34px; margin-top: 40px; text-align: center;}
.collection-list{margin-top: 40px;}
.collection-list li{width: 25%; padding: 0 10px 30px;}
.collection-list li a{display: block; padding: 10px; border: 1px solid #F1F1F1;}
.collection-list li a p{width: 80%; margin: 10px auto; text-align: center; font-size: 16px; height: 40px; line-height: 20px; overflow: hidden;}

.page404{margin: 40px 0;}

.pages{text-align: center; font-size: 14px; margin: 50px 0;}
.pages a, .pages strong{display: inline-block; padding: 0 20px; height: 30px; line-height: 30px;}
.pages a:hover,.pages strong{background: #0068B6; color: #fff;}

.addcart-tips{display: none;width: 420px; padding: 30px; position: fixed; top: 50%; left: 50%; margin-top: -96px; margin-left: -210px; z-index: 999; background: #fff; border-radius: 6px;}
.addcart-tips p{font-size: 18px; text-align: center; margin-bottom: 30px;}
.addcart-tips-btn a{width: 45%; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; border-radius: 6px; overflow: hidden;}
.addcart-tips-btn a:first-child{background: #0068B6;}
.addcart-tips-btn a:last-child{background: #F97A00;}

.pop-tips{display: none;width: 420px; padding: 30px; position: fixed; top: 50%; left: 50%; margin-top: -96px; margin-left: -210px; z-index: 999; background: #fff; border-radius: 6px;}
.pop-tips p{font-size: 18px; text-align: center; margin-bottom: 30px;}
.pop-tips p:first-child{font-size: 24px; font-family: "bold"; color: #0068B6; margin-bottom: 20px;}
.pop-tips-btn a{width: 45%; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; border-radius: 6px; overflow: hidden;}
.pop-tips-btn a:first-child{background: #0068B6;}
.pop-tips-btn a:last-child{background: #F97A00;}

.pop-prompt{display: none;width: 420px; padding: 30px; position: fixed; top: 50%; left: 50%; margin-top: -96px; margin-left: -210px; z-index: 999; background: #fff; border-radius: 6px;}
.pop-prompt p{font-size: 18px; text-align: center; margin-bottom: 30px;}
.pop-prompt p:first-child{font-size: 24px; font-family: "bold"; color: #0068B6; margin-bottom: 20px;}
.pop-prompt .pop-prompt-btn{text-align: center;}
.pop-prompt .pop-prompt-btn a{background: #F97A00; padding: 10px 30px; color: #fff;}

/*login*/
.login{margin: 50px auto;}
.to-register{width: 50%; padding: 50px 50px 50px 0;}
.to-register p{font-size: 14px; line-height: 20px; height: 160px; overflow: hidden;}
.to-register p:first-child{font-size: 18px; height: 20px; margin-bottom: 15px;}
.to-register a, input.login-btn{cursor: pointer; padding: 0 30px; height: 40px; background: #0068B6; color: #fff; font-size: 15px; display: inline-block; line-height: 40px; border:none;}
.def-btn{cursor: pointer; padding: 0 30px; height: 40px; background: #0068B6; color: #fff; font-size: 15px; display: inline-block; line-height: 40px; border:none;}
.login-con{width: 50%; padding: 50px; border-left: 1px solid #EDEDED;}
.login-con>*+*{margin-top: 22px;}
.login-con>p{font-size: 14px; line-height: 20px; height: 20px; overflow: hidden;}
.login-con>p:first-child{font-size: 18px; margin-bottom: 15px;}
.login-form{position: relative; width: 100%; font-size: 14px;}
.login-form span{width: 120px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 0;}
.login-form span i{color: #FF0000;}
.login-form p{width: 100%; padding-left: 120px; height: 40px;}
.login-form p i{font-size: 12px;display: none;}
.login-form p i img{width: 15px; height: 15px;}
.login-form input{width: 100%; height: 40px; border: 1px solid #adadad; border-radius: 6px; text-indent: 4px; font-size: 14px;}
.login-options{width: 100%; font-size: 14px;}
.login-options a{text-decoration: underline; color: #808080;}
.login-options a:hover{color: #0068B6;}
.login-options label{cursor: pointer;}
.login-options input[type="checkbox"]{margin-right: 5px;}

/*register*/
.register-img{width: 50%;}
.register .login-con{margin: 50px 0;}
a.to-login{padding: 8px 0; font-size: 14px;}
a.to-login:hover{color: #0068B6;}

/*select-language*/
.body100{width: 100%; height: 100%; overflow: hidden;}
.sl-img{height: 100%;}
.sl-con{width: 520px; padding: 30px 60px; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; border-radius: 6px; text-align: center;}
.sl-con>a{display: inline-block; width: 194px; height: 36px;}
.sl-con>p{color: #888; font-size: 14px; margin-top: 14px; padding-bottom: 5px; border-bottom: 1px solid #999;}
.sl-con>p span{display: block; line-height: 19px;}
.sl-list li{width: 25%; margin: 15px 0;}
.sl-list li img{width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%;}
.sl-list li p{height: 20px; line-height: 20px; overflow: hidden;}
.sl-list li:hover img{border-color: #0068B6;}

/*cart*/
.cart-title{font-size: 44px; text-align: center; margin: 80px 0 40px;}
.cart-title i{font-size: 100px; vertical-align: middle; margin-right: 15px;}
.cart-tab{width: 100%;}
.cart-tab tr td{border-top: 1px solid #9F9F9F; border-bottom: 1px solid #9F9F9F; padding: 20px 0; color: #808080;}
.cart-tab tr+tr td{border-top: none;}
.cart-img img{width: 120px; border: 1px solid #eee;}
.cart-name p{font-size: 14px; line-height: 20px;}
.cart-name p:first-child{font-size: 16px; color: #000; margin-bottom: 10px;}
.cart-name .cart-color span{border: 1px solid #0068B6;}
.cart-num{height: 30px;}
.cart-num b{line-height: 30px; margin-right: 10px; font-size: 14px;}
.cart-num span{width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; border: 1px solid #A4A5A5;}
.cart-num input[type="text"]{width: 40px; height: 30px; text-align: center; border: none; font-size: 18px; border-top: 1px solid #A4A5A5; border-bottom: 1px solid #A4A5A5; border-radius: 0;}
.cart-num span:nth-child(2){border-right: none;}
.cart-num span:nth-child(4){border-left: none;}
.cart-num span:hover{background: #0068B6; color: #fff;}

.cart-del i{font-size: 30px; line-height: 30px; color: #8B8B8B;}
.cart-del a:hover i{color: #0068B6;}

.check-out-btn{margin-top: 20px;}
.check-out-btn input[type="text"], .check-out-btn input[type="passowrd"]{width: 89px; height: 40px; background: #0068B6; color: #fff; font-size: 14px; line-height: 40px; border: none;}

.check-order{margin-top: 50px;}
.check-order-l{width: 60%; padding-right: 50px; padding-bottom: 50px; border-right: 1px solid #9F9F9F;}
.cart2-title{font-size: 30px; text-align: center;}
.cart2-title i{font-size: 50px; margin-right: 15px; vertical-align: middle;}
.co-address li{margin-top: 25px; position: relative;}
.co-address li span{font-size: 14px; width: 150px; height: 40px; line-height: 40px; overflow: hidden; position: absolute; top: 0; left: 0;}
.co-address li span i{font-size: 12px; color: #FF0000;}
.co-address li p{width: 100%; padding-left: 150px; height: 40px;}
.co-address li p input[type="text"]{width: 100%; height: 40px; font-size: 14px; border: 1px solid #adadad; border-radius: 6px; text-indent: 4px;}
.check-out-btn.check-out-btnlong{margin-top: 40px;}

.check-order-r{width: 40%; padding: 100px 50px;}
.check-order-pro{position: relative; height: 120px; margin-top: 20px;}
.check-order-pro dt{width: 120px; position: absolute; top: 0; left: 0;}
.check-order-pro dt img{border: 1px solid #eee;}
.check-order-pro dd{width: 100%; padding-left: 140px;}
.check-order-pro dd p{font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; color: #999;}
.check-order-pro dd p:first-child{font-size: 16px; height: 40px; color: #000; margin-bottom: 10px;}
.check-order-pro dd p:last-child{color: #000;}
.check-order-pro dd p.color-box span{border: 1px solid #0068b7;}

.check-order-price{color: #999; font-size: 14px;}
.check-order-price li{margin-top: 10px;}
.check-order-price li:first-child,.check-order-price li:last-child{margin-top: 20px; padding-top: 20px; border-top: 1px solid #9F9F9F;}
.check-order-price li:last-child{color: #000; font-size: 16px;}

.pay-order{width: 60%; padding-right: 50px; padding-bottom: 50px; border-right: 1px solid #9F9F9F;}
.pay-order-title{font-size: 30px; margin-bottom: 30px;}
.pay-order>p{font-size: 14px; line-height: 20px;}
.pay-order>p.b-line{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #9F9F9F;}

.pay-info{margin-top: 20px;}
.pay-info div{line-height: 40px; font-size: 14px;}
.pay-info div i{font-size: 12px; color: #FF0000;}
.pay-info p{width: 100%; height: 40px; position: relative;}
.pay-info p input[type="text"],.pay-info p input[type="date"]{width: 100%; height: 40px; border: 1px solid #eee; border-radius: 4px; text-indent: 4px; padding-right: 60%; -webkit-appearance: none; appearance: none;}
.pay-info.pay-info3 p input[type="text"],.pay-info.pay-info2 p input[type="date"],.pay-info.pay-info2 p input[type="text"]{padding-right: 0;}
.pay-info p img{width: 50%; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.pay-info p span{height: 40px; width: 40px; text-align: center; position: absolute; top: 0; right: 0px; line-height: 40px; cursor: pointer;}
.pay-info p span i{color: #666; font-size: 20px;}
.pay-info1{width: 100%;}
.pay-info2{width: 60%;}
.pay-info3{width: 36%;}

/*club*/
.club-nav{margin: 50px 0;}
.club-nav li{height: 40px; margin-right: 20px; font-size: 16px;}
.club-nav li a,.club-nav li dt{display: block; height: 40px; padding: 0 15px; line-height: 40px; background: #FAFAFA;}
.club-nav li a.active{background: #0068B6; color: #fff;}
.club-nav li dl{position: relative;}
.club-nav li dt{background: #F97A00; color: #fff; cursor: pointer; position: relative;}
.club-nav li dt select{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: -2;}
.club-nav li dd{position: absolute; top: 40px; left: 0; right: 0; background: #fff; border: 1px solid #E9E9E9;}
.club-nav li dd span{display: block; line-height: 30px; padding: 0 5px; cursor: pointer;}
.club-nav li dt i{font-size: 10px; color: #fff; margin-left: 5px; display: inline-block;}
.club-nav li:first-child a:hover{background: #F97A00;}
.club-nav li a:hover{background: #0068B6; color: #fff;}
.club-nav>a{padding: 0 15px; height: 40px; line-height: 40px; background: #0068B6; color: #fff; font-family: "bold"; font-size: 16px;}
.club-nav>a i{font-size: 14px; margin-right: 5px; }

.club-tab{width: 100%;}
.club-tab tr td{padding: 15px 0; font-size: 14px;}
.club-tab tr td b{font-weight: normal; font-family: "bold";}
.club-tab tr+tr td{border-top: 1px solid #E6E6E6;}
.club-tab tr:first-child td{border-bottom: 1px solid #E6E6E6; font-size: 16px;}

.club-tab-user img{width: 34px; border-radius: 50%; margin-right: 5px;}
.club-tab-txt{font-size: 14px;}
.club-tab-txt a{color: #0068B6;}
.club-tab-txt>a{line-height: 20px; height: 20px; overflow: hidden;}
.club-tab-txt p{line-height: 20px;}
.club-tab-txt p:nth-child(2){margin: 10px 0; line-height: 20px; padding-right: 20px;}
.club-tab-txt p:nth-child(3){font-style: italic;}
.club-phoneshow{display: none;}

.new-topic{width: 100%; background: #F0F0F0; font-size: 14px; position: fixed; left: 0; transform: translateY(100%); bottom: 0; transition: all 350ms cubic-bezier(.165,.84,.44,1);}
.new-topic-title{padding: 10px 0;}
.new-topic-title span{height: 30px; line-height: 30px;}
.new-topic-title a{width: 30px; height: 30px; text-align: center; line-height: 30px;}
.new-topic-title a i{font-size: 30px; color: #666;}
.new-topic-title a:hover{background: #E9E9E9;}
.new-topic-name{width: 700px; margin-bottom: 15px; position: relative;}
.new-topic-name div{width: 48%; position: relative;}
.new-topic-name div:first-child{width: 50%;}
.new-topic-name input[type="text"],.new-topic-name select{width: 100%; height: 40px; border: none; background: #fff; border-radius: 6px; text-indent: 4px; font-size: 14px;}
.new-topic-txtdiv{position: relative;}
.new-topic-txt{width: 100%; height: 300px; line-height: 25px; resize: none; border: none; background: #fff; border-radius: 6px; text-indent: 4px; font-size: 14px; display: block;}
.new-topic-btn a{color: #0068B6; font-size: 16px; display: inline-block; margin-bottom: 20px; margin: 20px 0;}
.new-topic-btn a:first-child{background: #0068B6; color: #fff; padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px; margin-right: 15px;}
.new-topic-btn a i{font-size: 14px; margin-right: 5px;}
.new-topic.active{transform: translateY(0);}

.club-detail{width: 760px; font-size: 14px;}
.club-detail-title{padding: 30px 0; border-bottom: 1px solid #E6E6E6;}
.club-detail-title p{font-family: "bold"; font-size: 28px; line-height: 34px;}
.club-detail-title a{background: #E9E9E9; padding: 0 15px; height: 30px; line-height: 30px; color: #0068B6; display: inline-block; border-radius: 6px; margin-top: 10px;}

.club-detail-con{position: relative; margin-top: 20px;}
.club-detail-con>img{width: 50px; position: absolute; top: 0; left: 0; border-radius: 50%;}
.club-detail-txt{width: 100%; padding-left: 70px;}
.club-detial-top{height: 50px; line-height: 50px;}
.club-detial-top b{font-weight: normal; font-family: "bold"; font-size: 16px; margin-right: 15px;}
.club-detial-top span{color: #888;}
.club-detail-txt>p{margin-top: 20px; line-height: 20px;}
.club-detail-txt-btn{border-top: 1px solid #E6E6E6; text-align: center; padding-top: 20px; margin-top: 30px;}
.club-detail-txt-btn a{width: 40px; height: 40px; text-align: center; line-height: 40px; background: #0068B6; display: inline-block; border-radius: 50%; margin: 0 10px;}
.club-detail-txt-btn a i{font-size: 30px; color: #fff;}
.club-detail-txt-btn a:first-child{background: #08329C;}

.club-detail-operate{text-align: right; margin-top: 10px;}
.club-detail-operate a{padding: 0 5px; height: 30px; line-height: 30px; display: inline-block; font-family: "bold"; color: #999;}
.club-detail-operate a span{font-family: "bold";}
.club-detail-operate a i{color: #ccc; font-size: 18px; vertical-align: middle;}
.club-detail-operate a.shoucang.active, .club-detail-operate a:hover{background: #E9E9E9; color: #333;}
.club-detail-operate a.shoucang.active i, .club-detail-operate a:hover i{background: none; color: #333;}
.club-detail-operate a.dianzandian.active, .club-detail-operate a.dianzandian:hover{background: #fee9ee; color: #fa6c8d;}
.club-detail-operate a.dianzandian.active i, .club-detail-operate a.dianzandian:hover i{color: #fa6c8d;}

.club-detail-reply li{border-top: 1px solid #E6E6E6; position: relative; margin-top: 20px; padding-top: 20px;}
.club-detail-reply li>img{width: 50px; position: absolute; top: 20px; left: 0; border-radius: 50%;}
.reply-con{width: 100%; padding-left: 60px;}
.reply-con-title{height: 40px; line-height: 26px;}
.reply-con-title b{font-size: 16px;}
.reply-con>p{line-height: 20px;}

/*user-center*/
.uc-bg{position: relative;}
.uc-info{position: absolute; bottom: 20px; left: 50%; margin-left: -600px;}
.uc-info>img{width: 90px; border-radius: 50%;}
.uc-info-txt{margin-left: 20px;}
.uc-info-txt p{font-size: 30px; margin-top: 5px;}

.uc-info-txt a{display: block; text-decoration: underline; font-size: 14px; margin-top: 8px;}
.uc-info-txt div a{display: inline-block;}
.uc-info-txt div a+a{margin-left: 20px;}
.uc-info-txt form div a input{opacity: 0; position: relative; left: -87px; width: 90px;}

.uc-nav{height: 100px; background: #F5F5F5; border-bottom: 1px solid #CDCDCD;}
.uc-nav a{width: 20%; height: 100px; text-align: center; border-bottom: 2px solid transparent; font-size: 14px;}
.uc-nav a span b{width: 16px; height: 16px; font-size: 12px; background: #0068B6; border-radius: 50%; color: #fff; text-align: center; line-height: 16px; position: absolute; top: -10px; right: -10px; font-weight: normal;}

.rawards{margin-top: 50px; color: #666;}
.rawards h3{font-size: 16px; font-weight: bold; margin: 20px 0;}
.new-reward{position: relative;}
.new-reward p{width: 100%; padding-right: 200px;}
.new-reward p input[type="text"]{width: 100%; height: 40px; border: 1px solid #adadad; border-radius: 4px; text-indent: 6px;}
.new-reward a{width: 180px; height: 40px; background: #0068B6; color: #fff; font-size: 16px; text-align: center; line-height: 40px; position: absolute; top: 0; right: 0;}

.raward-list li{border: 1px solid #0068B6; padding: 10px; margin-top: 20px;}
.raward-list li b{display: block; font-size: 26px; line-height: 36px; font-weight: normal; color: #333;}
.raward-list li p{line-height: 22px; height: 22px; overflow: hidden;}

.check-order-l .raward-list{margin-left: -2%;}
.check-order-l .raward-list li{width: 48%; border-color: #9E9F9F; margin-left: 2%; cursor: pointer;}
.check-order-l .raward-list li.active{border-color: #0068B7;}

.uc-nav a span{display: inline-block; margin-top: 18px; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.uc-nav a i{font-size: 30px; color: #666;}
.uc-nav a i.icon-dizhi-copy{font-size: 36px;}
.uc-nav a p{line-height: 22px;}
.uc-nav a:hover,.uc-nav a.active{background: #fff; border-bottom-color: #0068B6; color: #0068B6;}
.uc-nav a:hover i,.uc-nav a.active i{color: #0068B6;}

.uc-profile-form{margin: 50px 0; margin-left: -4%;}
.uc-profile-form li{width: 46%; position: relative; margin-top: 20px; margin-left: 4%;}
.uc-profile-form li:nth-child(1),.uc-profile-form li:nth-child(2){width: 96%;}
.uc-profile-form li p{width: 130px; height: 40px; line-height: 40px; font-size: 14px; position: absolute; top: 0; left: 0;}
.uc-profile-form li p i{font-size: 14px; color: #FF0000;}
.uc-profile-form li div{width: 100%; padding-left: 130px; position: relative;}
.uc-profile-form li div span{height: 40px; width: 40px; text-align: center; position: absolute; top: 0; right: 0px; line-height: 40px; cursor: pointer;}
.uc-profile-form li div span i.iconfont{color: #666; font-size: 20px;}
.uc-profile-form li div i.check_error{color: red;padding-left: 5px;}
.uc-profile-form li div i.check_error img{width: 15px; height: 15px;}
.uc-profile-form li input[type="text"],.uc-profile-form li select,.uc-profile-form li input[type="date"]{width: 100%; height: 40px; border: 1px solid #adadad; text-indent: 4px; font-size: 14px; appearance: none; -webkit-appearance: none;}

.changepwd-title{font-size: 16px; margin-top: 50px;}
.changepwd-form li{width: 100%; position: relative; margin-top: 20px;}
.changepwd-form li p{width: 200px; height: 40px; line-height: 40px; font-size: 14px; position: absolute; top: 0; left: 0;}
.changepwd-form li p i{font-size: 14px; color: #FF0000;}
.changepwd-form li div{width: 100%; padding-left: 200px; position: relative;}
.changepwd-form li input[type="password"]{width: 100%; height: 40px; border: 1px solid #eee; text-indent: 4px; font-size: 14px; appearance: none; -webkit-appearance: none;}

.uc-info.wrap{position: static; padding: 40px 0; margin: 0 auto;}

.order-category{margin-top: 50px;}
.order-category li{margin-right: 20px;}
.order-category li a{display: block; padding: 0 20px; height: 40px; line-height: 40px; background: #FAFAFA; font-size: 18px;}
.order-category li:hover a,.order-category li.active a{background: #0068B6; color: #fff;}

.order-tab{width: 100%; margin-top: 30px; border: 1px solid #F5F5F5;}
.order-tab:hover{border-color: #0068B6;}
.order-tab tr td{padding: 15px 0;}
.order-tab thead tr td{background: #F5F5F5; font-size: 16px;}
.order-tab thead tr td span{font-family: "bold"; margin-right: 20px;}
.order-tab thead tr td:first-child{padding-left: 20px;}
.order-tab thead tr td:last-child{text-align: right; padding-right: 20px;}
.order-pro-img{text-align: center;}
.order-pro-img img{width: 90px; border: 1px solid #eee;}
.order-pro-name p{font-size: 14px; line-height: 20px;}
.order-pro-name p:first-child{font-size: 16px; margin-bottom: 10px;}
.order-pro-name p span{border: 1px solid #0068B6;}
.order-pro-price{font-size: 16px;}
.order-total{font-size: 14px; color: #999; line-height: 24px; border-left: 1px solid #F5F5F5;}
.order-total p{padding-left: 40px;}
.order-total p:first-child{font-size: 16px; color: #000;}
.order-operate{border-left: 1px solid #F5F5F5;}
.order-operate a{font-size: 15px; text-decoration: underline; line-height: 24px; padding-left: 40px;}
.order-operate a:hover{color: #0068B6;}
.order-operate span{font-size: 15px; line-height: 24px; padding-left: 40px; color: #F97A00;}

.order-tab tfoot{display: none;}

.order-discuss li{margin-top: 40px;}
.order-discuss li+li{border-top: 1px solid #9E9F9F; padding-top: 40px;}
.discuss-pro img{width: 24px; vertical-align: middle;}
.discuss-pro img:first-child{width: 85px; border: 1px solid #EFEFEF;}
.order-discuss li textarea{width: 100%; height: 200px; line-height: 25px; border: 1px solid #eee; border-radius: 6px; margin-top: 20px; font-size: 14px; padding: 10px; resize: none;}

.order-detail{margin-top: 50px;}
.order-detail+.order-detail{margin-top: 20px;}
.order-detail dt{font-family: "bold"; font-size: 16px; padding: 15px; background: #F5F5F5;}
.order-detail dd{padding: 15px; border: 1px solid #F5F5F5; font-size: 14px;}
.order-detail dd p{line-height: 22px;}
.order-detail dd li{width: 50%; line-height: 22px;}
.order-detail dd li span{color: #F97A00; font-size: 16px; font-family: "bold";}
.order-detail dd p img{width: 100px; vertical-align: middle;}


.address-title{margin-top: 40px; font-size: 16px;}
.address-form{margin-left: -4%;}
.address-form li{width: 46%; margin-left: 4%; position: relative; margin-top: 20px;}
.address-form li p{font-size: 14px; width: 120px; line-height: 40px; height: 40px; position: absolute; top: 0; left: 0;}
.address-form li p i{font-size: 14px; color: #FF0000;}
.address-form li>div{width: 100%; padding-left: 120px;}
.address-form li input[type="text"]{width: 100%; height: 40px; border: 1px solid #adadad; border-radius: 4px; text-indent: 4px;}

.address-item{margin-top: 20px;}
.address-item dt{font-size: 14px; color: #666; line-height: 22px; height: 22px;}
.address-item dt span{font-size: 16px; color: #000; cursor: pointer;}
.address-item dt i{color: #666; margin-left: 20px; margin-right: 5px;}
.address-item dt i.icon-jiahao,.address-item dt i.icon-icon{font-size: 14px; color: #000; margin: 0;}
.address-item dt a{display: none;}
.address-item dd{font-size: 14px; color: #808080; line-height: 22px; padding-left: 20px; display: none;}

.uc-club-nav{margin: 50px 0 40px;}
.uc-club-nav a{padding: 0 20px; height: 40px; line-height: 40px; background: #FAFAFA; font-size: 18px; margin-right: 20px;}
.uc-club-nav a:hover,.uc-club-nav a.active{background: #0068B6; color: #fff;}

.uc-club-nav2{display: none;}
.uc-club-nav2 select{width: 48%; height: 40px; border: none; background: #FAFAFA; padding-left: 20px; appearance: none; -webkit-appearance: none; font-size: 14px;}

.activities-con{position: relative; min-height: 140px;}
.activities-con-nav{width: 140px; padding: 10px 0; background: #F0F0F0; font-size: 18px; position: absolute; top: 0; left: 0;}
.activities-con-nav a{padding: 0 20px; display: block; height: 30px; line-height: 30px;}
.activities-con-nav a:hover,.activities-con-nav a.active{color: #0068B6; font-family: "bold";}
.activities-con-txt{width: 100%; padding-left: 170px; font-size: 14px;}
.activities-con-txt li{border-top: 1px solid #E6E6E6; padding: 15px 0 10px 0;}
.activities-con-txt-title{position: relative;}
.activities-user-img{width: 48px; position: absolute; top: 0; left: 0;}
.activities-user-img img{border-radius: 50%;}
.activities-user-info{width: 100%; padding-left: 60px; padding-right: 60px;}
.activities-user-info p{line-height: 20px; height: 20px; margin: 3px 0 8px;}
.activities-user-info p a{color: #0068B6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activities-user-info span{font-family: "bold";}
.activities-user-time{line-height: 22px; position: absolute; top: 0; right: 0;}
.activities-con-txt-con{margin-top: 10px; line-height: 22px;}
.activities-con-txt-con img{width: 20px; vertical-align: middle; border-radius: 50%;}
.activities-con-txt-con span{color: #0068B6;}
.activities-con-txt-con i{display: inline-block; padding: 0 5px; line-height: 20px; background: #F0F0F0; border-radius: 20px;}

.activities-topics-title{font-size: 16px;}
.activities-topics-con{color: #808080;}

/*support*/
.support-top{position: relative;}
.support-top-txt{position: absolute; top: 50px; left: 50%; margin-left: -550px;}
.support-top-txt p{font-size: 16px; line-height: 20px; height: 20px; overflow: hidden;}
.support-top-txt p:first-child{font-size: 48px; color: #0068B6; line-height: 50px; height: 50px; margin-bottom: 20px; font-family: "bold";}

.support-top-icon{position: absolute; bottom: 50px; left: 50%; margin-left: -550px;}
.support-top-icon li{text-align: center; width: 150px; padding: 0 13px;}
.support-top-icon li span{width: 70px; height: 70px; text-align: center; line-height: 66px; border: 2px solid #333; border-radius: 50%; display: inline-block;}
.support-top-icon li span i{font-size: 36px; color: #333;}
.support-top-icon li span i.icon-user{font-size: 40px; position: relative; top: 6px;}
.support-top-icon li p{margin-top: 5px; font-size: 16px; line-height: 24px; height: 44px; overflow: hidden;}

.support-rb{width: 50%; background: rgba(134,143,152,0.8); position: absolute; bottom: 0; right: 0; padding: 20px 30px;}
.download-search{width: 570px;}
.download-search p{font-size: 14px; color: #fff; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 10px;}
.download-search p:first-child{font-size: 34px; font-family: "bold"; line-height: 40px; height: 40px;}
.download-search div{position: relative; line-height: 40px;}
.download-search div form input[type="text"]{width: 100%; height: 40px; border: 1px solid #fff; border-radius: 4px; background: transparent; text-indent: 4px; font-size: 14px; color: #fff;}
.download-search div form i{position: absolute; top: 0; right: 10px; color: #fff;} 

.support-nav{width: 100%; background: #F7F7F7; border-bottom: 1px solid #E3E3E3;}
.support-nav a{width: 16.66%; height: 100px; text-align: center; border-bottom: 2px solid transparent;}
.support-nav a span{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-top: 20px;}
.support-nav a i{font-size: 30px; color: #909090;}
.support-nav a i.icon-3tuihuanhuozhengcegouxuan{font-size: 38px;}
.support-nav a p{font-size: 14px; line-height: 22px; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; padding: 0 5px;}
.support-nav a:hover,.support-nav a.active{background: #fff; border-bottom-color: #0068B6; color: #0068B6;}
.support-nav a:hover i,.support-nav a.active i{color: #0068B6;}

.download-list{margin-left: -2%; margin-top: 30px;}
.download-list li{width: 23%; padding: 20px 0; margin-top: 40px; margin-left: 2%; text-align: center; position: relative; cursor: pointer;}
.download-list-img{width: 80%;}
.download-list-name{font-size: 16px; padding: 0 18%; line-height: 20px; height: 40px; overflow: hidden;}
.download-list-txt{padding: 0 10%; margin-top: 5px; line-height: 18px; height: 54px; overflow: hidden;}
.download-list-shade{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #0068B6; background: rgba(0,104,182,0.7); padding: 10px; text-align: left; display: none;}
.download-list-shade dt{font-size: 18px; color: #fff; border-bottom: 1px solid #fff; padding: 40px 0 10px; position: relative; margin-bottom: 15px;}
.download-list-shade dt i{position: absolute; top: 10px; right: 10px; cursor: pointer;}
.download-list-shade dd p{line-height: 22px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.download-list-shade dd p a{text-decoration: underline; color: #fff;}

.load-more{text-align: center; margin: 30px 0;}
.load-more a{display: inline-block; width: 300px; height: 36px; line-height: 36px; background: #eee; font-size: 16px;}

.support-rb>p{font-size: 14px; line-height: 20px; color: #fff;}
.support-rb>p:first-child{font-size: 34px; font-family: "bold"; line-height: 40px;}

.refund-exchange-title{font-size: 34px; text-align: center; margin: 50px 0 30px;}
.refund-exchange-title i{font-size: 44px; color: #999; vertical-align: middle; margin-top: -4px; display: inline-block; margin-right: 10px;}
.refund-exchange-form li{margin-top: 20px; position: relative; font-size: 14px;}
.refund-exchange-form li>span{width: 150px; position: absolute; top: 0; left: 0;}
.refund-exchange-form li div{width: 100%; padding-left: 170px;}
.refund-exchange-form li:first-child>span{line-height: 20px; height: 20px;}
.refund-exchange-form li:first-child div{line-height: 20px;}
.refund-exchange-form li:first-child div label{margin-right: 15px; cursor: pointer;white-space: nowrap;}
.refund-exchange-form li:first-child div label input{margin-right: 2px;}
.refund-exchange-form li:nth-child(2)>span,.refund-exchange-form li:nth-child(3)>span,.refund-exchange-form li:nth-child(6)>span{line-height: 40px; height: 40px;}
.refund-exchange-form li:nth-child(2) div,.refund-exchange-form li:nth-child(3) div{line-height: 40px;}
.re-email,.re-name,.re-orderid,.re-proname{width: 49%; position: relative;}
.refund-exchange-form li div input[type="text"],.refund-exchange-form li div select{width: 100%; height: 40px; border: 1px solid #adadad; font-size: 14px; border-radius: 4px;}
.re-email b,.re-name b,.re-orderid b,.re-proname b,.re-reex b,.re-reason b{position: absolute; top: 0; left: 10px; font-weight: normal;}
.re-email b i,.re-name b i,.re-orderid b i,.re-proname b i,.re-reex b i,.re-reason b i{font-size: 12px; color: #FF0000;}
.re-email input[type="text"]{text-indent: 118px;}
.re-name input[type="text"]{text-indent: 65px;}

.re-proname{margin-left: 2%;}
.re-orderid input[type="text"]{text-indent: 80px;}
.re-proname input[type="text"]{text-indent: 115px;}
.re-reex{width: 20%; position: relative; margin-top: 15px;}
.re-reason{width: 78%; margin-left: 2%; position: relative; margin-top: 15px;}
.re-reex select,.re-reason select{z-index: 2; position: relative; background: transparent; text-indent: 8px;}
.re-reex b,.re-reason b{z-index: 1; white-space: nowrap;}

.refund-exchange-form li div>span{width: 10%; margin-top: 15px;}
.re-seriesNo{width: 88%; margin-left: 2%; margin-top: 15px;}
.re-seriesNo input[type="text"]{text-indent: 10px;}
.refund-exchange-form li div textarea{width: 100%; height: 100px; line-height: 25px; resize: none; border: 1px solid #adadad; font-size: 14px; padding: 5px 10px; border-radius: 4px;}
.refund-exchange-form li:nth-child(4)>span,.refund-exchange-form li:nth-child(5)>span{line-height: 100px; height: 100px;}
.refund-exchange-form li:nth-child(5) div a{display: inline-block; height: 100px; position: relative;}
.refund-exchange-form li:nth-child(5) div a img{border: 1px solid #adadad; border-radius: 4px; width: auto; height: 100%;}
.refund-exchange-form li:nth-child(5) div input[type="file"]{width: 100px; height: 100px; opacity: 0; position: absolute; top: 0; left: 0; cursor: pointer;}
.refund-exchange-form li:nth-child(6) span i{font-size: 12px; color: #FF0000;}
.refund-exchange-form li:nth-child(6) div{position: relative;}
.refund-exchange-form li:nth-child(6) div p{width: 470px;}
.refund-exchange-form li:nth-child(6) div input[type="text"]{text-indent: 10px;}
.refund-exchange-form li:nth-child(6) img{width: 120px; height: 40px; position: absolute; top: 0; left: 650px;}

.customer-service-form li{margin-top: 20px; position: relative; font-size: 14px;}
.customer-service-form li>span{width: 220px; position: absolute; top: 0; left: 0; height: 40px; line-height: 40px;}
.customer-service-form li>span i{font-size: 12px; color: #FF0000;}
.customer-service-form li>p{width: 100%; padding-left: 230px; position: relative;}
.customer-service-form li>p.purchasing-option label{height: 40px; line-height: 40px; margin-right: 15px; white-space: nowrap; cursor: pointer;}
.customer-service-form li>p.purchasing-option label input{margin-right: 2px;}
.customer-service-form li>p a{display: inline-block; position: relative;}
.customer-service-form li>p a img{border: 1px solid #eee; border-radius: 4px; width: auto; height: 100%;}
.customer-service-form li>p video{max-width: 300px; border: 1px solid #eee;}
.customer-service-form li>p input[type="file"]{width: 300px; position: absolute; top: 0; bottom: 0; opacity: 0; z-index: 2;}
.customer-service-form li>p input[type="text"],.customer-service-form li>p select,.customer-service-form li>p textarea,.customer-service-form li:last-child div input[type="text"]{width: 100%; height: 40px; border: 1px solid #adadad; border-radius: 4px; text-indent: 10px;}
.customer-service-form li:last-child div{ padding-left: 230px; padding-right: 150px; position: relative;}
.customer-service-form li:last-child div p{width: 300px;}
.customer-service-form li:last-child div img{width: 120px; height: 40px; position: absolute; top: 0; left: 550px;}
.customer-service-form li>p textarea{height: 100px; line-height: 25px; padding: 5px 10px; font-size: 14px; text-indent: 0; resize: none;}

.privacy-policy-item{margin-top: 40px;}
.privacy-policy-item dt{font-size: 16px; border-bottom: 1px solid #9F9F9F; line-height: 20px; padding-bottom: 10px;}
.privacy-policy-item p{margin-top: 10px; font-size: 14px; line-height: 20px;}
.privacy-policy-item dd strong{font-weight: normal; font-family: "bold";color:#000;}

.our-company-item{margin-top: 40px;}
.our-company-item>dt{font-family: "bold"; font-size: 16px; border-bottom: 1px solid #9F9F9F; line-height: 20px; padding-bottom: 10px;}
.our-company-item>dd{line-height: 20px; margin-top: 15px; font-size: 14px;}
.our-company-item>dd>p{margin-top: 5px;}

.refund-exchange-title p{font-size: 14px;}
.our-company-item>dd b{font-family: "bold"; font-weight: normal;}

.dis-who-p{font-size: 14px; line-height: 20px;}
.dis-who-p span{font-size: 18px; line-height: 20px; color: #0068B7;}
.dis-who-p a{line-height: 20px; text-decoration: underline; margin-left: 10px;}

.apply-vip li{margin-top: 15px; font-size: 14px; position: relative;}
.apply-vip li p{line-height: 26px;}
.apply-vip li p i{color: #FF0000; font-size: 12px;}
.apply-vip li input[type="text"]{width: 100%; height: 40px; border: 1px solid #adadad; border-radius: 4px; font-size: 14px; padding-left: 5px;}

.uc-message-btn{margin-bottom: 15px;}
.uc-message-btn a{padding: 0 10px; background: #DEDEDE; font-family: "bold"; height: 30px; line-height: 30px; font-size: 14px; margin-right: 15px;}
.uc-message-btn a:hover{background: #0068B6; color: #fff;}
.uc-message-btn a:first-child{color: #fff; background: #0068B6; line-height: 40px; height: 40px; width: 140px; margin-right: 30px;}
.uc-message-btn a:first-child i{margin-right: 5px;}

.club-tab.message-tab tr:first-child td{border-top: 2px solid #E6E6E6; border-bottom: none; font-size: 14px;}
.message-tab tr td img{width: 40px; border-radius: 50%;}

.message-detail-title{border-top: 2px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font-family: "bold"; font-size: 28px; padding: 10px 0;}
.message-detail-con{position: relative; margin: 20px 0;}
.message-detail-con>img{width: 40px; position: absolute; top: 10px; left: 0; border-radius: 50%;}
.message-detail-txt{width: 100%; padding-left: 60px; font-size: 14px;}
.message-detail-txt div{margin-bottom: 20px;}
.message-detail-txt div span{color: #808080;}
.message-detail-txt div span:first-child{color: #000; font-size: 16px; font-family: "bold";}
.message-detail-txt div span:first-child i{font-size: 12px; color: #999; margin-left: 10px;}
.message-detail-txt p{line-height: 20px;}

.uc-club-rules p{line-height: 20px; font-size: 14px;}
.uc-club-rules p.color-main{margin-top: 40px; font-size: 16px;}

.Sunmary-title{margin-top: 40px; font-size: 18px; font-family: "bold";}
.stats-list li{padding: 0 10px; height: 40px; line-height: 40px; margin-top: 10px; margin-right: 10px; font-size: 16px; color: #808080; background: #E9E9E9;}
.stats-list li b{font-family: "bold"; font-weight: normal; font-size: 18px; color: #000; margin-right: 4px;}
.uc-club-Sunmary>p{font-size: 16px; margin-top: 10px;}

.business-center{margin-left: -3.33%;}
.business-center li{width: 30%; margin-left: 3.33%; margin-top: 15px;}
.business-center li p{font-size: 16px; line-height: 20px; height: 40px; margin-top: 15px;}
.business-center li p+p{font-size: 14px; margin-top: 0;}

.hot-new-nav{font-size: 16px;margin: 20px 0 50px; border-bottom: 1px solid #9E9F9F; height: 60px;}
.hot-new-nav a{height: 60px; line-height: 60px; padding: 0 10px; border-bottom: 2px solid transparent;}
.hot-new-nav a+a{margin-left: 50px;}
.hot-new-nav a.active{border-bottom-color: #0068B6;}

.search-empty-form{border-bottom: 1px solid #DEDEDE; margin: 50px 0; padding-bottom: 40px;}
.search-empty-form div{width: 40%; margin: 0 auto; position: relative;}
.search-empty-form div form input[type="text"]{width: 100%; height: 40px; border: 1px solid #DEDEDE; border-radius: 4px; padding-right: 20px; font-size: 14px; text-indent: 10px;}
.search-empty-form div form input[type="submit"]{position: absolute; top: 0; right: 10px; line-height: 40px; font-size: 14px; background: none; border: none; }
.search-empty-tips{text-align: center; font-size: 16px;}

.detail-phone-show{display: none;}

.forget-psw,.activate-account{margin: 50px 0;}
.forget-psw p{font-size: 18px; color: #000; line-height: 24px;margin: 10px;}
.forget-psw p:first-child,.activate-account p:first-child{font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 20px;}
.forget-psw p.forget-prompt{font-size: 14px; color: #808080;}
.forget-psw table tr{margin: 10px 0;}
.forget-psw .f-title{font-size: 18px;}
.forget-psw input[type="text"], .forget-psw input[type="password"]{width: 300px; height: 40px; border: 1px solid #adadad; border-radius: 6px; text-indent: 6px; font-size: 14px;}
.activate-account .check-out-btn a{padding: 0 50px;}

.activate-account p{font-size: 14px; line-height: 22px;}
.activate-account>a{color: #0068B6; font-size: 15px; text-decoration: underline; display: inline-block; margin-top: 20px;}

.buy-address-list{margin-top: 20px; font-size: 16px;}
.address-list-btn{color: #0068B6; text-decoration: underline; cursor: pointer;}

.address-choose{display: none;width: 800px; max-height: 500px; position: fixed; top: 50%; left: 50%; margin-top: -250px; margin-left: -400px; background: #fff; z-index: 999;}
.address-choose-title{height: 40px; background: #0068B6; color: #fff; font-size: 20px; line-height: 40px; text-align: center; position: relative;}
.address-choose-title span{width: 40px; height: 40px; position: absolute; top: 0; right: 0px; cursor: pointer;}
.address-list{min-height: 258px; max-height: 460px; padding: 0 10px 10px 10px; margin-left: -2%; overflow-y: auto;}
.address-list li{width: 48%; margin-left: 2%; margin-top: 20px; background: #EFEFEF; padding: 10px; font-size: 14px; line-height: 24px; cursor: pointer; border: 2px solid transparent; border-radius: 4px;}
.address-list li p{height: 24px; overflow: hidden;}
.address-list li p:nth-child(2){height: 48px;}
.address-list li:hover,.address-list li.active{border-color: #0068B6;}

.pay-pw-box{display: none;width: 300px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;z-index: 999;border-radius: 5px;text-align: center;}
.pay-pw-box h3{background: #0068B6;color:#fff;line-height: 45px;border-radius: 5px 5px 0 0;}
.pay-pw-box h3 span i{width: 40px; height: 40px; position: absolute; top: 0; right: 0px; cursor: pointer;}
.pay-pw-box .pay-pw-buttom{padding: 25px;}
.pay-pw-box p{margin-top: 20px;}
.pay-pw-box p:first-child{margin-top: 0px; font-size: 20px;}
.pay-pw-box p input{border: 1px solid #5c5c61; border-radius: 5px;width: 100%;height: 33px;padding-left: 5px;}
.pay-pw-box p input[type='submit']{width: 100px; background: #0068B6;color:#fff;}


/*logistics*/
.logistics{border: 1px solid #F5F5F5; margin-top: 40px;}
.logistics-title{font-size: 15px; font-family: "bold"; background: #F5F5F5; padding: 15px; color: #333;}
.logistics-progress{width: 900px; margin: 20px auto;}
.logistics-con{margin: 20px; background: #F5F5F5; padding: 20px;}
.logistics-con>p{font-family: "bold"; font-size: 14px; color: #333; margin-bottom: 20px;}
.logistics-con>p span:first-child{font-family: "bold"; color: #0068B6;}
.logistics-con>p span:last-child{color: #F97A00; font-family: "light"; font-size: 16px;}
.logistics-con table{width: 100%;}
.logistics-con table tr td{font-size: 15px; background: #fff; padding: 20px 0 20px 30px;}
.logistics-con table tr:first-child td{background: #D6D6D6;}
.logistics-con table tr td+td{border-left: 1px solid #F5F5F5;}
.logistics-con table tr+tr td{ border-top: 1px solid #F5F5F5;}
/*logistics end*/

/* blog*/
.blog{width: 1200px; margin: 30px auto 0;}
.blog li{width: 31%; margin: 0px 1.166666% 20px; border: 1px solid #F0F1F3; padding-bottom: 10px;}
.blog li h1{padding: 0 10px; margin: 10px 0; line-height: 20px; height: 40px; overflow: hidden; color: #545454; font-size: 14px; font-weight: normal;}
.blog li div{padding: 0 10px; height: 20px; color: #cccfd3;}
.blog li div b{font-weight: normal; margin-left: 5px;}
.blog li div span{margin-left: 10px;}
.blog-btn a{margin: 0 1.166666%; display: block; height: 34px; background: #0068B7; color: #fff; line-height: 34px; text-align: center; border-radius: 6px;}
/* blog end*/

.zj-record-filter .search_int{margin-right: 10px;}
.zj-record-filter select,.zj-record-filter input[type="text"],.zj-record-filter input[type="date"]{width: 120px; height: 40px; border: 1px solid #adadad; text-indent: 4px;}
.zj-record-filter>input[type="text"]{width: 180px;}
.zj-record-filter input[type="date"]{width: 100px;}
.zj-record-filter select+input[type="text"]{margin-left: 10px;}
.zj-record-filter input[type="text"]+select{margin: 0 10px;}
.zj-record-filter div span{position: absolute; top: 6px; right: 5px; color: #666;}
.zj-record-filter div span i{font-size: 20px;}
.zj-record-filter>span{line-height: 40px; margin: 0 5px;}
.zj-record-filter>a{padding: 0 10px; height: 40px; line-height: 40px; background: #0068B6; color: #fff; margin-left: 10px; border-radius: 4px;}

.zj-record-tab table{width: 100%; border-collapse: collapse; margin-top: 20px;}
.zj-record-tab table tr td{padding: 10px 0; border: 1px solid #adadad; text-align: center;}
.color-sr{color: #283DFF;}
.color-zc{color: #FF0005;}

.zj-record{}
.zj-record li{background: #F7F7F7; padding: 10px 5px; margin-top: 10px;}
.zj-record li p{line-height: 22px;}
.zj-record li p span{color: #9A6733;}

.page-ad{height: 100px; position: fixed; top: 0; left: 0; right: 0; z-index: 900;}
.page-ad img{width: 2000px; height: 100px; position: absolute; top: 0; left: 50%; margin-left: -1000px;}
.page-ad span{width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; top: 35px; right: 20px; cursor: pointer;}
.page-ad span i{font-size: 20px; color: #fff;}
.page-ad.on+.header{top: 100px;}
.page-ad.on+.header+.b80{height: 180px;}

.order-submit-success{width: 800px; padding: 50px; margin: 50px auto; text-align: center;}
.order-submit-success h1{font-size: 20px; color: #333; border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px;}
.order-submit-success h2{font-size: 20px; font-weight: normal; color: #666; margin-bottom: 10px;}
.order-submit-success p{font-size: 14px; color: #666; line-height: 24px;}
.order-submit-success a{color: #00a1e9;}
.order-submit-success .go-pro a{display: inline-block; padding: 0 20px; height: 34px; line-height: 34px; margin: 20px 20px 0; background: #009DE0; border-radius: 6px; color: #fff;}
.order-submit-success .highlight{color: #00a1e9;}

@media only screen and (min-width: 1026px) {
	.wrap,.wrap1210,.wrap1220{width: 95%;}
	.indexr-search{width: 200px;}
	.phoneshow{display: none;}
	.pcshow{display: block;}
}

@media only screen and (min-width: 1200px) {
	.wrap{width: 1200px; margin: 0 auto;}
	.wrap1210{width: 1210px; margin: 0 auto;}
	.wrap1220{width: 1220px; margin: 0 auto;}
	.indexr-search{width: 260px; margin-right: 10px;}
}


@media only screen and (max-width: 1300px) {
	.to-top{bottom: 20px; right: 15px; margin-right: 0px;}
}

@media only screen and (max-width: 1200px) {
	.index-slide .slide-txt{top: 30px; left: 100px; margin-left: 0;}
	.products-slide .slide-txt{right: 100px; margin-right: 0;}
	
	.download-search{width: 90%;}
	.support-top-txt,.support-top-icon{left: 50px; margin-left: 0;}
	.re-top .support-rb{display: none;}
	.blog{width: 100%;}
	
	.order-submit-success{width: 100%; padding: 0;}
}

@media only screen and (max-width: 1025px) {
	.wrap,.wrap1210,.wrap1220{width: 95%;}

	.swiper-button-prev,.swiper-button-next{display: none;}
	.productsdetail-slide-btn .swiper-button-prev,.productsdetail-slide-btn .swiper-button-next,.Related .swiper-button-prev,.Related .swiper-button-next{display: block;}
	.new-hot{margin: 20px auto;}
	.index-slide .slide-txt{left: 50px;}
	.index-slide .slide-txt p{font-size: 30px; margin-bottom: 10px;}
	.index-slide .slide-txt p:first-child{font-size: 16px;}
	.index-slide .slide-txt a{font-size: 14px; padding: 0 10px; height: 30px; line-height: 30px;}

	.indexr-search{width: 200px;}
	.phoneshow{display: block;}
	.pcshow{display: none;}
	.header{height: 40px; border: none;}
	.logo{width: 100px; height: 20px; margin-top: 10px;}
	.b80{height: 40px;}
	.b50{height: 20px;}
	.b40{height: 10px;}
	.nav{width: 100%; background: rgba(48,48,48,0.9); float: none; position: absolute; top: 168px; left: 0; padding-bottom: 20px; display: none;}
	.nav>a{display: block; width: 100%; height: 40px; line-height: 30px; margin: 0; padding: 5px 20px; color: #fff;}

	.nav dl{width: 100%;}
	.nav dt{width: 100%; margin: 0; padding: 5px 20px; height: 40px; line-height: 30px;}
	.nav dt a{line-height: 30px; height: 30px; color: #fff;}
	.nav dd{position: static; width: 100%; max-height: 200px; overflow-y: scroll;}
	.item-son{display: none !important;}
	.nav>a:hover:after, .nav>a.active:after, .nav dt a:hover:after, .nav dt a.active:after{width: 0;}
	.nav>a:hover,.nav dt:hover{background: #0068B6;}
	.phone-menu-btn{width: 40px; height: 40px; line-height: 40px; text-align: center;}
	.phone-menu-btn i{font-size: 30px;}
	.phone-search{width: 100%; height: 40px; background: rgba(48,48,48,0.9); padding: 5px 20px; position: absolute; top: 40px; left: 0; right: 0; display: none;}
	.phone-search input[type="text"]{width: 100%; height: 30px; border: none; background: transparent; text-indent: 4px; color: #fff; font-size: 16px;}
	
	.phone-icon{width: 100%; padding: 0px 20px 10px; background: rgba(48,48,48,0.9); position: absolute; top: 80px; left: 0; display: none;}
	.phone-icon ul{border-top: 1px solid #0068B6; border-bottom: 1px solid #0068B6;}
	.phone-icon li{width: 50%; height: 56px; font-size: 16px; text-align: center; margin: 10px 0;}
	.phone-icon li a{color: #fff; display: inline-block;}
	.phone-icon li+li{border-left: 1px solid #0068B6;}
	.phone-icon li a i{color: #fff; font-size: 30px;}
	.phone-icon li a:hover,.phone-icon li a:hover i{color: #0068B6;}
	.to-top{bottom: 20px; right: 15px; margin-right: 0px;}

	.products-slide .slide-txt p{font-size: 50px;}
	
	.cart-title{font-size: 30px; margin: 30px 0 20px;}
	.cart-title i{font-size: 60px;}
	.cart-num-td{display: none;}
	.cart-tab tr td.cart-name{width: 55%;}
	
	.check-order{margin-top: 0;}
	.cart2-title,.pay-order{margin-top: 20px;}
	.check-order-l,.pay-order{width: 100%; border: none; padding-right: 0;}
	.check-order-r{width: 100%; padding: 20px 0;}
	
	.uc-info>img{width: 60px;}
	.uc-info-txt p{font-size: 20px;}
	.order-category li a{font-size: 16px;}
	.order-tab thead tr td:nth-child(2),.order-tab thead tr td:nth-child(3){display: none;}
	.order-tab tbody td.order-total,.order-tab tbody td.order-operate{display: none; width: 0;}
	.order-pro-img{width: 20%;}
	.order-pro-name{width: 60%;}
	.order-pro-price{width: 20%; text-align: center;}
	.order-tab tfoot{display: table-footer-group;}
	.order-tab tfoot tr td{border-top: 1px solid #F5F5F5;}
	.order-tab tfoot .order-total,.order-tab tfoot .order-operate{border: none;}
	.order-operate a{padding: 0 10px 0 0;}
	
	.order-category{margin-top: 20px;}
	.order-tab{margin-top: 20px;}
	.order-category li:hover a{background: #FAFAFA; color: #000;}
	
	.address-form{margin-left: 0;}
	.address-form li{width: 100%; margin-left: 0;}
	
	.support-top-txt p{font-size: 14px;}
	.support-top-txt p:first-child{font-size: 30px; line-height: 30px; height: 30px; margin-bottom: 10px;}
	.support-top-icon li{width: 120px; padding: 0 10px;}
	.support-top-icon li span{width: 50px; height: 50px; line-height: 46px;}
	.support-top-icon li span i{font-size: 28px;}
	.support-top-icon li span i.icon-user{font-size: 34px; top: 4px;}
	.support-top-icon li p{font-size: 13px;}
	
	.refund-exchange-form li>span{position: static;}
	.refund-exchange-form li div{padding-left: 0;}
	.refund-exchange-form li:nth-child(4)>span, .refund-exchange-form li:nth-child(5)>span{height: 40px; line-height: 40px;}
	.refund-exchange-form li:nth-child(6) img{left: 480px;}
	
	.logistics-progress{width: 90%;}
	
	.rawards{margin-top: 0px;}
	.new-reward a{width: 100px; font-size: 13px;}
	.new-reward p{padding-right: 110px;}
	
	.page-ad{height: 50px;}
	.page-ad img{width: 1000px; height: 50px; margin-left: -500px;}
	.page-ad span{top: 10px;}
	.page-ad.on+.header{top: 50px;}
	.page-ad.on+.header+.b80{height: 90px;}
}

@media only screen and (max-width: 900px) {
	.index-txt-title span{font-size: 20px;}
	.index-txt-title a{font-size: 14px; height: 30px; line-height: 30px; margin-top: 5px;}
	
	.cart2-title{font-size: 20px; text-align: center;}
	.cart2-title i{font-size: 36px; margin-right: 15px; vertical-align: middle;}
	.club-tab-user img{width: 24px;}
	
	.club-nav{margin: 20px 0;}
	.club-nav li{height: 34px; margin-right: 10px;}
	.club-nav li a,.club-nav li dt{height: 34px; padding: 0 10px; line-height: 34px;}
	
	.club-detail{width: 100%;}
	
	.order-category{width: 100%; height: 40px; overflow-x: auto; overflow-y: hidden;}
	.order-category ul{width: 882px; height: 40px;}
	
	.activities-con{height: auto;}
	.uc-club-nav,.activities-con-nav{display: none;}
	.uc-club-nav2{display: block; margin: 20px 0;}
	.activities-con-txt{padding-left: 0;}
	
	.support-top-txt,.support-top-icon{left: 30px; margin-left: 0;}
	.support-top-txt{top: 30px;}
	.support-top-icon{bottom: 30px;}
	
	.blog li{width: 48%; margin: 0 1% 10px;}
}

@media only screen and (max-width: 768px) {
	.new-hot-txt{padding: 20px;}
	.cate-title span{font-size: 24px;}
	.new-hot-txt p:first-child{font-size: 20px; margin-bottom: 5px;}
	.new-hot-txt p{font-size: 12px;}
	.new-hot-txt span{margin-top: 10px;}
	.index-txt-title span{font-size: 18px;}
	.index-txt-title a{font-size: 14px; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 10px;}
	.footer-con>*{width: 100%; margin-bottom: 20px; text-align: center;}
	.footer-con>*>*{float: none;}
	.footer-con>div dl+dl{margin-top: 20px;}
	.share-list{display: table; margin: 0 auto;}
	.footer-bottom{height: auto; padding: 10px 0;}
	.footer-bottom p,.footer-bottom div{width: 100%; text-align: center; line-height: 20px;}
	.cate-list li{width: 50%;}
	.new-hot li,.cate-list li:nth-child(1),.cate-list li:nth-child(2),.cate-list li:nth-child(3),.index-txt{width: 100%; margin-bottom: 10px;}
	.to-top{bottom: 20px; right: 10px; margin-right: 0px;}
	
	.login{margin: 0 auto;}
	.to-register{width: 100%; padding: 50px 50px 0;}
	.login-con{width: 100%; border: none;}
	.to-register p{height: auto;}
	.to-register a{margin-top: 20px;}
	
	.register-img{width: 100%; padding: 0 50px;}
	.register .login-con{margin: 0;}
	
	.sl-con{width: 60%; padding: 20px 30px;}
	.sl-con>a{width: 160px; height: 30px;}
	.sl-list li{width: 25%; margin-top: 10px;}
	.sl-list li img{width: 40px; height: 40px;}
	
	.club-phoneshow{display: block;}
	.club-tab tr:first-child{display: none;}
	.club-tab tr td+td{display: none;}
	.club-tab-txt p:nth-child(3){display: none;}
	
	.new-topic-name{width: 100%;}
	.new-topic-name div{width: 100% !important;}
	.new-topic-name input[type="text"],.new-topic-name select{width: 100%; height: 40px; border: none; background: #fff; border-radius: 6px; text-indent: 4px; font-size: 14px;}
	.new-topic-name select{margin-top: 10px;}
	.new-topic-txt{height: 200px;}
	
	.uc-profile-form{margin: 0;}
	.uc-profile-form li:nth-child(1), .uc-profile-form li:nth-child(2){width: 100%;}
	.uc-profile-form li{width: 100%; margin-top: 20px; margin-left: 0;}
	.check-out-btn.check-out-btnlong{margin-top: 20px;}
	
	.uc-nav{height: 80px;}
	.uc-nav a{height: 80px;}
	.uc-nav a span{margin-top: 14px; width: 30px; height: 30px; line-height: 30px;}
	.uc-nav a i{font-size: 24px;}
	.uc-nav a i.icon-dizhi-copy{font-size: 30px;}
	
	.activities-topics-title{margin-bottom: 10px; display: inline-block;}
	.activities-topics-con{display: none;}
	
	.support-top-icon,.support-top-txt{display: none;}
	.support-rb,.download-search{width: 100%;}
	.support-nav a{width: 33.33%;}
	.support-rb{padding: 10px 20px;}
	.download-search p{margin-bottom: 5px;}
	.download-search p:first-child{font-size: 28px; height: 24px; line-height: 24px;}
	.download-list li{width: 48%; margin-top: 20px;}
	
	.refund-exchange-title{margin: 20px 0 10px; font-size: 26px;}
	
	.re-top .support-top-icon,.re-top .support-top-txt{display: block !important;}
	.customer-service-form li{margin-top: 10px;}
	.customer-service-form li>span{position: static;}
	.customer-service-form li>p{padding-left: 0;}
	.customer-service-form li:last-child div{padding-left: 0;}
	.customer-service-form li:last-child div p{width: 100%;}
	.customer-service-form li:last-child div img{left: auto; right: 0;}
	
	.privacy-policy-item,.our-company-item{margin-top: 20px;}
	.privacy-policy-item dd,.our-company-item>dd{margin-top: 10px;}
	
	.club-tab.message-tab tr:first-child{display: table-row;}
	.club-tab.message-tab tr td:nth-child(2){display: table-cell; width: 90%;}
	
	.uc-club-rules p.color-main{margin-top: 20px;}
	
	.search-empty-form{margin: 20px 0; padding-bottom: 20px;}
	.search-empty-form div{width: 80%;}
	
	.address-list li p{height: auto !important;}
	.address-choose{width: 90%; position: fixed; top: 50%; left: 5%; margin-top: 0; margin-left: 0px; overflow: hidden; transform: translateY(-50%);}
	.address-list{padding: 0 10px 10px; margin-left: 0%;}
	.address-list li{width: 100%; margin-left: 0%;}
	
	.products-slide-btn{width: 100%; overflow-x: auto; overflow-y: hidden;}
	.products-slide-btn ul{width: 900px;}
	.products-slide-btn li{width: 100px; padding: 30px 15px;}
	
	.blog li{width: 100%; margin: 0 0 10px;}
}

@media only screen and (max-width: 700px) {
	.index-slide .slide-txt{top: 10px; left: 30px;}
	.index-slide .slide-txt p{font-size: 20px;}
	.index-slide .slide-txt p:first-child{font-size: 14px;}
	.index-slide .slide-txt a{font-size: 12px; height: 20px; line-height: 20px;}
	
	.products-slide .slide-txt{top: 10px; right: 30px;}
	.products-slide .slide-txt p{font-size: 20px;}
	
	.products-slide-btn{height: 90px;}
	.products-slide-btn li{height: 90px; padding: 10px;}
	.products-slide-btn li span{width: 40px; height: 40px;}
	
	.products-title{margin: 20px 0; font-size: 20px;}
	.products-title i{font-size: 40px; margin-right: 10px;}

	.products-list a{width: 50%; margin-bottom: 10px;}
	.products-addcart i{left: -7px;}
	
	.products-detail-img,.products-detail-info{width: 100%;}
	.products-detail-info{margin-top: 30px;}
	.productsdetail-txt-nav li{padding: 0; margin: 0 10px; font-size: 16px;}
	.productsdetail-txt{margin-top: 30px;}
	.productsdetail-txt-con-item{margin-top: 20px;}
	
	.addcart-tips{width: 80%; padding: 20px; height: 172px; position: fixed; top: 50%; left: 10%; margin-top: -86px; margin-left: 0;}
	.addcart-tips p{font-size: 18px; text-align: center; margin-bottom: 30px;}
	.addcart-tips p:first-child{font-size: 24px; font-family: "bold"; color: #0068B6; margin-bottom: 20px;}
	
	.delcart-tips{width: 80%; padding: 20px; height: 172px; position: fixed; top: 50%; left: 10%; margin-top: -86px; margin-left: 0;}
	.delcart-tips p{font-size: 18px; text-align: center; margin-bottom: 30px;}
	.delcart-tips p:first-child{font-size: 24px; font-family: "bold"; color: #0068B6; margin-bottom: 20px;}
	
	.pay-order-title{font-size: 22px; margin-bottom: 15px;}
	.pay-order>p.b-line{margin-bottom: 25px; padding-bottom: 25px;}
	.pay-info{margin-top: 10px;}
	
	.club-nav div{width: 100%; height: 34px; overflow-y: hidden; overflow-x: auto;}
	.club-nav div ul{width: 420px;}
	.club-nav>a{margin-top: 20px;}
	
	.club-nav li dt select{z-index: 2;}
	
	.changepwd-title{margin-top: 20px;}
	.changepwd-form li{margin-top: 10px;}
	
	.order-detail dd li{width: 100%;}
	
	.address-title{margin-top: 20px;}
	.address-form li{margin-top: 5px;}
	.address-form li p{position: static;}
	.address-form li div{padding-left: 0;}
	
	.refund-exchange-form li{margin-top: 10px;}
	
	.support-top-txt p{font-size: 14px;}
	.support-top-txt p:first-child{font-size: 18px; line-height: 20px; height: 20px; margin-bottom: 0;}
	.support-top-icon li{width: 120px; padding: 0 10px;}
	.support-top-icon li span{width: 30px; height: 30px; line-height: 26px;}
	.support-top-icon li span i{font-size: 18px;}
	.support-top-icon li span i.icon-user{font-size: 22px; top: 2px;}
	.support-top-icon li p{font-size: 13px; height: 32px; line-height: 16px;}
	
	.re-email, .re-name, .re-orderid, .re-proname,.re-reex,.re-reason,.refund-exchange-form li div>span,.re-seriesNo{width: 100%;}
	.re-name,.re-proname{margin-top: 10px;}
	.re-proname,.re-reason{margin-left: 0;}
	.refund-exchange-form li div>span,.re-seriesNo{margin: 0;}
	
	.refund-exchange-form li:nth-child(6) div p{width: 100%; padding-right: 130px;}
	.refund-exchange-form li:nth-child(6) img{left: auto; right: 0;}
	
	.hot-new-nav{margin: 0 0 20px;}
	.search-empty-form div{width: 96%;}
	

	.detail-phone-show{display: table-row; text-align: center;}
	.detail-phone-show td img{margin: 20px 0;}
	.detail-phone-hide td:first-child{display: none;}
	.detail-phone-hide.detail-phone-hide2 td:first-child{display: table-cell;}
	.detail-phone-hide.detail-phone-hide2 td:last-child{display: none;}
	.highlights tr.detail-phone-hide td{width: 100%;}
	.highlights tr td p{width: 100%;}
	.highlights tr td p:first-child{margin-bottom: 10px; height: auto;}

	.forget-psw,.activate-account{margin: 20px 0;}

	.logistics-con>p{margin-bottom: 0; padding: 10px;}
	.logistics-con{margin: 10px; padding: 0px;}
	.logistics-con table tr td{padding: 15px 10px;}
	
	.check-order-l .raward-list{margin-left: 0%;}
	.check-order-l .raward-list li{width: 100%; margin-left: 0%; margin-top: 10px;}
}

@media only screen and (max-width: 500px) {
	.login-form span{position: static;}
	.login-form p{padding: 0;}
	.sl-con{width: 90%;}
	
	.cart-title{font-size: 20px; margin: 20px 0 10px;}
	.cart-title i{font-size: 40px;}
	
	.co-address li{margin-top: 10px;}
	.co-address li span{position: static;}
	.co-address li p{padding-left: 0;}
	
	.changepwd-form li p{position: static;}
	.changepwd-form li div{padding-left: 0;}
	
	.order-tab thead tr td span{display: block;}
	
	.download-search p:first-child{font-size: 16px; line-height: 16px; height: 16px;}
	.download-list li{width: 100%; margin-left: 0;}
	.download-list{margin-left: 0; margin-top: 10px;}
	
	.support-top-txt{top: 5px;}
	.support-top-icon{bottom: 5px;}
	.support-top-icon li{width: 100px;}
}

@media only screen and (max-width: 400px) {
	.products-slide-btn{height: 74px;}
	.products-slide-btn ul{width: 810px;}
	.products-slide-btn li{height: 74px; width: 90px;  padding: 10px;}
	.products-slide-btn li span{width: 30px; height: 30px;}

	.new-hot-txt{padding: 5px;}

	.productsdetail-txt-nav li{font-size: 14px;}
	
	.uc-profile-form li{margin-top: 5px;}
	.uc-profile-form li:nth-child(1), .uc-profile-form li:nth-child(2){width: 100%;}
	.uc-profile-form li p{position: static;}
	.uc-profile-form li div{padding-left: 0;}
	
	.order-total p{padding-left: 10px;}
	.support-top-icon li{width: 90px;}
	.support-top-icon{bottom: 0;}
	
	.uc-message-btn a{margin-right: 6px; padding: 0 5px;}
	.uc-message-btn a:first-child{width: 130px; margin-right: 6px;}
}

@media only screen and (max-width: 320px) {
	
}
.goods-box, products-img{display: none;}

/*加载中*/
#loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  background: rgba(0,0,0,.2);
  min-height: 100vh;
  width: 100%;
  -webkit-animation: 1s fadeIn linear;
       -o-animation: 1s fadeIn linear;
          animation: 1s fadeIn linear
}
#loading.show {
  display: block;
}
.loading-box{
  position:relative;
  min-height:20rem;
}
.loading-box .loading-cell{
  color:#9e9f9f;
  top: 50%;
  margin-top:-45px;
}
.loading-box .loading-cell .iconfont{
  -webkit-animation: 1s loading linear infinite;
       -o-animation: 1s loading linear infinite;
          animation: 1s loading linear infinite;
}
.loading-cell {
  position: absolute;
  top: 36%;
  left: 50%;
  color: #fff;
  width:6rem;
  margin-left: -3rem;
  text-align:center;
}
.loading-cell span {
  display: block;
}
.loading-cell i {
  position:relative;
  display: inline-block;
  vertical-align:top;
  text-shadow: 0px 0px 3px #ccc;
  font-size: 3rem;
  line-height:5rem;
}
.loading-cell b {
  position:absolute;
  top:1.3rem;
  -moz-transform:translateY(.2rem);
  height:2rem;
  left:14%;
  width:70%;
  font-size:2.5rem;
  white-space:nowrap;
  overflow:hidden;
  -webkit-animation: 2s bettering linear infinite;
       -o-animation: 2s bettering linear infinite;
          animation: 2s bettering linear infinite;
}
.loading-cell b em{
  float:left;
}
.loading-cell b em i{
  width:.3rem;
  float:left;
  margin-right:.3rem;
  -webkit-box-shadow: 0px 0px 3px #ccc;
          box-shadow: 0px 0px 3px #ccc;
  height:2rem;
  background:white;
}
_:-ms-lang(x), .loading-cell b { -ms-transform: translateY(.2rem); transform: translateY(.2rem);}

@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  from {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes loading {
  from {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes fadeIn {
  from{
    background:rgba(0, 0, 0, 0);
  }
  to{
    background:rgba(0, 0, 0, .2);
  }
}
@-o-keyframes fadeIn {
  from{
    background:rgba(0, 0, 0, 0);
  }
  to{
    background:rgba(0, 0, 0, .2);
  }
}
@keyframes fadeIn {
  from{
    background:rgba(0, 0, 0, 0);
  }
  to{
    background:rgba(0, 0, 0, .2);
  }
}
@-webkit-keyframes bettering {
  0% { width: 0; }
  40% { width: 70%; }
  60%{ width:70%; }
  100% { width: 0%; }
}

@-o-keyframes bettering {
  0% { width: 0; }
  40% { width: 70%; }
  60%{ width:70%; }
  100% { width: 0%; }
}

@keyframes bettering {
  0% { width: 0; }
  40% { width: 70%; }
  60%{ width:70%; }
  100% { width: 0%; }
}

.loading2{color: #575757; text-align: center; height: 74px;}
.loading2 i{font-size: 50px; animation: 1s zq linear infinite; display: inline-block; width: 50px; height: 54px;}
.loading2 p{line-height: 20px; height: 20px;}


@-webkit-keyframes zq {
  0% {transform: rotate(0); -webkit-transform: rotate(0);}
  100% {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}

@-o-keyframes zq {
  0% {transform: rotate(0); -o-transform: rotate(0);}
  100% {transform: rotate(360deg); -o-transform: rotate(360deg);}
}

@keyframes zq {
  0% {transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0);}
  100% {transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);}
}

.tips{display: none;background: #151513; position: absolute; white-space: nowrap; bottom: -30px; right: 0; color: #fff; line-height: 24px; z-index: 3; padding: 0 5px;}
.tips:before{content: ''; border-bottom: 5px solid #151513; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: -5px; right: 10px;}


.products-empty{text-align: center; font-size: 16px; color: #333;}
.products-empty i{font-size: 30px; color: #DBDBDB; vertical-align: middle; margin-right: 10px;}

.orders-empty{text-align: center; margin: 150px 0 100px; font-size: 16px; color: #333;}
.orders-empty i{font-size: 30px; color: #DBDBDB; vertical-align: middle; margin-right: 10px;}

.info-empty{text-align: center; margin: 50px 0 100px; font-size: 16px; color: #333;}
.info-empty i{font-size: 30px; color: #DBDBDB; vertical-align: middle; margin-right: 10px;}

.delete-img{position: absolute;top: -6px;right: -8px;padding: 3px;}
.delete-img i{background-color: #ff0000;color: #fff;border-radius: 50%;padding: 0px 4px 0px 3px;text-align: center; font-family: specified;}