@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:Open Sans, Arial,Microsoft YaHei; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; }

body { background: #fff; color: #000; font-size: 14px; margin-left: auto; margin-right: auto; line-height: 1.1; background-color:#2a2b2d;}

ul, ol { list-style-type: none; }

button { border: none; cursor: pointer; background-color: transparent; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; color: #f13a3a; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; }

.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }

.clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.bk { border: 1px red solid; }

.none { display: none !important; }

.container { width: 1200px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }

.container:before, .container:after { content: ''; display: table; width: 100%; clear: both; font-size: 0; }

.mod-faq-content{float:left; width:100%;}
.mod-faq-content .item{float:left; width:100%; margin:20px 0 0; border-radius:8px; background:#f3f3f3; transition:all 0.3s ease 0s;}
.mod-faq-content .item .title{float:left; padding:15px; width:100%; color:#fff; height:auto; font-size:14px; line-height:22px; background:#45484a; border-radius:8px; box-sizing:border-box;}
.mod-faq-content .item .cont{float:left; padding:15px; width:100%; border-top:solid 2px #ee4035; line-height:23px; font-size:14px; color:#45484a; box-sizing:border-box;  display:none;}
.mod-faq-content .item.current .title{border-radius:8px 8px 0 0;}
.mod-faq-content .item.current .cont{ display:block;}

/*导航按钮*/
.navbtn { display: none; position: absolute; z-index: 99; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #50a9b5; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.navbtn.navclose span:nth-child(1) { -moz-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); }

.navbtn.navclose span:nth-child(2) { opacity: 0; }

.navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); -webkit-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

.popbox{position:fixed; left:50%; top:-100%; padding-bottom:0; margin-left:-400px; transform:translateY(-50%);  width:800px; z-index:999; opacity:0;}
.popbox.active{ top:50%; opacity:1; transition:all 0.8s ease-out 0s;}
.pop{float:left; width:100%; background-color:#fafafa; box-shadow:0 9px 30px -6px rgba(0,0,0,.5),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04); border-radius:10px;  position:relative; overflow:hidden;}
.popbox a.close_pop{ position:absolute; width:37px; height:37px; right:-17px; top:-15px; background:url(/fancybox/fancybox_sprite.png) no-repeat;}
.pop .title{float:left; padding:15px 20px; width:100%; background-color:#f7f7f7; border-bottom:solid 1px #eee; box-shadow: 0 1px 1px 1px #F6F6F6; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f4f4f4)); background: -moz-linear-gradient(top,  #fafafa,  #f4f4f4); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f4f4f4'); color:#000; font-size:15px; text-align:center;}
.pop a.viewmore{float:left; padding:5px 0; width:100%; text-align:center; font-size:15px; line-height:25px; color:#ff7e00; font-family:TrumpGothicPro-Bold; background:#f8f8f8; border-top:solid 1px #eee;}
.pop a.viewmore:hover,.pop a.viewmore:active{ background-color:#f5f5f5;}
.popbox .scrollbox{float:left; width:100%; height:42px; line-height:42px; white-space:nowrap; background:#f8f8f8; color:#f13a3a; border-bottom:solid 1px #eee; }
.popbox .pics-info{float:left; margin-top:20px; width:100%; padding:0 19px;}
.popbox .pics-info img{float:left; width:100%;}
.popbox .new{ position:absolute; left:-26px; top:7px; padding:5px 0; width:90px; background-color:#d13f3b; color:#fff; font-size:13px; font-weight:bold; text-align:center; transform:rotate(-45deg);}
.pop ul{float:left; width:100%; padding:15px 10px; margin:0; list-style-type:none; display:flex; display:-webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:flex-start; max-height:460px; overflow-y:auto;}
.pop ul li{width:30%; line-height:30px; margin-bottom:15px; text-align:center;}
.pop ul li img{float:left; width:100%;}

/* 头部 */
.header{border-bottom:solid 1px #eee; background-color:#fff; }
.header .logo { float: left; height: 105px; line-height: 105px; font-size: 32px; padding-left:50px; background-image:url(/images/logo.png); background-repeat:no-repeat; background-position:0 center; background-size:auto 50px; font-family:Open Sans;}

.header .navbar { float: right; line-height: 105px; }

.header .navbar a { float: left; display: block; text-align: center; padding-left: 20px; padding-right: 20px; margin-left: 5px; margin-right: 5px; border-top: 2px transparent solid; color: #4d4d4d; font-size: 16px; text-transform: capitalize; }

.header .navbar a:hover, .header .navbar a.current { color: #f13a3a; border-color: #f13a3a; }

/* 首页 */
.main{padding-bottom:30px; background-color:#fff;}
.wrapper{background-color:#fff; }
.banner { position: relative; overflow: hidden; }
.banner .star{position:absolute; left:2.6%; top:34%; width:18%; height:24px;}
.banner img{width:100%;}
.banner .button-prev, .banner .button-next { opacity: .2; position: absolute; z-index: 9; top: 50%; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 0; cursor: pointer; border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }

.banner .button-prev:hover, .banner .button-next:hover { opacity: 1; }

.banner .button-prev { left: 5%; padding-right: 5px; }

.banner .button-next { right: 5%; padding-left: 5px; }

.banner .swiper-pagination { bottom: 20px !important; }

.banner .swiper-pagination span { width: 10px; height: 10px; }

.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color: #f13a3a; }

.product-type { overflow: hidden; }

.product-type ul { overflow: hidden; }

.product-type ul li { display: flex; display: -webkit-flex; flex-flow: column wrap; justify-content: center; float: left; width: 20%; height: 240px; text-align: center; border-radius: 3px; }

.product-type ul li .icon { display: block; height: 60px; background-position: center top; background-repeat: no-repeat; background-size: auto 200%; }

.product-type ul li h2 { height: 20px; line-height: 20px; padding-top: 40px; font-size: 16px; font-weight: normal; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.product-type ul li:hover h2 { font-size: 17px; letter-spacing: 1px; }

.product-display { padding-top: 95px; background-color:#fff; background-image: url(/images/i_pro_dis_bg.jpg); background-position: center center; background-size: cover; }

.product-display .box-title { text-align: center; }

.product-display .box-title h3 { position: relative; display: inline-block; height: 20px; line-height: 20px; color: #666; font-size: 17px; font-weight: normal; text-transform: uppercase; }

.product-display .box-title h3:before, .product-display .box-title h3:after { content: ''; position: absolute; top: 9.5px; width: 70px; height: 1px; background-color: #999; }

.product-display .box-title h3:before { left: -80px; }

.product-display .box-title h3:after { right: -80px; }

.product-display .box-title p { margin-top: 25px; color: #999; font-size: 16px; }

.product-display .pro-dis-list { margin-top:60px; padding-bottom: 150px; overflow: hidden; }

.product-display .pro-dis-list .item { float: left; padding:10px 5px; margin-right:0.5%; width:24.5%; overflow: hidden; border:solid 3px #f13a3a; transition:all 0.3s ease 0s; }
.product-display .pro-dis-list .item:hover{ background-color:#fff; transform:rotateY(-5px); transition:all 0.3s ease 0s; box-shadow:0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);}
.product-display .pro-dis-list .item .info { display: flex; display: -webkit-flex; flex-flow: column; justify-content: center; align-items: center; height:120px; text-align: center; }

.product-display .pro-dis-list .item .img{width:100%; padding:15px 0; text-align:center;}
.product-display .pro-dis-list .item .img img{height:130px;}

.product-display .pro-dis-list .item .info h2 { font-weight: normal; }

.product-display .pro-dis-list .item .info span { display: block; margin-top: 10px; }

.product-display .pro-dis-list .item .info .link-button { display: block; width: 185px; height: 35px; line-height: 31px; margin-top: 20px; text-align: center; border: 2px #ccc solid; border-radius: 3px; }

.product-display .pro-dis-list .item .info .link-button:hover { border-color: #f13a3a; }

.product-display .pro-dis-list .item .pic { padding:0 5px; position: relative; height:860px; line-height:20px; text-align:center; color:#888; display:flex; display:-webkit-flex; justify-content:center; align-content:center; align-items:center; }

.product-display .pro-dis-list .item .pic img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 100%; min-height: 100%; max-width: none; max-height: none; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; }

.product-display .pro-dis-list .item .pic:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }

.new-products { padding-top: 85px; padding-bottom:85px; background-color:#fff; background-image: url(/images/i_new_pro_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: 110% auto; }

.new-products .box-title { text-align: center; }

.new-products .box-title h3 { text-transform: uppercase; color: #fff; font-size: 36px; }

.new-products .box-title p { margin-top: 25px; color: #fff; font-size: 16px; }

.new-products .pro-main { margin-top: 80px; padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 70px; background-color: #fff; background-image: url(/images/zs_icon.jpg); background-position: left bottom; background-repeat: no-repeat; overflow: hidden; }

.new-products .pro-main .fl { width: 21.66667%; }

.new-products .pro-main .fl dl { line-height: 20px; }

.new-products .pro-main .fl dl dt { color: #282727; font-size: 20px; }

.new-products .pro-main .fl dl dd { margin-top: 10px; color: #ababab; font-size: 13px; }

.new-products .pro-main .fl .pic { margin-top:52px; overflow: hidden; }

.new-products .pro-main .fl .pic img { width: 100%; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; }

.new-products .pro-main .fl .pic:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }

.new-products .pro-main .fr { width: 68.33333%; }

.new-products .pro-main .fr img { display: block; width: 100%; }

.new-products .list { margin-top: 50px; }

.new-products .list .item { float: left; width:24%; margin-right:1.3%; text-align: center; }
.new-products .list .item:last-child{ margin-right:0;}
.new-products .list .item .pic { display: block; width: 100%; height: auto; overflow: hidden; }

.new-products .list .item .pic img { transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; }

.new-products .list .item .pic:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }

.new-products .list .item .title { display: block; margin-top: 20px; color: #0a0a0a; font-size: 18px;}

.new-products .list .item .title:hover { color: #f13a3a; }

.new-products .list .item .text { margin-top: 10px; color: #757575; font-size: 14px; }

.new-products .list .item .more { display: block; width: 170px; height: 55px; line-height: 55px; margin-top: 35px; margin-left: auto; margin-right: auto; background-color: #282828; color: #fff; font-size: 14px; border-radius: 2px; }

.new-products .list .item .more:hover { opacity: .9; }

.brand-js { padding-top: 85px; padding-bottom: 170px; background-color: #f7f7f7; }

.brand-js .box-title { text-align: center; }

.brand-js .box-title h3 { text-transform: uppercase; color: #393939; font-size: 36px; }

.brand-js .box-title p { margin-top: 10px; color: #393939; font-size: 12px; }

.brand-js .box-title:after { content: ''; display: block; width: 30px; height: 2px; margin-top: 25px; margin-left: auto; margin-right: auto; background-color: #d1d1d1; }

.brand-js .content { position: relative; margin-top: 90px; }

.brand-js .fl { width: 480px; height: 585px; line-height: 585px; padding-right: 120px; background-image: url(/images/i_brand_l_bg.png); background-position: right center; background-repeat: no-repeat; background-size: contain; }

.brand-js .fr { position: relative; width: 33%; height: 585px; padding-left: 35px; padding-top: 35px; padding-right: 10px; background-image: url(/images/i_brand_r_bg.png); background-position: left 70%; background-repeat: no-repeat; background-size: auto; }

.brand-js .fr img { position: relative; z-index: 9; }

.brand-js .fr:before { content: ''; position: absolute; top:26px; right: 0; width: 85%; height: 80%; background-color:#ddd; }

.brand-js .info { position: absolute; top: 240px; left: 410px; width: 375px; }

.brand-js .info h4 { color: #393939; font-size: 30px; }

.brand-js .info p { line-height: 20px; margin-top: 5px; color: #393939; font-size: 12px; }

.brand-js .info .price { margin-top: 45px; text-align: center; color: #282727; font-size: 36px; font-family: 'Microsoft YaHei'; }

.brand-js .info .price small { font-size: 18px; font-family: 'Microsoft YaHei'; }

.brand-js .info .more { display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; margin-top: 60px; margin-left: auto; margin-right: auto; background-color: #f23a3a; border-radius: 2px; color: #fff; font-size: 16px; }

.brand-js .info .more:hover { opacity: .9; }

/* 内页 */
.inside-banner { height: 380px; background-position: center center; background-size: cover; }

/* 产品列表 */
.products-list { margin-top: 105px; }

.products-list .wrapper-head { line-height: 50px; overflow: hidden; border-bottom: 1px #dcdcdc solid; }

.products-list .wrapper-head h4 { float: left; color: #212121; font-size: 24px; font-weight: normal; }

.products-list .wrapper-head a { float: right; display: block; color: #999; font-size: 14px; text-transform: uppercase; }

.products-list .wrapper-head a small { font-size: 12px; }

.products-list .wrapper-head a:hover { color: #f13a3a; }

.products-list .list { overflow: hidden; }

.products-list .list ul { padding-top: 35px; margin-right: -12.5px; margin-left: -12.5px; overflow: hidden; }

.products-list .list ul li { float: left; width: 25%; padding-left: 12.5px; padding-right: 12.5px; margin-bottom: 70px; text-align: center; }

.products-list .list ul li .pic { display: block; height: 265px; line-height: 265px; overflow: hidden; font-size: 0; }

.products-list .list ul li .pic img { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.products-list .list ul li .pic:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }

.products-list .list ul li .title { display: block; line-height: 35px; padding-left: 5px; padding-right: 5px; color: #212121; font-size: 16px; border-bottom: 1px #ccc dashed; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.products-list .list ul li .title:hover { color: #f13a3a; border-color: #f13a3a; }

.products-list .list ul li .price { margin-top: 5px; text-align: center; color: #f13a3a; font-size: 18px; font-family: 'Microsoft YaHei'; }

.products-list .list ul li .price small { font-size: 12px; font-family: 'Microsoft YaHei'; }

/* 新闻列表 */
.news-list { margin-top: 105px; padding-bottom: 130px; }

.news-list ul { overflow: hidden; }

.news-list ul li { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px #eee dashed; overflow: hidden; }

.news-list ul li .link { float: left; width: 85%; }

.news-list ul li .link a { display: block; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #202020; font-size: 18px; }

.news-list ul li .link a:hover { color: #f13a3a; }

.news-list ul li .link .text { line-height: 28px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #737373; font-size: 14px; }

.news-list ul li .date { float: right; width: 13%; line-height: 1.2; text-align: right; color: #666; font-size: 16px; font-family: 'Microsoft YaHei'; }

/* 新闻详情 */
.news-detail { margin-top: 105px; padding-bottom: 130px; }

.news-detail h1 { text-align: center; font-size: 30px; }

.news-detail .content { line-height: 2; margin-top: 50px; font-size: 14px; color: #666; }

.news-detail .prev-next { margin-top: 80px; text-align: center; font-size: 0; }

.news-detail .prev-next a { display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 16px; text-transform: capitalize; }

/* 关于我们 */
.about-single { margin-top: 105px; padding-bottom: 130px; }

.about-single .title { text-align: center; color: #222; font-size: 30px; font-weight: normal; text-transform: uppercase; }

.about-single .content { line-height: 30px; margin-top: 25px; padding-left: 100px; padding-right: 100px; color: #7a7a7a; font-size: 14px; }

.about-single .list { margin-top: 100px; overflow: hidden; }

.about-single .list .item { float: left; width: 33.33%; padding-left: 20px; padding-right: 20px; text-align: center; }

.about-single .list .item .text { line-height: 30px; margin-top: 30px; color: #666; font-size: 16px; font-family: 'Microsoft YaHei'; }

.about-single .map { width: 100%; height: 400px; margin-top: 135px; }

/* 产品详情 */
.products_detail .wrapper-title { height: 50px; line-height: 48px; margin-top: 20px; border-bottom: 1px #ccc solid; }

.products_detail .wrapper-title h3 { float: left; width: 140px; text-align: center; color: #f13a3a; font-size: 16px; font-weight: normal; border-bottom: 2px #f13a3a solid; }

.products_detail .detail-product { margin-top: 35px; overflow: hidden; }

.products_detail .detail-product .fl { width: 45.83333%; }

.products_detail .detail-product .fr { width: 50%; }

.products_detail .detail-product .gallery-top { position: relative; float: left; width: 81.81818%; height: 400px; line-height: 400px; text-align: center; border: 1px #eee solid; font-size: 0; overflow: hidden; }

.products_detail .detail-product .gallery-thumbs { position: relative; float: right; width: 16.36364%; height: 400px; overflow: hidden; }

.products_detail .detail-product .gallery-thumbs .swiper-slide { display: flex; display: -webkit-flex; flex-flow: column wrap; justify-content: center; cursor: pointer; border: 1px #eee solid; }

.products_detail .detail-product .gallery-thumbs .swiper-slide img { display: block; width: 100%; }

.products_detail .detail-product .gallery-thumbs .swiper-slide:hover { border-color: #ccc; }

.products_detail .detail-product .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border-color: #f13a3a; }

.products_detail .detail-product .prev-next { padding-top: 35px; overflow: hidden; clear: both; }

.products_detail .detail-product .prev-next a { display: block; width: 80px; height: 30px; line-height: 28px; text-align: center; border-radius: 30px; border: 1px #ddd solid; color: #666; font-size: 14px; }

.products_detail .detail-product .prev-next a:hover { color: #f13a3a; border-color: #f13a3a; }

.products_detail .detail-product .pro-title { color: #585858; font-size: 20px; font-weight: normal; }

.products_detail .detail-product .price { height: 35px; margin-top: 30px; overflow: hidden; }

.products_detail .detail-product .price h4 { float: left; line-height: 45px; color: #666; font-size: 14px; font-weight: normal; }

.products_detail .detail-product .price h5 { float: left; color: #f13a3a; font-size: 30px; font-weight: 300; }

.products_detail .detail-product .price h5 small { font-size: 26px; font-family: 'Microsoft YaHei'; }

.products_detail .detail-product .price .del { float: left; line-height: 45px; padding-left: 10px; color: #999; text-decoration: line-through; }

.products_detail .detail-product .intro { line-height: 30px; margin-top: 15px; padding-top: 15px; overflow: hidden; border-top: 1px #ddd solid; }

.products_detail .detail-product .intro h4 { float: left; color: #666; font-size: 14px; font-weight: normal; }

.products_detail .detail-product .intro .text { float: left; color: #666; }

.products_detail .detail-product .quantity { height: 40px; margin-top: 20px; overflow: hidden; }

.products_detail .detail-product .quantity h4 { float: left; line-height: 40px; color: #666; font-size: 14px; font-weight: normal; }

.products_detail .detail-product .quantity input { float: left; display: block; width: 55px; height: 40px; line-height: 38px; text-align: center; background: none; border: 1px #eee solid; color: #000; font-size: 14px; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }

.products_detail .detail-product .quantity input:focus { border-color: #f13a3a; }

.products_detail .detail-product .quantity .up-down { position: relative; float: left; width: 16px; height: 40px; margin-left: 5px; }

.products_detail .detail-product .quantity .up-down a { position: absolute; right: 0; width: 16px; height: 16px; font-size: 0; border: 1px #eee solid; background-image: url(/images/quantity_arrow.png); transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; }

.products_detail .detail-product .quantity .up-down .add-num { top: 0; background-position: left top; }

.products_detail .detail-product .quantity .up-down .minus-num { bottom: 0; background-position: left bottom; }
.products_detail .detail-product .quantity .up-down .add-num.disabled { cursor:not-allowed; background-position: right top; }  
.products_detail .detail-product .quantity .up-down .minus-num.disabled { cursor: not-allowed; background-position: right bottom; }

.products_detail .detail-product .quantity .kucun { float: left; display: block; line-height: 40px; padding-left: 15px; color: #666; font-size: 14px; }

.products_detail .detail-product .mallactbtns { margin-top: 45px; overflow: hidden; }

.products_detail .detail-product .mallactbtns a { float: left; display: block; width: 160px; height: 40px; text-align: center; font-size: 16px; border-radius: 3px; }

.products_detail .detail-product .mallactbtns a:hover { opacity: .9; }

.products_detail .detail-product .mallactbtns .add-to-cart { line-height: 38px; padding-left: 30px; border: 1px #f13a3a solid; color: #f13a3a; background-image: url(/images/shop_car_icon.png); background-position: 17% center; }

.products_detail .detail-product .mallactbtns .buy { line-height: 40px; margin-left: 25px; background-color: #f13a3a; color: #fff; }

.products_detail .detail-content { margin-top: 50px; padding-bottom: 80px; }

.products_detail .detail-content .title { border: 1px #eaeaea solid; }

.products_detail .detail-content .title h3 { width: 175px; line-height: 50px; text-align: center; border-top: 3px #f13a3a solid; border-right: 1px #eaeaea solid; color: #333; font-weight: normal; }

.products_detail .detail-content .content { line-height: 2; padding-top: 30px; padding-bottom: 30px; }

.products_detail .detail-content .content ul, .products_detail .detail-content .content ol { padding-left: 15px; }

.products_detail .detail-content .content ul { list-style-type: disc; }

.products_detail .detail-content .content ol { list-style-type: revert; }

/* 购物车 */
.shop-car { padding-top: 50px; padding-bottom: 50px; min-height:200px; border-top: 1px #ddd solid; background-color: #efefef; }

.shop-car .container { padding-left: 0; padding-right: 0; background-color: #fff; border: 1px #ddd solid; }

.shop-car .wrapper-title { height: 60px; line-height: 58px; padding-left: 20px; padding-right: 20px; border-bottom: 1px #ccc solid; }

.shop-car .wrapper-title h3 { float: left; text-align: center; padding-left: 10px; padding-right: 10px; color: #f13a3a; font-size: 18px; font-weight: normal; border-bottom: 2px #f13a3a solid; }

.table-layout .spxx { width: 60%; text-align: left; padding-left: 25px; }

.table-layout .fr { display: block; width: 13%; text-align: center; }

.table-layout .del { width: 8%; }

.table-title { line-height: 40px; color: #666; font-size: 14px; text-align: center; background-color: #eee; overflow: hidden; text-transform: capitalize; }

.table-info .item { position: relative; height: 120px; line-height: 90px; padding-top: 15px; padding-bottom: 15px; border-top: 1px #eee solid; overflow: hidden; }

.table-info .item .checkbox { position: absolute; left: 25px; }

.table-info .item .spxx { padding-left: 50px; }

.table-info .item .spxx .pic { float: left; display: block; width: 90px; height: 90px; line-height: 88px; text-align: center; overflow: hidden; border: 1px #eee solid; font-size: 0; }

.table-info .item .spxx .pic img { padding: 10px 0; }

.table-info .item .spxx .title-info { float: left; width: 80%; height: 90px; line-height: 1; display: flex; display: -webkit-flex; flex-flow: column wrap; justify-content: center; padding-left: 20px; }

.table-info .item .spxx .title-info a { display: block; width: 100%; font-size: 16px;  }

.table-info .item .spxx .title-info ul { overflow: hidden; }

.table-info .item .spxx .title-info ul li { float: left; height: 13px; line-height: 13px; margin-top: 10px; margin-right: 10px; padding-right: 10px; color: #999; font-size: 14px; border-right: 1px #dedede solid; }

.table-info .item .spxx .title-info ul li:last-child { border: none; }

.table-info .item .quantity { height: 90px; font-size: 0; display: flex; display: -webkit-flex; flex-flow: row nowrap; justify-content: center; align-items: center; }

.table-info .item .quantity span { float: left; display: block; width: 19px; height: 19px; text-align: center; border-radius: 100%; cursor: pointer; background-position: center top; background-size: auto 200%; border: 1px #666 solid; }

.table-info .item .quantity span.minus { background-image: url(/images/minus_icon.png); }

.table-info .item .quantity span.add { background-image: url(/images/add_icon.png); }

.table-info .item .quantity span:hover { border-color: #f13a3a; background-position: center bottom; }

.table-info .item .quantity span.disabled { opacity: .4; cursor: no-drop; }

.table-info .item .quantity span.disabled:hover { border-color: #666; background-position: center top; }

.table-info .item .quantity b { float: left; display: block; padding-left: 10px; padding-right: 10px; font-size: 14px; }

.table-info .item .price { height: 90px; line-height: 25px; text-align: right; display: flex; display: -webkit-flex; flex-flow: column wrap; justify-content: center; text-align: center; }

.table-info .item .price .yj { display: block; color: #666; font-size: 16px; }

.table-info .item .price .yj i { font-style: normal; }

.table-info .item .price .zk { display: block; color: #f13a3a; font-size: 14px; }

.table-info .item .del { padding-top: 35px; }

.table-info .item .del a { display: block; width: 20px; height: 20px; margin-left: auto; margin-right: auto; background-image: url(/images/del_icon.png); background-position: center center; background-size: 20px auto; font-size: 0; }

.table-info .item .del a:hover { opacity: .5; }

.total-price { height: 90px; padding-top: 20px; padding-bottom: 20px; padding-left: 25px; padding-right: 15px; border-top: 1px #ccc solid; overflow: hidden; }

.total-price .check-all { float: left; height: 50px; font-size: 0; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: center; align-items: center; }

.total-price .check-all label { float: left; line-height: 1; color: #666; font-size: 14px; }

.total-price .check-all label input { float: left; display: block; margin-right: 5px; }

.total-price .check-all a { float: left; display: block; height: 20px; line-height: 20px; border-left: 1px #ddd solid; margin-left: 15px; padding-left: 10px; color: #666; font-size: 14px; }

.total-price .check-all a:hover { color: #f13a3a; }

.total-price .check-all a.disabled { cursor: no-drop; color: #bbb; }

.total-price .commodity-num { float: right; height: 50px; margin-right: 20px; color: #333; font-size: 16px; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: center; align-items: center; }

.total-price .commodity-num b { display: inline-block; padding-right: 10px; color: #f13a3a; font-size: 20px; }

.total-price .price { display: flex; display: -webkit-flex; flex-flow: column nowrap; justify-content: center; float: right; height: 50px; line-height: 25px; margin-right: 20px; padding-left: 20px; color: #333; font-size: 16px; border-left: 1px #ddd solid; }

.total-price .price .yj { display: block; font-size: 16px; }

.total-price .price .yj i { padding-right: 5px; color: #f13a3a; font-size: 15px; font-style: normal; }

.total-price .price .yj b { color: #f13a3a; font-size: 20px; }

.total-price .price .zk { display: block; color: #666; font-size: 15px; }

.total-price .price .zk i { padding-right: 2px; font-size: 13px; font-style: normal; }
.total-price .price .zk i.icon{ margin-left:8px;}
.total-price .price .zk i.icon img{width:28px; height:auto; cursor:pointer; opacity:0.8;}

.total-price .price .zk b { font-size: 16px; font-weight: normal; }

.total-price .next-step { float: right; display: block; width: 130px; height: 50px; line-height: 50px; text-align: center; border-radius: 3px; background-color: #f13a3a; color: #fff; font-size: 16px; cursor:pointer; border:none; }

.total-price .next-step:hover { opacity: .8; }

/*.total-price .discount { float: right; }*/

/* 收货信息 */
.shipping-details { padding-bottom: 50px; background-color: #efefef; }

.shipping-details .container { padding-left: 0; padding-right: 0; background-color: #fff; border: 1px #ddd solid; }

.shipping-details .wrapper-title { height: 60px; line-height: 58px; padding-left: 20px; padding-right: 20px; border-bottom: 1px #ccc solid; }

.shipping-details .wrapper-title h3 { float: left; text-align: center; padding-left: 10px; padding-right: 10px; color: #f13a3a; font-size: 18px; font-weight: normal; border-bottom: 2px #f13a3a solid; }

.shipping-details .item { float: left; width: 50%; line-height: 40px; padding-left: 20px; padding-right: 20px; padding-top: 35px; overflow: hidden; }

.shipping-details .item .title { float: left; width: 20%; text-align: right; padding-right: 15px; text-transform: capitalize; font-size: 18px; }

.shipping-details .item input { float: left; width: 80%; height: 40px; padding-left: 15px; padding-right: 15px; background: none; border: 1px #ddd solid; box-shadow: 1px 1px 3px #ddd inset; font-size: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.shipping-details .item input:focus { border-color: #f13a3a; }

.shipping-details .method { clear: both; float: none; width: 100%; overflow: hidden; }

.shipping-details .method .title { float: none; text-align: left; }

.shipping-details .method .text { clear: both; float: none; width: 100%; line-height: 2; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; border: 1px #eee solid; box-shadow: 0 0 5px #ddd inset; font-size: 13px; }

.shipping-details .add { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 30px; width: 130px; height: 50px; line-height: 50px; text-align: center; border-radius: 3px; background-color: #f13a3a; color: #fff; font-size: 16px; }

.shipping-details .add:hover { opacity: .85; }

/* 空购物车 */
.car-null { padding-top: 50px; padding-bottom: 50px; text-align: center; }

.car-null img { display: block; width: 20%; margin-left: auto; margin-right: auto; }

.car-null p { margin-top: 30px; color: #666; font-size: 16px; }

/* 订单页面总价 */
.order-wrapper { position: relative; }

.order-wrapper .spxx { padding-left: 25px !important; }

.order-wrapper .shipping-details { padding-bottom: 120px; }

.payment-total-price { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 0px 10px #999; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.payment-total-price .commodity-num { float: left; border: none; }
.payment-total-price .item{float:left; margin-right:20px; font-size:15px; margin-top:17px;}
.payment-total-price .item i{font-style:normal;}
.payment-total-price .item .icon{ cursor:pointer; margin-left:5px;}
.payment-total-price .item .icon img{width:26px; opacity:0.8;}
.payment-total-price .item .icon:hover img{opacity:1;}
.payment-total-price.fixed { position: fixed; bottom: 0; left: 0; }

/* howtopay */
.how-to-pay { margin-top: 105px; padding-bottom: 130px; }

.how-to-pay .box-title { text-align: center; font-size: 34px; font-weight: normal; text-transform: uppercase; }

.how-to-pay .slide { margin-top: 50px; }

.how-to-pay .slide li { margin-bottom: 10px; }

.how-to-pay .slide li h4 { line-height: 40px; cursor: pointer; font-size: 18px; padding-left: 10px; padding-right: 10px; border: 1px #eee solid; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.how-to-pay .slide li .text { display: none; line-height: 2; color: #555; font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; border-left: 1px #eee solid; border-right: 1px #eee solid; border-bottom: 1px #eee solid; }

.how-to-pay .slide li .text iframe { width: 100% !important; }

/* 留言 */
.message-wrapper { padding-bottom: 130px; overflow: hidden; background-color:#fff; }

.message-wrapper .container { width: 40%; }

.message-wrapper .wrapper-title { height: 50px; line-height: 48px; margin-top: 20px; border-bottom: 1px #ccc solid; }

.message-wrapper .wrapper-title h3 { float: left; width: 140px; text-align: center; color: #f13a3a; font-size: 16px; font-weight: normal; border-bottom: 2px #f13a3a solid; }

.message-wrapper .yuyan { display: block; height: 30px; line-height: 30px; margin: 10px 0 15px; padding-left: 20px; color: #666; }

.message-wrapper .item { width: 100%; line-height: 35px; margin: 10px 0 10px 0; padding-left: 10%; padding-right: 10%; }

.message-wrapper .item .tit { display: block; color: #666; text-transform: capitalize; }

.message-wrapper .item input { width: 100%; height: 37px; padding-left: 10px; padding-right: 10px; border: 1px #dadada solid; background: none; }

.message-wrapper .mes { width: 100%; }

.message-wrapper .mes textarea { width: 100%; height: 150px; line-height: 2; padding-left: 10px; padding-right: 10px; border: 1px #dadada solid; background: none; color: #333; }

.message-wrapper .submit { clear: both; display: block; width: 220px; height: 45px; line-height: 45px; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; background-color: #f13a3a; border-radius: 3px; color: #fff; font-size: 14px; border:none; cursor:pointer; }

/* 产品筛选 */
.chosen .head { height: 40px; overflow: hidden; background-color: #f5f5f5; border-top: 2px #dfdfdf solid; }

.chosen .head h4 { float: left; line-height: 40px; padding-left: 25px; font-weight: normal; text-transform: capitalize; font-size: 16px; }

.chosen .head .search { float: right; width: 200px; height: 25px; margin-top: 7px; margin-right: 10px; background-color: #fff; background-image: url(/images/search_icon.png); background-position: 95% center; background-size: auto 17px; }

.chosen .head .search input { float: left; display: block; width: 100%; height: 25px; line-height: 25px; padding-left: 5px; padding-right: 35px; background: none; border: 1px #999 solid; font-size: 14px; }

.chosen ul { padding-left: 25px; overflow: hidden; }

.chosen ul li { float: left; line-height: 43px; margin-right: 20px; color: #666; }

.chosen ul li.current { color: #f13a3a; }

/* 产品排序 */
.ranks { height: 40px; line-height: 40px; margin-top: 10px; overflow: hidden; background-color: #f5f5f5; border: 1px #e0e0e0 solid; }

.ranks a { float: left; display: block; padding-left: 30px; padding-right: 30px; color: #666; font-size: 14px; background-position: 90% 16px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; }

.ranks a.current { color: #333; background-color: #fff; background-image: url(/images/rank_up.gif); }

.ranks a.current:hover { background-image: url(/images/rank_down.gif); background-position: 90% 170%; }

.ranks a.desc { background-image: url(/images/rank_down.gif); }

.ranks a.desc:hover { background-image: url(/images/rank_up.gif); background-position: 90% 170%; }

/* 底部-1 */
.footer-one { padding-top: 40px; padding-bottom: 30px; border-top: 2px #f13b3a solid; border-bottom: 1px #222325 solid; background-color: #2a2b2d; }

.footer-one .model-title h3 { text-transform: uppercase; color: #fff; font-size: 16px; font-weight: normal; }

.footer-one .model-title:after { content: ''; display: block; width: 32px; height: 2px; margin-top: 15px; background-color: #fff; }

.footer-one .com-intro, .footer-one .contact-us, .footer-one .service-case { float: left; width: 37.5%; }

.footer-one .com-intro { padding-right: 150px; }

.footer-one .com-intro .text { line-height: 25px; margin-top: 10px; color: #666; font-size: 14px; }

.footer-one .contact-us .text { line-height: 25px; margin-top: 10px; color: #666; }

.footer-one .contact-us .text .email, .footer-one .contact-us .text .tel { line-height: 35px; padding-left: 35px; background-position: left center; font-size:15px; }

.footer-one .service-case { float: right; width: 25%; }

.footer-one .service-case ul { margin-top: 10px; margin-left: -10px; margin-right: -10px; overflow: hidden; }

.footer-one .service-case ul li { float: left; width: 33.33%; padding: 10px; }

.footer-one .service-case ul li img { width: 100%; }

/* 底部-2 */
.footer-two { padding-top: 30px; padding-bottom: 30px; text-align: center; background-color: #2a2b2d; }

.footer-two .f-nav { font-size: 0; }

.footer-two .f-nav a { display: inline-block; margin-left: 30px; margin-right: 30px; text-transform: uppercase; color: #818182; font-size: 16px; }

.footer-two .f-nav a:hover { color: #f13a3a; }

.footer-two .copyright { color: #787576; font-size: 14px; }

/* 右侧工具条 */
.sidebar-right { position: fixed; z-index: 99; top: 0; right: 0; width: 35px; height: 100%; background-color: #202020; }
.sidebar-right img{max-height:100%;}
.sidebar-right .item { position: relative; }

.sidebar-right .item .icon { width: 100%; height: 35px; line-height: 35px; font-size: 0; transition: all 0.05s; -webkit-transition: all 0.05s; -moz-transition: all 0.05s; -o-transition: all 0.05s; }

.sidebar-right .item .icon img { padding: 0 8px; }

.sidebar-right .item:hover .icon { background-color: #f13a3a; }

.sidebar-right .item .tab-info { display: none; position: absolute; top: 0; right: 25px; width: 125px; height: 100%; line-height: 35px; text-align: center; background-color: #434343; color: #fff; font-size: 14px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.sidebar-right .item:hover .tab-info { display: block; right: 35px; }

.sidebar-right .user-member { margin-top: 215px; }
.sidebar-right .user-member .icon { cursor: pointer; }
.sidebar-right .user-member .tab-info { height: auto; text-align: left; }
.sidebar-right .user-member .tab-info a { display: block; padding-left: 10px; padding-right: 10px; border-bottom: 1px #333 solid; }
.sidebar-right .user-member .tab-info a:last-child { border: none; }

.sidebar-right .car { margin-top: 5px; }

.sidebar-right .car .icon { height: 70px; }

.sidebar-right .car .icon i { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: 5px; margin-left: auto; margin-right: auto; background-color: #f13a3a; border-radius: 100%; color: #fff; font-size: 14px; font-style: normal; transition: all 0.05s; -webkit-transition: all 0.05s; -moz-transition: all 0.05s; -o-transition: all 0.05s; }

.sidebar-right .car .tab-info { height: 35px; }

.sidebar-right .car:hover .icon i { background-color: #202020; }

.sidebar-right .qq { position: absolute; right: 0; bottom: 145px; }

.sidebar-right .qq .hover { display: none; position: absolute; right: 35px; bottom: 0; width: 185px; background-color: #fff; }

.sidebar-right .qq .hover a { position: relative; z-index: 9; display: block; height: 50px; line-height: 50px; text-align: center; padding-left: 30px; background-image: url(/images/qq_icon.png); background-position: 30% center; background-repeat: no-repeat; background-size: auto 35%; color: #333; font-size: 14px; }

.sidebar-right .qq .hover a:hover { background-color: #f1f1f1; }

.sidebar-right .qq .hover:after { content: ''; position: absolute; z-index: 5; right: -3px; bottom: 17.5px; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }

.sidebar-right .qq:hover .hover { display: block; }

.sidebar-right .message { position: absolute; right: 0; bottom: 105px; }

.sidebar-right .gotop { position: absolute; right: 0; bottom: 65px; cursor: pointer; }
.mod-about-content h1.title{float:left; width:100%; text-align:center; text-align:center; font-size:30px;  text-transform:uppercase;}
.mod-about-content .content{float:left; width:100%; margin-top:30px; line-height:26px; margin-bottom:30px;}
/* 会员中心 */
.member-wrapper { width: 100%; height: 100%; padding-top: 20px; padding-bottom: 20px; background-color: #eee; }

.member-wrapper .container { position: relative; height: 100%; padding-left: 0; padding-right: 0; }

.member-wrapper .side-left { position: absolute; left: 0; top: 0; width: 20%; height: 100%; background-color: #fff; border-left: 1px #f13a3a solid; }

.member-wrapper .side-left h3 { line-height: 70px; padding-left: 20px; text-transform: uppercase; border-bottom: 2px #f13a3a solid; font-size: 20px; }

.member-wrapper .side-left .member-nav ul li a { display: block; width: 100%; line-height: 50px; padding-left: 20px; border-bottom: 1px #ccc solid; text-transform: capitalize; font-size: 15px; }

.member-wrapper .side-left .member-nav ul li a:hover, .member-wrapper .side-left .member-nav ul li a.current { border-color: #f13a3a; background-color: #f13a3a; color: #fff; }

.member-wrapper .side-right { float: right; width: 80%; height: 100%; min-height: 500px; border-left: 10px #eee solid; background-color: #fff; }

.member-wrapper .side-right .side-title { height: 72px; line-height: 90px; padding-left: 20px; font-weight: normal; text-transform: uppercase; font-size: 16px; border-bottom: 2px #f13a3a solid; }

.fl-builder-pagination,
.fl-builder-pagination-load-more {
    padding:40px 0
}
.fl-builder-pagination ul.page-numbers {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    font-size: 0;
}
.fl-builder-pagination li {
    display:inline-block;
    list-style:none;
    margin:0 !important;
    padding:0;
    font-size: 16px;
    border-bottom:none !important;
}
.fl-builder-pagination li a.page-numbers,
.fl-builder-pagination li span.page-numbers {
    border:1px solid #e6e6e6;
    padding:6px 13px;
    color:#666666;
    transition: all .2s linear;
}
.fl-builder-pagination li a.page-numbers:hover,
.fl-builder-pagination li span.current {
    background:#f5f5f5;
    color:#f13a3a;
}
.page-numbers li.disabled{ display:none;}
.mod-coin-list{float:left; width:100%;}
.mod-coin-list .pay-item{float:left; width:148px; margin-right:20px; margin-bottom:20px; cursor:pointer; position:relative;}
.mod-coin-list .pay-item:last-child{ margin-right:0;}
.mod-coin-list .pay-item:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; border:solid 3px #f13a3a; box-sizing:border-box; opacity:0;}
.mod-coin-list .pay-item.active:before{opacity:1;}

.mod-yyhd-box{float:left; width:100%; border-radius:10px; background-color:#fff; overflow-x:auto;}
.mod-yyhd-box table{ border-collapse:collapse; margin-bottom:0 !important; border-left:solid 1px #eee; border-top:solid 1px #eee;}
.mod-yyhd-box table tr.th td{font-weight:bold;}
.mod-yyhd-box table td{ line-height:20px; padding:5px 10px; border-right:solid 1px #eee; border-bottom:solid 1px #eee;}
.mod-yyhd-box table tr:hover td{ background-color:#f9f9f9;}
.mod-yyhd-box *{box-sizing:border-box;}
.mod-yyhd-box .mod-th-box{float:left; width:100%; line-height:40px; border-bottom:solid 2px #ff7e00;}
.mod-yyhd-box .mod-th-box .item{float:left; width:20%; padding:0 10px; text-align:center; text-transform:uppercase;}
.mod-yyhd-box .mod-th-box .item.first{width:20%; text-align:left;}
.mod-yyhd-box .mod-th-box .item:nth-child(3),.mod-yyhd-box .list .item:nth-child(3){ width:40%;}
.mod-yyhd-box .list{float:left; width:100%; border-bottom:solid 1px #f5f5f5;}
.mod-yyhd-box .list .item{float:left; width:20%; line-height:25px; padding:10px 10px; text-align:center; font-size:13px;}
.mod-yyhd-box .list .item.first{ text-align:left; width:20%; }
.mod-yyhd-box .list .btns,.mod-yyhd-box table td .btns{ min-width:90px; background-color:#ff7e00; border:solid 1px #ff7e00; padding:3px 8px; color:#fff; font-size:12px; margin-bottom:5px; display:inline-block;}

.member-wrapper .side-right .box{width:100%;  background-color:#f8f8f8; box-sizing:border-box;}
.member-wrapper .side-right .box table{ width:100%; padding:0; margin:0 0 15px; border-top:dotted 1px #ddd; border-left:dotted 1px #ddd; }
.member-wrapper .side-right .box table tr td{ border-right:dotted 1px #ddd;border-bottom:dotted 1px #ddd; font-size:13px; padding:10px;}
.member-wrapper .side-right .box table tr td img{width:200px; border:solid 1px #ddd;}
.member-wrapper .side-right .box table tr td img.pay-img{float:left; width:100px;}
.member-wrapper .side-right .shop-car{ padding-top:15px; background-color:#fff; border-top:solid 1px #eee;}
.member-wrapper .side-right .box .wrapper-title{ padding:20px; width:100%; height:auto;line-height:26px; border-bottom: 1px #ccc solid; font-weight:normal;}
.member-wrapper .side-right .box .wrapper-container{ float:left; width:100%; padding:15px 20px 20px;}
.member-wrapper .side-right .box .pay-img{float:left; margin-right:15px; width:120px; }
.member-wrapper .side-right .box p{ line-height:26px;}
.member-wrapper .side-right .box input[type="text"]{float:left; border-radius:3px; margin-bottom:10px; padding:8px 10px; line-height:20px; border:solid 1px #eee; width:49%; box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3); outline:none; box-sizing:border-box; }
.member-wrapper .side-right .box input[type="text"]:nth-child(2n){float:right;}
.member-wrapper .side-right .box input[type="text"]:focus{ border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none;}
.member-wrapper .side-right .box .items{float:left; width:100%; margin-top:15px;}
.member-wrapper .side-right .box .width20{width:40px; margin-left:5px; display:inline-block;}

.inside-main {padding-top:50px; padding-bottom:30px; background-color:#fff;}
.inside-main .container { overflow: hidden;}
/*产品列表*/
.pro-list {margin:0 -30px;overflow:hidden; display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.pro-list .item {float:left;width:25%;padding:0 30px;margin-bottom:30px;overflow:hidden;}
.pro-list .item a,.pro-list .item em {display:block;text-align:center;}
.pro-list .item .pic {height:auto !important;overflow:hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.pro-list .item .pic img {width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.pro-list .item .pic:hover {transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);}
.pro-list .item .pic:hover img {transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.pro-list .item .tit {font-size:14px;color:#000;font-weight:bold;margin-top:20px;}
.pro-list .item em {color:#333;font-size:14px;font-style:normal;margin-top:10px;}
/*产品详情*/
.detail-main {margin-top:45px;margin-bottom:35px;}
.detail-main .item-info {width:52.60%;min-width:1010px;margin-left:auto;margin-right:auto;overflow:hidden;}
.detail-main .item-info .slider-pic {float:left;width:55.44%;overflow:hidden;}
.detail-main .item-info .slider-pic .tab-content {float:left;width:70%;height:560px;line-height:560px;text-align:center;background-color:#f6f6f6;}
.detail-main .item-info .slider-pic .small-pic {float:right;width:21.42%;/*cursor:all-scroll;*/  position:relative;}
.detail-main .item-info .slider-pic .small-pic .pic-tabs {height:560px;position:relative;}
.detail-main .item-info .slider-pic .small-pic .swiper-button-prev,.detail-main .item-info .slider-pic .small-pic .swiper-button-next {transform:rotate(90deg);margin-top:-3px;left:50%;margin-left:-13.5px;height:25px;}
.detail-main .item-info .slider-pic .small-pic .swiper-button-prev {top:10px;}
.detail-main .item-info .slider-pic .small-pic .swiper-button-next {top:auto;bottom:5px;margin-top:0;}
.detail-main .item-info .slider-pic .small-pic .pic-tabs .swiper-slide {background-color:#f6f6f6;}
.detail-main .item-info .d-info {float:right;width:40.6%;}
.detail-main .item-info .d-info .share {width:100%;overflow:hidden;padding-left:20px;}
.detail-main .item-info .d-info .share a {float:left;display:block;margin-right:13px;}
.detail-main .item-info .d-info .share a:hover {opacity:.7;}
.detail-main .item-info .d-info h2 {padding-top:0; padding-left:20px;font-size:26px;}
.detail-main .item-info .d-info h4 {padding-left:20px;margin-top:50px;font-size:14px;font-weight:normal;background-image:url(/images/dian-icon.jpg);background-position:left center;}
.detail-main .item-info .d-info .txt {font-size:14px;color:#a8a8a8;line-height:28px;padding-left:20px;margin-top:20px;width:100%;}
.detail-main .item-info .d-info .addtobag {float:left; display:block;width:250px;height:35px;line-height:35px;text-align:left;margin-top:30px;margin-left:20px;padding-left:25px;font-size:22px;color:#fff;background-color:#ea1c75;background-image:url(/images/addtobag.png);background-position:80% center; background-size:auto 23px; border-radius:4px;}
.detail-main .out-too {margin-top:140px;margin-bottom:90px;overflow:hidden;}
.detail-main .out-too h3 {font-size:24px;font-family:'TrumpGothicPro-Bold';}
.detail-main .out-too ul {margin-top:50px;margin-left:-17.5px;margin-right:-17.5px;overflow:hidden;}
.detail-main .out-too ul li {float:left;width:25%;margin-bottom:60px;padding-left:17.5px;padding-right:17.5px;}
.detail-main .out-too ul li a,.detail-main .out-too ul li em {display:block;text-align:center;}
.detail-main .out-too ul li .pic {max-height:240px;background-color:#faefec;}
.detail-main .out-too ul li .tit {font-size:16px;font-weight:bold;margin-top:30px;}
.detail-main .out-too ul li em {font-size:14px;padding-top:10px;font-style:normal;}
.mod-order-btn{float:left; width:100%; margin-top:30px; margin-bottom:30px; text-align:center;}
.how-to-pay{float:left; width:100%; margin-top:50px; min-height:300px;}
.how-to-pay h1.title,.mod-price-box h1.title{float:left; width:100%; text-align:center; font-size:30px; text-transform:uppercase; }
.how-to-pay .contentwarpper{float:left; width:100%; margin-top:30px;}
.how-to-pay .content{float:left; width:100%;}
.how-to-pay .item{float:left; width:100%; margin-bottom:5px;}
.how-to-pay .item .item-title{float:left; width:100%; font-family:Tahoma,Times New Roman,sans-serif; font-weight:bold; color:#000; border:solid 1px #eee; padding:5px 40px 5px 20px; line-height:30px; font-size:18px; cursor:pointer; position:relative;}
.how-to-pay .item .item-title:after{position:absolute; right:10px; top:10px; width:20px; height:20px; background:url(/images/arrow.png) no-repeat center center; content:""; transition: all 0.3s ease 0s;}
.how-to-pay .item .item-con{float:left; width:100%; max-height:0; border:solid 1px #eee; border-bottom-width:0; border-top:none; padding:0 20px; line-height:26px; color:#555555; font-size:14px; overflow:hidden; transition: all 0.3s ease 0s;}
.how-to-pay .item .item-con p{ margin-bottom:15px;}
.how-to-pay .item.active .item-title:after{transform:rotate(90deg); transition: all 0.3s ease 0s;}
.how-to-pay .item.active .item-con{padding-top:15px; padding-bottom:15px; max-height:2000px; border-bottom-width:1px; transition: all 0.3s ease-in 0s;}
.mod-price-box{float:left; margin-bottom:30px; width:100%;}
.mod-price-box ul{float:left; margin:15px 0 0 15%; width:70%; list-style-type:none; }
.mod-price-box ul li{float:left; margin-top:15px; width:100%; padding:5px 15px; line-height:26px; border:solid 1px #eee;}
.mod-price-box ul li .title{float:left;}
.mod-price-box ul li span{color:#f13a3a;}
.mod-price-box ul li span.s1{font-size:16px;}
.mod-price-box ul li span.s2{font-size:18px;}
.mod-price-box ul li span.s3{font-size:20px;}
.mod-price-box ul li span.s4{font-size:22px;}
.mod-price-box ul li .info{float:right; width:50%;}
.mod-price-box .tips{float:left; margin-top:30px; width:100%; font-size:20px; text-align:center; }
/**login**/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show}
ol,ul,menu{list-style:none}
img{border:0}
a:focus{outline:0}
em,i{font-style:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:-3px;outline:0}
button,input{border:1px solid;outline:0;line-height:normal;*overflow:visible}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}::selection{background:#72d0eb;color:#fff;text-shadow:none}::-moz-selection{background:#72d0eb;color:#fff;text-shadow:none}
*[hidden]{display:none}
.clearfix:after,.central:after,.widget ul:after,.paging:after,.pagenav:after,.base-tit:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.central,.widget ul,.paging,.pagenav,.base-tit{*+height:1%}
.ipt{border:solid 1px #d2d2d2;border-left-color:#ccc;border-top-color:#ccc;border-radius:2px;box-shadow:inset 0 1px 0 #f8f8f8;background-color:#fff;padding:4px 6px;height:21px;line-height:21px;color:#555;width:180px;vertical-align:baseline}
.ipt-mini{width:140px;padding:1px 3px}
.ipt:focus{border-color:#95c8f1;box-shadow:0 0 4px #95c8f1}
/*
.btn{position:relative;cursor:pointer;display:inline-block;vertical-align:middle;font-size:12px;font-weight:700;height:27px;line-height:27px;min-width:52px;padding:0 12px;text-align:center;text-decoration:none;border-radius:2px;border:1px solid #ddd;color:#666;background-color:#f5f5f5;background:-webkit-linear-gradient(top,#F5F5F5,#F1F1F1);background:-moz-linear-gradient(top,#F5F5F5,#F1F1F1);background:linear-gradient(top,#F5F5F5,#F1F1F1)}
input.btn{height:29px}
.btn:hover{border-color:#c6c6c6;color:#333;background-color:#f8f8f8;background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background:linear-gradient(top,#f8f8f8,#f1f1f1);box-shadow:#ddd 0 1px 1px 0}
.btn:active,.btn.btn-active{box-shadow:#ddd 0 1px 2px 0 inset;border-color:#c6c6c6}
.btn:focus{border-color:#4d90fe;outline:0}*/
.btn-primary{border-color:#3079ed;color:#f3f7fc;background-color:#4d90fe;background:-webkit-linear-gradient(top,#4D90FE,#4787ED);background:-moz-linear-gradient(top,#4D90FE,#4787ED);background:linear-gradient(top,#4D90FE,#4787ED)}
.btn-primary:hover{border-color:#2f5bb7;color:#fff;background-color:#4d90fe;background:-webkit-linear-gradient(top,#4D90FE,#357AE8);background:-moz-linear-gradient(top,#4D90FE,#357AE8);background:linear-gradient(top,#4D90FE,#357AE8)}
.btn-primary:active,.btn-primary.btn-active{box-shadow:#2176d3 0 1px 2px 0 inset;border-color:#3079ed}
.btn-primary:focus{border-color:#4d90fe;outline:0}
.theme-buy{margin-top:10%;text-align:center}
.theme-gobuy,.theme-signin{font-size:15px}
.theme-price{position:relative;bottom:-6px;font-family:microsoft yahei,Arial,Helvetica,sans-serif;margin-right:20px;font-weight:700;color:#f60;line-height:32px;font-size:24px;display:inline-block}
.theme-price dfn{font-style:normal;font-size:18px;margin-right:2px}
.theme-desc{padding:30px} 
.theme-version{padding:30px}
.theme-popover-mask{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4); display:none;}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:450px;height:auto;margin:-160px 0 0 -225px;border-radius:5px;border:solid 2px #f8f8f8;background-color:#fff; box-shadow:0 0 10px #666; transition:all 0.3s ease 0.3s; }
.theme-popover-mask.active{ display:block;}
/*.theme-popover-mask.active .theme-popover{ opacity:1; transition:all 5s ease 1s; }*/
#select .theme-popover,#modal .theme-popover{ height:auto; margin-top:-89px;}
.theme-poptit{border-bottom:1px solid #ddd;padding:12px;position:relative}
.theme-popbod{padding:60px 15px;color:#444;height:auto;}
.theme-popbom{padding:15px;background-color:#f6f6f6;border-top:1px solid #ddd;border-radius:0 0 5px 5px;color:#666}
.theme-popbom a{margin-left:8px}
.theme-poptit .close{float:right;color:#555;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover{color:#000}
.btn.theme-reg{position:absolute;top:8px;left:43%;display:none}
.inp-gray,.feed-mail-inp{border:1px solid #ccc;background-color:#fdfdfd;width:220px;height:16px;padding:4px;color:#444;margin-right:6px}
.dform{padding:20px 30px 40px;text-align:center}
#select .dform{ padding:15px;}
.dform .ipt_error{background-color:#ffc;border-color:#fc6}
.dform-tip{display:none;background-color:#080;color:#fff;line-height:42px;margin-top:10px;display:;font-size:14px}
.dform-tip-errer{background-color:#cf301a}
.dform-tip a{display:inline-block;padding:0 20px;margin-left:10px;background-color:#ffe924;color:#cf301a}
.dform-login{padding:0;height:270px;overflow:hidden}.dform-login iframe{height:470px;margin-top:-180px}
.theme-signin{margin:-50px -20px -50px 90px;text-align:left;font-size:14px}
.theme-signin h4{color:#999;font-weight:100;margin-bottom:20px;font-size:12px}
.theme-signin li{padding-left:80px;margin-bottom:15px}
.theme-signin li strong{float:left;margin-left:-80px;width:80px;text-align:right;line-height:32px}
.theme-signin .btn{margin-bottom:10px}
.theme-signin p{font-size:12px;color:#999}
.theme-desc,.theme-version{padding-top:0}
.theme-popover h3{ font-size:18px; font-weight:300;}
.theme-bottom{padding:10px 0; width:100%; text-align:center; border-top:solid 1px #ddd; font-size:12px; display:inline-block;}
.theme-bottom a{color:#e04028;}
.theme-bottom a:hover{opacity:0.8;}

.theme-btns-box{float:left; margin-top:15px; padding:15px; width:100%; border-top:solid 1px #ddd;}
.theme-btns-box a.confirm{float:right;  padding:8px 20px; color:#fff; background-color:#d01212; color:#fff; border-radius:5px;}
.theme-btns-box a.confirm:hover{opacity:0.8;}

.mod-login-box{ float:none; margin-left:auto; margin-right:auto; width:400px; margin-top:30px; background-color:#fff; border:solid 1px #eee;  overflow:hidden; /*box-shadow:0 0px 35px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background: -moz-linear-gradient(top,  #ffffff,  #f2f2f2); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');*/}
.mod-login-box .head{float:left; width:100%; padding:5px 20px; line-height:45px; text-align:center; background-image:none; font-size:18px; font-weight:300;  border-bottom:solid 1px #ededed; color:#000; min-height:0; font-family:TrumpGothicPro-Bold;}
.mod-login-box.success{ width:100%;}
.mod-login-box .box{float:left; padding:15px 20px 15px; width:100%;}
.mod-form1-content{float:left; width:100%; margin-top:0;}
.mod-form1-content .list{float:left; width:100%; margin-bottom:18px; height:auto; font-family:Arial; position:relative;}
.mod-form1-content .list a.wjmm,.mod-form1-content .list .rember{float:right; font-size:12px; line-height:20px; margin-top:25px; color:#666;}
.mod-form1-content .list a.wjmm{ display:none;}
.mod-form1-content .list .rember{float:left;margin-left:15px; width:auto; text-align:left;}
.mod-form1-content .list .rember input{ margin-right:3px;}
.mod-form1-content .list .tips{float:right; color:#ff0000; font-size:13px; margin-top:26px; margin-right:15px;}
.mod-form1-content .list .label{float:left; width:100%; margin-right:0; line-height:40px; height:40px; font-size:15px; font-weight:300; color:#333; text-align:left; padding-left:2px;}
.mod-form1-content .list span{ color:#ff0000; font-weight:bold; font-size:12px;}
.mod-form1-content .list span.ts{ margin-top:3px; width:100%; display:inline-block; color:#888; font-weight:300; line-height:18px;}
.mod-form1-content .list span.ts.s1{ float:none; display:inline-block; width:auto;}
.mod-form1-content .list input[type="text"],.mod-form1-content .list input[type="password"],.mod-form1-content .list input[type="email"],.mod-form1-content .list select{padding:6px; margin:0; border:solid 1px #e5e6e6; width:100%; line-height:26px; background:#fff; font-size:14px; color:#8d8d8d;}
.mod-form1-content .list select{ padding:6px; height:40px; line-height:40px;box-sizing: border-box; border:solid 1px #e5e6e6; background:#fff;}
.mod-form1-content .list input[type="text"],.mod-form1-content .list select,.mod-form1-content .list input[type="email"],.mod-form1-content .list input[type="password"]{float:left; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

.mod-form1-content .list .error{position:absolute; right:5px; bottom:6px; line-height:26px; padding:0 5px; background-color:#d64117; color:#fff; display:none;}

.mod-form1-content .list input[type="text"].yzm{width:145px;}
.mod-form1-content .list input[type="file"]{ border:solid 1px #fff;box-shadow: none; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.mod-form1-content .list input[type="text"]:focus,.mod-form1-content .list input[type="password"]:focus,.mod-form1-content .list select:focus,.mod-form1-content .list input[type="file"]:focus,.mod-form1-content .list input[type="email"]:focus{border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none;}
.mod-form1-content .list input[type="text"].red,.mod-form1-content .list select.red,.mod-form1-content .list input.red{ border-color:#ee4035; color:#ee4035;}
.mod-form1-content .list input[type="text"]:focus{color:#303030;}
.mod-form1-content .list p{ text-align:center; font-family:CALIBRI;}
.mod-form1-content .list #Image1,.mod-form1-content .list #Image2{float:left; margin-top:1px; margin-left:12px; cursor:pointer;}
.mod-form1-content .list.last{ margin-bottom:0; margin-top:10px; padding-top:8px; height:auto; line-height:25px; font-size:12px; text-align:center; border-top:solid 1px rgba(221,221,221,0.75); }
.mod-form1-content .list.last a{color:#ec3509;}
.mod-form-content.s1{float:left; width:100%; margin-top:0;}
.mod-form-content.s1 .list{width:100%;}
.mod-form-content.s1 .list input[type="text"],.mod-form-content.s1 .list input[type="password"]{padding:6px; margin:0; border:solid 1px #e5e6e6; width:100%; line-height:26px; background:#fff; font-size:14px; color:#8d8d8d;}
.mod-form-content.s1 .list input[type="text"]:focus,.mod-form-content.s1 .list input[type="password"]:focus,.mod-form-content.s1 .list select:focus,.mod-form-content.s1 .list input[type="file"]:focus,.mod-form-content.s1 .list input[type="email"]:focus{border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none;}
a.add-btn,a.add-btn1,.add-btn,.add-btn1,a.add-btn2{float:left; padding:10px 18px; font-size:15px; line-height:20px; color:#fff; border-radius:7px; background:#ee4035; margin-right:8px; border:none; cursor:pointer;}
.add-btn.s1{padding:5px 15px; float:none;}
a.add-btn2{ background:#218e72;}
a.add-btn2:hover{ background:#259f7f; text-decoration:none;}
a.add-btn1,.add-btn1{ background:#147c61;}
a.add-btn:hover,.add-btn:hover{ background:#ff0f00; text-decoration:none;}
a.add-btn1:hover,.add-btn1:hover{ background:#0b5f49;text-decoration:none;}
a.add-btn.yzm,input[type="button"].yzm{border-radius:0 7px 7px 0;  background-color:rgba(214,65,23,0.5)}
.fr{float:right !important;}
input[type="button"][disabled].yzm{background-color:rgba(204,204,204,0.5); cursor:not-allowed;}
.txt{ line-height:26px; padding:3px 5px; width:49%; float:left; margin-right:5px; margin-bottom:5px; border-radius:4px; border-color:#dedede;}
.txt.txtw100{width:calc(100% - 10px); }
button[disabled],input[disabled="true"].yzm{ background-color:#dedede;}
.mod-form1-content.s1{width:70%; margin-left:20%; margin-top:20px;}
.mod-form1-content.s1 .list{ margin-bottom:12px; line-height:32px;}
.mod-form1-content.s1 .label{width:100px; text-align:right; margin-right:10px; font-size:14px; line-height:32px;}
.mod-form1-content.s1 label{ margin-right:10px;}
.mod-form1-content.s1 .list input[type="text"],.mod-form1-content.s1 .list input[type="password"],.mod-form1-content.s1 .list input[type="email"],.mod-form1-content.s1 .list select{ padding:3px; width:260px;}
.mod-form1-content.s1 .list .picbox{float:left; width:120px; height:160px; overflow:hidden; position:relative;}
.mod-form1-content.s1 .list .picbox img{width:100%; height:160px;}
.mod-form1-content.s1 .list .picbox input[type="file"]{ position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; opacity:0;}
.mod-form1-content.s1 .list span.tips{ font-size:13px; color:#f8931d;}

.mod-form1-content.float{float:left; width:100%;}
.mod-form1-content.float .list{ margin-bottom:15px;}
.mod-form1-content.float .list.s1{ margin-bottom:5px;}
.mod-form1-content.float .label{ font-size:12px; height:35px; line-height:35px;}
.mod-form1-content.float .list input[type="text"], .mod-form1-content.float .list input[type="password"], .mod-form1-content.float .list input[type="email"]{ font-size:12px; width:100%;}
.mod-form1-content.float .list input[type="text"].yzm{ width:90px;}
.mod-form1-content.float label{float:left; width:70px; text-align:right;}
.mod-form1-content.float select{float:left; width:48%; padding:5px; background-color:#fff; border:solid 1px #ddd;}
.mod-form1-content.float select.month{float:right;}
.mod-coin-list{float:left;margin-top:15px;margin-right:0;}
.mod-coin-list img{width:130px;}
.mod-coin-list img.s1{border-radius:10px;}
.mod-coin-list input[type="radio"]{ display:none;}
.mod-coin-list label[for]{float:left; position:relative; cursor:pointer;}
.mod-coin-list label[for]:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; box-sizing:border-box;}
.mod-coin-list label[for]:hover:before{border:solid 2px #ff7e00;}
.mod-coin-list label[for].active:before{border:solid 4px #ff7e00;} 
.mod-coin-list input,.mod-coin-list label,.mod-coin-list img{float:left;}
.mod-coin-list label{margin-right:26px; margin-bottom:20px; }
.mod-coin-list input{margin-top:20px;}
.mod-msg-box{float:left; padding:5px 10px; margin-top:30px; width:100%; font-size:14px; text-align:left; box-sizing:border-box; border:solid 1px #eee; box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.mod-form-content .list .mod-msg-box p{ margin:10px 0; text-align:left;}
.mod-msg-box a{color:#ff0000;}
.mod-panel1-box{float:left; width:100%;}
.mod-panel2-box{float:left; width:100%; display:none;}
.ts{float:left; margin-top:15px; width:100%; color:#ff0000;}
.top-bar div{float:right; margin-right:5px;}
.loged,.rec-login{float:right;  font-size:12px; line-height:32px; color:#fff;}
.loged .name{color:#ec3509;}
.loged .dividing{ margin:0 5px; display:inline-block;}
.loged a,.rec-login a{color:#fff;}
.loged a:hover,.rec-login a:hover{ text-decoration:underline;}
.rec-login a{ margin:0 5px;}

.buttons,a.buttons{
float: left;
margin-top: 15px;
padding:4px 23px 4px 23px;
min-width:81px;
line-height:30px;
background-color: #ed360a;
text-transform: uppercase;
color: #fff;
font-size:15px;
letter-spacing:1px;
border-radius: 20px;
text-align: left;
box-sizing: content-box;
position: relative;
}
.buttons.skip{width:100%; box-sizing:border-box; text-align:center;}
input[type="submit"].buttons{ min-width:100px; text-align:center; border-radius:30px; border:none;}
.buttons.update{ padding-left:20px; padding-right:38px;}
a.buttons:hover{color:#fff; text-decoration:none;}
.buttons:before{
     font-family:fontello;
     position:absolute;
     right:12px;
     top:4px;
     content:"\e820";
     width:25px;
     height:30px;
     font-size:20px;
     text-align:center;
     line-height:30px;
}
.buttons.finish:before{
}
.buttons.active:before{
     content:"\e839";
     -webkit-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     -moz-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     -o-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     -ms-animation: spin 1.3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
     animation: spin 1.3s linear infinite;
}
.buttons.finish:before{
     content:"\e812";
}
@-webkit-keyframes spin {
        0%{ 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }100%{
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}

.mod-form-right{float:right; padding-top:30px; padding-left:30px; width:45%; border-left:solid 1px #ddd; min-height:400px; font-size:17px; display:none;}
.mod-form-right a.button{ font-size:15px; color:#f8931d;}
.mod-form-right .add-btn{ margin-top:30px;}

.mod-message-box{float:left; width:100%; min-height:280px; line-height:280px; text-align:center; font-size:18px; font-weight:300;}
.mod-message-box a{color:#f8931d;}

.leftpanel{float:left; margin-top:30px; width:18%; background-color:#f8f8f8; min-height:343px;}
.leftpanel .head{float:left; padding:0 15px; width:100%; min-height:0; text-align:left; line-height:43px; background-color:#f8f8f8; color:#000; font-size:15px; font-weight:bold; background-image:none; border-bottom:solid 2px #c51e2c; text-transform:uppercase;}
.leftpanel ul{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.leftpanel ul li{float:left; width:100%; margin-left:0; padding-bottom:0;  line-height:25px; color:#fff;}
.leftpanel ul li a{float:left; width:100%; padding:10px 15px; color:#333; font-size:13px; border-bottom:dotted 1px #ddd;}
.leftpanel ul li a.current,.leftpanel ul li a:hover{ background-color:#f1f1f1;}
.rightpanel{float:right; margin-top:30px; width:80%;}
.rightpanel .head{float:left; padding:0; width:100%; min-height:0; line-height:43px; text-indent:20px; font-size:15px; color:#000; font-weight:bold; background-color:#f8f8f8; background-image:none; border-bottom:solid 2px #c51e2c;  text-transform:uppercase;}
.rightpanel .box{float:left; width:100%; min-height:0; padding:20px 30px 50px; background-color:#f8f8f8; line-height:26px;}
.rightpanel .box table{float:left; width:100%; padding:0; margin:0 0 15px; border-top:dotted 1px #ddd; border-left:dotted 1px #ddd; }
.rightpanel .box table tr td{ border-right:dotted 1px #ddd;border-bottom:dotted 1px #ddd; font-size:13px; padding:10px;}
.rightpanel .box table tr td img{width:200px; border:solid 1px #ddd;}
.rightpanel .box table tr td img.pay-img{float:left; width:100px;}
.pay-td br{ display:none;}
.pay-td p{float:left; margin-top:8px; margin-left:12px; width:calc(100% - 100px - 15px);}
.pay-td strong{float:left; margin-left:15px;  width:calc(100% - 100px - 15px);}
.loading{ float:left; margin:29px 0 0 15px; display:none;}
.fl{float:left; padding:5px 15px; width:100%; margin-top:10px;}
/*.at-expanding-share-button-toggle{display:none !important;}*/

/**order**/
.hidden{ display:none;}
.mod-order-content{float:left; padding:25px 0 30px; width:100%;}
.mod-order-content .left{float:left; width:100%; line-height:26px;}
.mod-form-content{float:left; width:100%; margin-top:12px;}
.mod-form-content .panelbox{float:left; margin-top:15px;  width:100%; text-align:left;}
.mod-form-content .panelbox h3{padding:10px 0; border-bottom:solid 1px #eee; font-size:20px;}
.mod-form-content .list{float:left; width:48%; margin-top:10px;}
.mod-form-content .list:nth-child(2n){float:right;}
.mod-form-content .list.w100{width:100%;}
.rightpanel .box table tr td img.width20{width:20px;}
.mod-form-content .list .label{float:left; width:100%; margin-right:0; margin-bottom:0; line-height:32px; height:40px; font-size:15px; text-align:left; color:#000;}
.mod-form-content .list span{ color:#ff0000; font-weight:bold; font-size:12px;}
.mod-form-content .list input[type="text"],.mod-form-content .list input[type="email"]{float:left; padding:6px; margin:0; border:solid 1px #e5e6e6; width:100%; height:38px; line-height:26px; background:#fff; font-size:14px; color:#8d8d8d;}
.mod-form-content .list select{float:left; width:100%; padding:6px; height:40px; line-height:40px;box-sizing: border-box; border:solid 1px #e5e6e6; background:#fff; font-size:12px;}
.mod-form-content .list input[type="text"],.mod-form-content .list select,.mod-form-content .list input[type="email"]{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.mod-form-content .list input[type="file"]{float:left; font-size:12px; border:solid 1px #fff;box-shadow: none; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.mod-form-content .list input[type="text"]:focus,.mod-form-content .list select:focus,.mod-form-content .list input[type="file"]:focus,.mod-form-content .list input[type="email"]:focus{border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none;}
.mod-form-content .list input[type="text"].red,.mod-form-content .list select.red,.mod-form-content .list input.red{ border-color:#ee4035; color:#ee4035;}
.mod-form-content .list input[type="text"]:focus{color:#303030;}
.mod-form-content .list p{ text-align:center; font-family:CALIBRI;}
.mod-form-content .list.btn{width:100%; padding:0; margin-top:20px; text-align:center;}
.mod-form-content .list.btn input{float:none; display:inline-block; margin:0 30px;}
a.add-btn,a.add-btn1,.add-btn,.add-btn1,a.add-btn2{float:left; padding:10px 13px; font-size:15px; line-height:20px; color:#fff; border-radius:7px; background:#ee4035; margin-right:8px; border:none; cursor:pointer;}
a.add-btn2{ background:#218e72;}
a.add-btn2:hover{ background:#259f7f; text-decoration:none;}
a.add-btn1,.add-btn1{ background:#147c61;}
a.add-btn:hover,.add-btn:hover{ background:#ff0f00; text-decoration:none;}
a.add-btn1:hover,.add-btn1:hover{ background:#0b5f49;text-decoration:none;}
.mod-order-content .cartbox{float:left;  width:100%;}
.mod-order-content .cartbox .total{float:left; width:100%; line-height:45px; font-size:35px;}
.mod-order-content .cartbox .contents{float:left; width:254px; height:67px; margin-top:23px; background:#ee4035; border-radius:8px; color:#fff; text-align:center; line-height:55px; font-size:18px;}
.mod-order-content .cartbox a.cart-view{float:left; width:216px; height:42px; line-height:42px; text-align:center; margin:-17px 0 0 19px; color:#fff; background:#919191; border:solid 3px #ffffff; border-radius:8px; font-size:16px;}
.mod-order-content .cartbox a.cart-view:hover{ text-decoration:none; background:#878787;}
.mod-order-content .status{width:100%; padding:15px; border-radius:5px; border:solid 1px #d6e9c6; background:#dff0d8; font-size:14px; color:#3c763d; line-height:20px; box-sizing:border-box;}
.mod-order-content .status.warning{ background:#f57979; border-color:#f57979; color:#fff;}
.mod-order-content .status.warning a{color:#c4f3b1; text-decoration:underline;}
.mod-order-content .status.warning a:hover{ color:#e4ffd9;}
.mod-order-content .listbox{float:left; width:100%; margin-top:15px; padding-bottom:20px; overflow-x:auto;}
.mod-order-content .listbox .cartTable{ min-width:500px;}
.mod-order-content .listbox .cartTable tbody tr:hover td{ background-color:#f5f5f5;}
.mod-order-content .listbox table{border-top:solid 1px #ddd; border-left:solid 1px #ddd;}
.mod-order-content .listbox table tr td,.mod-order-content .listbox table tr th{ border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; font-size:14px; padding: 6px; text-align:left; box-sizing:border-box;}
.mod-order-content .listbox table tr td{ vertical-align:top;}
.btn-warning,.btn-edit {background-color: #f0ad4e;border-color: #eea236;color: #fff;}
.btn.edit {background-color:#147c61; color:#fff; margin-right:10px;}
.btn { -moz-user-select: none; min-width:60px; background-image: none;border: 1px solid transparent;border-radius: 4px; cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;margin-bottom: 0;padding:5px 12px;text-align: center;vertical-align: middle;white-space: nowrap; line-height:20px;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {background-color: #ed9c28;border-color: #d58512;color: #fff;}
.mod-order-content .cartbox .image{float:left; margin-top:30px; width:100%; border:solid 1px #eee; box-sizing:border-box; height:260px; text-align:center; line-height:260px; overflow:hidden; position:relative; background-color:#fff; position:relative;}
.mod-order-content .cartbox .image img{width:auto; max-height:100%; object-fit: contain; }
.mod-order-content .cartbox .select_img{float:left; width:48%;}
.mod-order-content .cartbox .select_img:nth-child(2n){float:right;}
.mod-order-content .cartbox .selectbutton{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; }
.mod-order-content .cartbox .selectbutton input[type="file"]{ position:absolute; left:0; top:0; width:100%; height:100%; border:none; opacity:0; cursor:pointer;}
.mod-order-content .cartbox .warning{float:left; width:100%; margin-top:10px; font-size:14px; color:#666; text-align:center;}

/**reveal**/
.reveal-modal-bg {position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:100;display:none;top:0;left:0;}
.reveal-modal {visibility:hidden;top:30%;left:50%;margin-left:-300px;width:520px;background:#eee url(/images/modal-gloss.png) no-repeat -200px -80px;position:fixed;z-index:101;text-align:center;padding:30px 40px 34px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4); box-shadow:0 0 10px rgba(0,0,0,.4);transform:translateY(-30%);opacity:0;}
.reveal-modal.show {visibility:visible;opacity:1;transition:all 0.3s ease 0s;transform:none;}
.reveal-modal.small {width:200px;margin-left:-140px;}
.reveal-modal.medium {width:400px;margin-left:-240px;}
.reveal-modal.large {width:600px;margin-left:-340px;}
.reveal-modal.xlarge {width:800px;margin-left:-440px;}
.reveal-modal .close-reveal-modal {font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rgba(0,0,0,.6);font-weight:bold;cursor:pointer;}


@media (max-width:900px)
{
.loged{float:none; position:absolute; top:5px; left:10px; margin-top:0;}
.txt,.txt.txtw100{width:100%;}
.banner .star{width:96%; top:54%;}
}

@media (max-width:767px)
{
.popbox .pics-info{ padding:0 10px;}
.header .logo{ background-image:none; padding-left:0;}
.theme-popover{width:320px; margin-left:-160px;}
#select .theme-popover,#modal .theme-popover{ width:320px; height:auto; padding-bottom:12px; margin-top:-220px; margin-left:-160px;}
#select .dform{ padding:15px;}
.mod-login-box{width:100%; margin-top:0;}
.mod-login-box .head{ padding-left:12px !important;}
.mod-login-box .box{padding:15px; padding-bottom:25px;}
.mod-form1-content .list{ margin-bottom:8px;}
.mod-form1-content .list .label{ height:30px; line-height:30px; padding:0 2px;}
.mod-form1-content,.mod-form-right{width:100%;}
.mod-form-right{border-left:none; padding:15px 0 0 0; font-size:13px; min-height:0; border-top:solid 1px #efefef;}
.mod-form1-content .list input[type="text"], .mod-form1-content .list input[type="password"], .mod-form1-content .list input[type="email"]{width:100%;}
.mod-form1-content .list input[type="text"].yzm{width:145px;}
.mod-form-right .add-btn{ margin-top:20px;}
.loged{float:none; position:absolute; top:10px; left:10px; margin-top:0;}

.leftpanel,.rightpanel{width:100%; min-height:0;}
.leftpanel ul li a{ border-bottom:none;}
.rightpanel{ margin-top:15px;}
.rightpanel .box{ padding-left:15px; padding-right:15px; padding-bottom:10px;}
.mod-form1-content.s1{width:90%; margin-left:5%;}
.mod-form1-content.s1 .label{ width:100%; text-align:left;}
.mod-form1-content.s1 .list input[type="text"], .mod-form1-content.s1 .list input[type="password"], .mod-form1-content.s1 .list input[type="email"]{ width:100%;}
.rightpanel .box table tr td strong{ font-size:12px; word-break:break-all; line-height:18px;}
.rightpanel .box table tr td img.pay-img{float:left; width:200px;}
.pay-td br{ display:block;}
.pay-td p{float:left; margin-top:0; margin-left:0; width:100%;}
.pay-td strong{float:left; margin-left:0;  width:100%;}
.mod-message-box{ min-height:0; font-size:13px; line-height:30px; padding:30px 0;}
.add-btn, .add-btn1{ padding:10px 12px;}
.txt{ line-height:20px; padding:3px 5px; width:100%;}
.add-btn.s1{ margin-top:10px;}
.mod-form-content .list.btn input{ margin:0 10px;}
.mod-order-content .cartbox .image img{ max-width:90%; }
.add-btn, .add-btn1{ padding:10px; font-size:13px;}
.mod-order-content{padding-top:15px;}
}
@media (max-width:750px)
{
.mod-coin-list .pay-item{width:30%; margin:0 1.5% 15px;}
.member-wrapper .side-right .content{ padding:10px; overflow-x:auto;}
.mod-yyhd-box table{width:500px !important;}
.how-to-pay .item .item-con iframe{width:100% !important; height:auto !important;}
.mod-price-box ul{width:100%; margin-left:0;}
.reveal-modal{ width:300px; margin-left:-170px; padding: 20px;}
.mod-order-content .cartbox .image{height:150px; line-height:150px;}
.mod-coin-list img{width:55px;}
.mod-coin-list img.s1{ border-radius:3px;}
.mod-coin-list input{ margin-top:3px;}
.mod-list-left,.mod-list-right,.mod-left-container{width:100%;}
.mod-list-right{ margin-top:20px;}
.mod-list-left .head .search{ width:calc(100% - 110px);}
.mod-list-left .head .postbtn{ padding:0 10px;}
.mod-msg-box{margin-top:0;}
.leftpanel ul{ overflow-x:auto; white-space:nowrap;}
.leftpanel ul li{float:none; width:auto; display:inline-block;}
}
@media (max-width:375px)
{
.mod-coin-list label{ margin-right:8px;}
.mod-coin-list img{width:80px;}
.mod-coin-list input{ margin-top:3px;}
.mod-coin-list img.s1{ border-radius:0;}
}
@media (max-width:320px)
{
.mod-form-content .list.btn input{margin:0 5px; padding:10px 5px;}
.mod-form-content .list{width:100%;}
}