@charset "utf-8";

@font-face {font-family: "member";src: url('../other/member.woff') format('woff'),  url('../other/member.ttf') format('truetype');}

.member_iconfont {font-family: "member" !important;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

/* Style Reset */

html {font-size: 625%;-webkit-text-size-adjust: none;max-height: 100%}

body {font-size: 0.16rem;font-family: "microsoft yahei";}

body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {margin: 0;padding: 0;}

ul, ol, li, dl, dt, dd {list-style: none;}

a {text-decoration: none;outline: 0px;}

fieldset, img {border: 0;}

img {display: block;max-width: 100%}

input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {-webkit-appearance: none;}

.clear {clear: both;width: 100%;}

.c {clear: both;width: 100%;}

.head {background: #080909}

.foot {background: #202020}

.nav {background: #c8161d}

.nav_color {background: #0653AA}

/* common */

.content {overflow: hidden;font-size: 0.2rem;margin-top: 2%;background-color: transparent;}

.content_new {margin-top: 0!important;} /* 首页不要上边距 */

.common_bg {background-color: #b30f1a!important;}

/* index style */

/*header*/

.header {width: 100%;height: 0.691rem;position: relative;z-index: 9999;}

.head {text-align: center;position: fixed;width: 100%;height: 0.691rem;top: 0;right: 0;line-height: 0.691rem;z-index: 99;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.head a{color: #fff;font-size:1.6em;}

.logo {display: inline-block;width: 62.8125%;height: auto;/* margin-left:3.4375% */}

.top-nav {position: absolute;right: 1.09375%;top: 100%;width: 14.0625%;}

.class-btn {position: absolute;right: 16%;top: 0%;width: 14.0625%;font-size: 0.24rem;line-height: 0.82rem;color: #fff;text-align: center;overflow: hidden;}

.top-home {position: absolute;left: 1.09375%;top: 0;width: 14.0625%;font-size: 0.4rem;line-height: 0.82rem;color: #fff;text-align: center;overflow: hidden;}

.top-title {width: 70%;position: absolute;left: 15%;top: 0;font-size: 0.3rem;line-height: 0.71rem;text-align: center;color: #fff;overflow: hidden;}

.sub_page {min-height: 6rem;overflow: hidden;font-size: 0.16rem}

.sub_page center {padding: 0.4rem 0;font-size: 0.2rem}

.sub_page center a {color: red}

.search_hl {width: 14.0625%;top: 0;position: absolute;height: 100%;font-size: 0.4rem;line-height: 0.691rem;color: #fff;text-align: center;overflow: hidden;}

.search_l {left: 0%;}

/*header end*/

/* nav */

body {position: relative;width: 100%;background: #fff;height: 100%;}

.allpage {position: relative;z-index: 10;background: #fff;height: auto;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;right: 0;min-height: 6rem;}

.clicked {right: 220px!important;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.nav {width: 220px;position: absolute;right: 0;top: 0;bottom: 0;z-index: 2;}

.fixed {width: 220px;height: 150%;position: fixed;right: 0;top: 0;bottom: 0;z-index: 5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}

.nav li {width: 220px;margin: 0 auto;border-bottom: 1px solid #303030;}

.nav li a {display: block;width: 100%;font: 100 16px/50px '微软雅黑';color: #fff;text-indent: 60px;}

.nav li a span {margin-right: 3%}

.nav li p {text-indent: 70px;}

.nav li:last-child {margin-bottom: 20%;}

#allmap {width: 100%;height: 8rem;font-size: 0.18rem}

.share {width: 160px;margin: 0.5rem auto;}

.black-fixed {position: fixed;z-index: 99999!important;left: 0;width: 0;top: 0;height: 150%;background: rgba(0,0,0,0.9);text-align: right;font-size: 0.4rem;color: #fff;line-height: 2;right: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 0}

.black-clicked {width: 100%;padding-right: 2%;left: -227px;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1}

/* nav end*/

/* sub header */

.nav-btn {width: 14.0625%;right: 0;top: 0;position: absolute;font-size: 0.4rem;line-height: 0.691rem;color: #fff;text-align: center;overflow: hidden;}

.home-btn {width: 14.0625%;left: 1.09375%;top: 0;position: absolute;height: 100%;font-size: 0.4rem;line-height: 0.691rem;color: #fff;text-align: center;overflow: hidden;display: block;}

.top-nav {position: absolute;right: 1.09375%;top: 100%;width: 14.0625%;}

.top-home {position: absolute;left: 1.09375%;top: 0;width: 14.0625%;font-size: 0.4rem;line-height: 0.82rem;color: #fff;text-align: center;overflow: hidden;}

.class-btn {position: absolute;right: 16%;top: 0%;width: 18.0625%;font-size: 0.24rem;line-height: 0.691rem;color: #fff;text-align: center;overflow: hidden;}

.class-btn span.commonfont {font-size: 0.4rem;}

/* footer */

.footer {width: 100%;height: 0.7rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.foot {width: 100%;position: fixed;height: 0.8rem;bottom: 0;left: 0;z-index: 10;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.foot-relative {position: relative;width: 100%;height: 0.8rem;}

.foot a {display: block;float: left;width: 100%;color: #fff}

.foot a span {display: block;width: 100%;text-align: center;font-size: 0.4rem;line-height: 0.45rem;}

.foot a h3 {width: 100%;text-align: center;font: 0.18rem/0.2rem "microsoft yahei";}

.common-pro-search {width: 90%;height: 0.533rem;background: #fff;margin: 2% auto;}

.common-text {float: left;border: 0;background: #fff;width: 84.45%;height: 0.533rem;text-indent: 0.1rem;font: 0.16rem/0.533rem "microsoft yahei";border-radius: 0;}

.common-submit {float: right;width: 15.55%;border: 0;font-size: 0.36rem;line-height: 0.533rem;color: #fff;height: 0.533rem;border-radius: 0;background: none;background: #333;}

/* foot search btn */

.common-search {width: 92.1875%;position: absolute;z-index: 100;left: 3.90625%;bottom: 0.9rem;background: #fff;border: 1px solid #ccc;display: none;border-radius: 8px;overflow: hidden;-webkit-box-shadow: 0 1px 2px #666 inset;box-shadow: 0 1px 2px #666 inset;}

.search-input-n {width: 85%;height: 0.533rem;line-height: 0.533rem;border: none;outline: none;text-indent: 5%;border-radius: 25px;font-family: "microsoft yahei";background-color: transparent;}

.search-btn-n {width: 12%;border: none;outline: none;font-size: 0.4rem;line-height: 0.533rem;background-color: transparent;color: #666;background-color: transparent;font-family: "microsoft yahei";}

/* foot search btn end*/

/*font*/

@font-face {font-family: "iconfont";src: url('../other/iconfont.woff') format('woff'), url('../other/iconfont.ttf') format('truetype');}

.iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

/*font*/

@font-face {font-family: "commonfont";src: url('../other/common.woff') format('woff'), url('../other/common.ttf') format('truetype');}

.commonfont {font-family: "commonfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

/* sub_banner */

.big-pic {width: 100%;position: relative;z-index: 2;margin: 0 auto;}

.big-pic-in {position: relative;width: 100%;height: auto;overflow: hidden;margin: 0 auto;}

.pic-list {position: relative;height: auto;-webkit-transform: translate3d(0, 0, 0);z-index: 0;}

.pic-list img {float: left;height: auto;width: 100%;display: block;}

.big-pic2 .pic-list {width: 200%;}

.big-pic2 .pic-list img {width: 50%;}

.big-pic3 .pic-list {width: 300%;}

.big-pic3 .pic-list img {width: 33.333334%;}

.big-pic4 .pic-list {width: 400%;}

.big-pic4 .pic-list img {width: 25%;}

.slide-dot {width: 100%;text-align: center;height: 16px;padding-top: 4px;overflow: hidden;position: absolute;bottom: 5px;display: none}

.slide-dot span {display: inline-block;width: 8px;height: 8px;border-radius: 8px;vertical-align: top;z-index: 10;margin: 0 7px;background: #fff}

.slide-dot span.slide-dot-cur {z-index: 10;vertical-align: top;background: #6b1b55}

.transition {-moz-transition: -moz-transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}

/* top class */

.type {width: 100%;top: 0.691rem;right: 0;position: fixed;background: #232323;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;height: 3rem;padding: 0.1rem 0;display: none}

.type li {width: 90%;background: #fff;font: 0.2rem/0.46rem "microsoft yahei";margin: 2% auto;overflow: hidden;position: relative;}

.type li a {display: block;float: left;width: 60%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 4%;color: #666}

.type li span.commonfont {font-size: 0.3rem;line-height: 0.46rem;display: block;width: 16%;text-align: center;color: #666;position: absolute;top: 0;right: 0;}

.type li dl {float: left;border-top: 2px solid #232323;width: 100%;display: none}

.type li dl dd {overflow: hidden}

.type li dl dd a {width: 100%}

.type h1 {font: 0.2rem/2 "microsoft yahei";width: 90%;margin: 0 auto;color: #fff;}

/* top class */

.class {width: 100%;top: 8.33em;position: fixed;background: #232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;height: 3rem;padding: 0.1rem 0;display: none}

.class li {width: 90%;background: #fff;font: 0.2rem/0.46rem "microsoft yahei";margin: 2% auto;overflow: hidden;position: relative;}

.class li a {display: block;float: left;width: 60%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 4%;color: #666}

.class li span.iconfont {font-size: 0.3rem;line-height: 0.46rem;display: block;width: 16%;text-align: center;color: #666;position: absolute;top: 0;right: 0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}

.class li span.iconfont.class-up {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}

.class li dl {float: left;border-top: 2px solid #232323;width: 100%;display: none}

.class li dl dd {overflow: hidden}

.class li dl dd a {width: 100%}

/* subpage */

.about, .view {width: 98%;margin: 0% auto;color: #1d1d1d;}

.about p{font: 0.24rem/0.4rem "microsoft yahei" !important;}

.about p span{font: 0.24rem/0.4rem "microsoft yahei" !important;}

.about img{margin: 0 auto;height:auto !important}

.view p {margin: 0;padding: 0;}

.view h1 {width: 100%;text-align: center;font: 0.3rem/0.5rem "microsoft yahei";color: #393939;}

.about h1 {line-height: 0.5rem;text-align: center;font: 0.25rem/0.5rem "microsoft yahei";font-weight: bold;margin-bottom: 1%;}

.about center{font-size: 0.2rem/0.4rem "microsoft yahei";border-bottom: 1px dashed #ccc;display: block;width: 96%;padding-bottom: 5px;margin: 0 auto}

.view img {max-width: 100%;display: inline}

.page {display: block;width: 100%;height: 0.38rem;font: 0.22rem/0.38rem "microsoft yahei";color: #777;background: #ddd;border-radius: 0.38rem;margin: 2% auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-indent: 0.1rem;}

.back {display: block;width: 33.57%;margin: 2% auto;height: 0.4rem;border-radius: 0.4rem;font: 0.2rem/0.4rem "microsoft yahei";color: #393939;text-align: center;}

/* product */

.product-top {width: 98%;margin: 2% auto;border-bottom: 1px solid #c9c9c9;height:auto;font: 0.2rem/0.5833rem "microsoft yahei";color: #7b7b7b;}

.product-top p {float: left;}

.product-top p span {color: #3e74ce}

.product-top-right {float: right;color: #7b7b7b}

.product-top-right a {font-size: 0.3rem;color: #272727;vertical-align: middle}

.product-top-right a.show {color: #3e74ce}

/* news */

/* news */

.news {width: 100%;height: auto;overflow: hidden;margin: 2% auto;}

.news li {width: 100%;height: 0.691rem;overflow: hidden}

.news li a {display: block;width: 100%;height: 0.691rem;overflow: hidden;font: 0.2rem/0.691rem "microsoft yahei"}

.news li span:nth-child(1) {display: block;float: left;width: 60%;margin-left: 4%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #1d1d1d}

.news li span:nth-child(2) {display: block;float: right;margin-right: 4%;color: #9f9f9f}

.news li:nth-child(even) {background: #fff;}

.imore, .back {display: block;width: 36%;margin: 2% auto;overflow: hidden;border-radius: 0.3rem;background: #b30f1a;text-align: center;color: #fff;font: 0.20rem/2.2 "microsoft yahei";clear: both}

.imore:before, .back:before {content: "";clear: both;}

.common_news {width: 100%;height: auto;overflow: hidden;margin: 0% auto;}

.news1, .news1 a{height: auto;overflow: hidden;font: 0.23rem/0.55rem "microsoft yahei";display: block;}

.news1{width: 96%;margin: 0 auto;border-bottom: 1px dashed #ccc}

.news1 a span:nth-child(1){display: block;float: left;width: 65%;height: 0.55rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #1d1d1d}

.news1 a span:nth-child(2){display: block;float: right;width: 32%;height: 0.55rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: right;color: #9f9f9f}

.news1>a>img {display: block;width: 100%;float: left;}

.news4 {width: 50%;float: left;height: auto;overflow: hidden;margin: 2% auto;}

.news4 a {display: block;width: 92%;margin: 0 auto;}

.news4 a img {display: block;width: 100%;}

.news4 a span {display: block;width: 100%;text-align: center;font: 0.22rem/0.3rem "microsoft yahei";color: #666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 6%}

/* case */

.case {width: 100%;height: auto;overflow: hidden;margin: 2% auto}

.case li {width: 100%;height: auto;padding: 2% 0;border-bottom: 1px solid #ccc;overflow: hidden}

.case li>a {display: block;width: 35.46875%;float: left;margin: 0 3.75% 0 4.6875%;border: 1px solid #fff;}

.case li>a img {display: block;width: 100%}

.case li h1 {float: left;width: 51.875%;height: 0.35rem;font: 0.2rem/0.35rem "microsoft yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.case li h1 a {color: #232323}

.case li div {float: left;width: 51.75%;height: 1.1rem;overflow: hidden;font: 0.18rem/0.28rem "microsoft yahei";color: #1d1d1d}

/* for white */

.white-bg {background: #fff;}

/* login & reg */

.login {width: 87.5%;margin: 10% auto;height: auto;overflow: hidden}

.login li {width: 100%;height: auto;padding-bottom: 3%;overflow: hidden;font: 0.16rem/1.4 "microsoft yahei"}

.login_input {display: block;border: 1px solid #d9d9d9;background: #fff;width: 96%;float: left;height: 0.42rem;font: 0.2rem/0.42rem "microsoft yahei";text-indent: 0.1rem;-webkit-appearance: none;border-radius: 0}

.login_textarea {display: block;border: 1px solid #d9d9d9;background: #fff;width: 95%;float: left;height: 1.42rem;font: 0.2rem/0.42rem "microsoft yahei";text-indent: 0.1rem;-webkit-appearance: none;border-radius: 0;resize: none}

.pin_width {width: 51.78%;}

.login_pin {width: 30%;float: left;height: 0.42rem;margin-left: 4%;}

.login_btn {width: 98%;height: 0.5rem;color: #fff;border: 0;-webkit-appearance: none;border-radius: 0;text-align: center;font: 0.22rem/0.5rem "microsoft yahei"}

.red_alert {width: 87.5%;margin: 0 auto;font: 0.2rem/0.44rem "microsoft yahei";color: red;}

.login_link1 {float: left;font: 0.2rem/0.44rem "microsoft yahei";color: #949494;margin-left: 4%}

.login_link2 {float: right;font: 0.2rem/0.44rem "microsoft yahei";color: #949494;margin-right: 4%}

.info_left {float: left;width: 26%;text-align: left;font: 0.2rem/0.44rem "microsoft yahei";color: #707070}

.info_username {float: left;width: 16%;text-align: center;font: 0.2rem/0.44rem "microsoft yahei";color: #707070}

.info_input {float: left;width: 70%;}

/* site_nav 悬浮球*/

.site_btn {position: fixed;width: 0.7rem;height: 0.7rem;top: 270px;left: 1.875%;z-index: 999;border: 2px solid #e1e1e1;border-radius: 50%;color: #fff;text-align: center;font: 0.5rem/0.7rem "microsoft yahei";}

.cart-btn-numbers {width: 100%;position: relative;height: 100%;color: #fff}

.cart-btn-number {position: absolute;width: 0.24rem;height: 0.24rem;left: 74%;bottom: 74%;font: 0.14rem/0.24rem "microsoft yahei";background: #fff;border: 0.016rem solid #e1e1e1;border-radius: 50%;color: #c2c2c2}

/* 临时

.site-nav{position:absolute;left:0;bottom:100%;width:100px;height:auto;overflow:hidden}   */

.site-nav li {overflow: hidden;width: 100%;height: auto;font: 0.16rem/0.2rem "microsoft yahei"}

.site-nav a {color: #fff}

.site-nav li a {font: 0.18rem/0.2rem "microsoft yahei";color: #fff;text-align: center;display: block;position: absolute;width: 0.6rem;height: 0.4rem;border-radius: 50%;border: 2px solid #e8e8e8;bottom: 0;opacity: 0;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;z-index: -999;transform: rotate(-360deg);-ms-transform: rotate(-350deg);-moz-transform: rotate(-350deg);-webkit-transform: rotate(-350deg);-o-transform: rotate(-350deg);padding: 0.1rem 0;}

.site-nav.slideup li:nth-child(1) a {left: 100%;bottom: 100%;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1;transition-delay: 0ms;z-index: 999;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}

.site-nav.slideup li:nth-child(2) a {left: 150%;bottom: 0.05rem;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1;transition-delay: 100ms;z-index: 999;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}

.site-nav.slideup li:nth-child(3) a {left: 100%;bottom: -0.6rem;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1;transition-delay: 200ms;z-index: 999;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}

.site-nav.slidedown li:nth-child(1) a {left: auto;right: 100%;bottom: 100%;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1;transition-delay: 0ms;z-index: 999;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}

.site-nav.slidedown li:nth-child(2) a {left: auto;right: 150%;bottom: 0.05rem;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1;transition-delay: 100ms;z-index: 999;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}

.site-nav.slidedown li:nth-child(3) a {left: auto;right: 100%;bottom: -0.6rem;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1;transition-delay: 200ms;z-index: 999;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}

/* product width cart btn css*/

.view-price {width: 100%;margin: 0 auto;font: 0.2rem/2 "microsoft yahei";color: #626262}

.view-price span {font-size: 0.28rem;color: #ff0000}

.view_btns {width: 100%;margin: 2% auto;overflow: hidden}

.view_btns a {display: block;font: 0.22rem/1.6 "microsoft yahei";color: #fff;padding: 3% 12%;float: left}

.view_btns a:last-child {float: right;}

.view_collect {width: 100%;margin: 2% auto;overflow: hidden;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}

.view_collect p {float: left;width: 30%;font: 0.2rem/3 "microsoft yahei";border-right: 1px solid #dadada;color: #6b6565;text-align: center;}

.view_collect a {float: left;width: 68%;font: 0.2rem/3 "microsoft yahei";position: relative;text-indent: .6em;color: #707070;display: block}

.view_collect a font {position: absolute;right: 0}

.view_collect a a {color: #707070}

/*.header{height:0.691rem!important;}*/

@media all and (min-width:640px) {

.content {width: 640px;margin: 0 auto;position: relative;margin-top: 2%;padding-bottom: 15%;}}

 @media only screen and (max-width: 479px) and (min-width: 321px) {

html {font-size: 70px;}}

 @media only screen and (max-width: 320px) {

html {font-size: 60px;}}

/* Survey */

.survey {height: auto;overflow: hidden;width: 92.5%;margin: 0% auto;}

.survey li {width: 100%;height: auto;padding-bottom: 3%;overflow: hidden;font: 0.16rem/1.4 "microsoft yahei"}

.survey_input {display: block;border: 1px solid #d9d9d9;background: #fff;width: 96%;float: left;height: 0.42rem;font: 0.2rem/0.42rem "microsoft yahei";text-indent: 0.1rem;-webkit-appearance: none;border-radius: 0}

.surveya {height: auto;overflow: hidden;width: 92.5%;margin: 0% auto;}

.surveya li {width: 100%;height: auto;padding-bottom: 3%;overflow: hidden;font: 0.25rem/1.4 "microsoft yahei";border-bottom: 1px solid #ededed;margin: 0 0 2% 0;}

.survey_label {margin: 5px 6px}

.survey_boder {border: #FF0000 solid 1px;}

/* msg & reg */

.msg_pin {width: 100%;float: left;height: 0.52rem;font-size: 0.3rem;line-height: 0.52rem;text-align: center;margin-left: 0%;border-radius: 6px;color: #fff;background: #f14400;}

.msg_input {display: block;border: 1px solid #d9d9d9;background: #fff;width: 94%;float: left;height: 0.52rem;font: 0.2rem/0.42rem "microsoft yahei";text-indent: 0.1rem;-webkit-appearance: none;border-radius: 6px;}

.msg_textarea {display: block;border: 1px solid #d9d9d9;background: #fff;width: 94%;float: left;height: 1.42rem;font: 0.2rem/0.42rem "microsoft yahei";text-indent: 0.1rem;-webkit-appearance: none;border-radius: 6px;resize: none}

.msg_input2 {display: block;border: 1px solid #d9d9d9;background: #fff;width: 50%;float: left;height: 0.42rem;font: 0.2rem/0.42rem "microsoft yahei";text-indent: 0.1rem;-webkit-appearance: none;border-radius: 6px;}

.redmc {font-weight: bold;font: 0.28rem/0.62rem "microsoft yahei";}

.msg_pin-value {width: 80%;float: left;height: 0.52rem;font-size: 0.3rem;line-height: 0.52rem;text-align: center;margin-left: 0%;border-radius: 6px;color: #fff;background: #f14400;margin-left: 10%;border: 0;background: #f14400;}

/* search*/

input {outline: none;}

.search {width: 96%;height: 0.691rem;padding: 0 2%;position: absolute;top: -120%;left: 0;background-color: #0078c1;font-family: "microsoft yahei";}

.search-input {width: 75%;border: 1px solid #0078c1;border-radius: 15px 0 0 15px;float: left;border-right: none;height: 0.461rem;font-size: 0.18rem;font-family: "microsoft yahei";text-indent: 5%;margin-top: 2%;background-color: #FFFFFF}

.search-btn {width: 15%;float: left;background-color: #fff;border-radius: 0 15px 15px 0;border: 1px solid #0078c1;border-left: none;height: 0.491rem;font-size: 0.25rem;margin-top: 2%;}

.search a {display: inline-block;width: 9%;float: left;color: #fff;text-align: center;height: 0.7rem;}

.search_lh {width: 100%;text-align: center;background-color: #ff9600;}

.index_text {width: 90%;font-size: 14px;height: 0.5rem;background: #fff url(../images/search_bg_05.png) no-repeat 95% center;-webkit-background-size: 7%;background-size: 7%;border: none;font-size: 0.21rem;font-family: "microsoft yahei";text-indent: 3%;margin: 2% 0;border-radius: 25px;}

/* product discuss */

.discuss_top {width: 87.5%;margin: 2% auto;overflow: hidden;background: url(../images/discuss.png) right 0 no-repeat;background-size: 4.46%;position: relative;padding: 2% 0;color: #fff;}

.discuss_top_left {float: left;width: 70.35%;margin: 0 0 0 2.85%;height: 0.9rem;overflow: hidden;font: 0.18rem/0.3rem "microsoft yahei";}

.discuss_top_right {position: absolute;height: 100%;right: 0;top: 0;border-left: 1px solid rgba(255,255,255,.39);width: 23.21%;font: 0.18rem/1rem "microsoft yahei";text-align: center}

.discuss_top_right span {font-size: 0.5rem;}

.discuss_list {width: 87.5%;margin: 2% auto;overflow: hidden;}

.discuss_list li {width: 100%;height: auto;border-bottom: 1px solid #ddd;overflow: hidden;padding: 2% 0}

.discuss_list_top {width: 100%;height: auto;overflow: hidden}

.discuss_list_top span {float: left;font: 0.18rem/0.4rem "microsoft yahei";color: #545454}

.discuss_list_top_right {float: right;overflow: hidden;width: 38.92%;}

.discuss_list_top_right div {float: left;width: 67.43%;height: auto;overflow: hidden;position: relative;margin-top: 3.2%;background: #d0cfcf}

.discuss_list_top_right div img {position: relative;z-index: 2;width: 100%;display: block}

.discuss_list_top_right div p {position: absolute;width: 50%;left: 0;top: 0;height: 100%;}

.discuss_list_top_right font {float: left;font: 0.18rem/0.4rem "microsoft yahei";width: 30%;display: block;text-align: center}

.discuss_list_con {width: 100%;height: auto;overflow: hidden;font: 0.18rem/0.24rem "microsoft yahei";color: #8a8a8a;padding: 2% 0}

.discuss_list_reply {width: 100%;height: auto;font: 0.18rem/0.26rem "microsoft yahei";color: #877f7f;background: #eaeaea;padding: 2%;overflow: hidden}

/* product width cart */

.view-price {width: 100%;margin: 0 auto;font: 0.2rem/2 "microsoft yahei";color: #626262}

.view-price span {font-size: 0.28rem;color: #ff0000}

.view_btns {width: 100%;margin: 2% auto;overflow: hidden}

.view_btns a {display: block;font: 0.22rem/1.6 "microsoft yahei";color: #fff;padding: 3% 12%;float: left}

.view_btns a:last-child {float: right;}

.view_collect {width: 100%;margin: 2% auto;overflow: hidden;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}

.view_collect p {float: left;width: 30%;font: 0.2rem/3 "microsoft yahei";border-right: 1px solid #dadada;color: #6b6565;text-align: center;}

.view_collect a {float: left;width: 68%;font: 0.2rem/3 "microsoft yahei";position: relative;text-indent: .6em;color: #707070;display: block}

.view_collect a font {position: absolute;right: 0}

.view_collect a a {color: #707070}