@charset "utf-8";
/*弹出d注册*/
a{ }
.s_bottom p {
padding-bottom: 8px;
}
.b_input li {
width: 100%;
float: left;
height: 55px;
}
.b_input li span {
float: left;
height: 40px;
line-height: 40px;
width: 30%;
text-align: center;
color: #fff;
font-size: 16px;
}
.b_input li input {
float: left;
outline: none;
border: 1px solid #eeeeee;
padding: 0;
height: 45px;
width: 100%;
text-indent: 11px;
letter-spacing: 0.05rem;
}
.b_input li select {
float: left;
outline: none;
border: 1px solid #eeeeee;
padding: 0;
height: 45px;
width: 100%;
text-indent: 11px;
letter-spacing: 0.05rem;
-webkit-appearance: none;
background-color:#ffffff;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAH0lEQVR42mNgoDnQ13f7TwiTpIkkm0hyHkl+YhhQAABcfyjsqSyTLgAAAABJRU5ErkJggg==") no-repeat scroll right center transparent;
}
input {-webkit-appearance:none; /*去除input默认样式*/}
.chips_tanchu {
width: 100%;
position: fixed;
z-index: 10000000;
background-color: #fff;
bottom: 0;
left: 0;
display: none;
height: auto;
padding-bottom: 66px;
}
.chips_tanchu_bottom {
width: 100%;
position: fixed;
z-index: 10000000;
background-color: #fff;
height: 66px;
line-height: 66px;
bottom: 0;
left: 0;
text-align: center;
display: none;
background-color: #e8372d;
}
.chips_tanchu_bottom a,
.chips_tanchu_bottom a:hover,
.chips_tanchu_bottom a:active {
width: 90%;
height: 48px;
display: inline-block;
color: #fff;
font-size: 20px;
line-height: 68px;
border-radius: 5px;
letter-spacing: 0.1rem;
}
.layout-title {
padding: 12px 0 0px;
}
.thumb {
width: 40px;
height: 40px;
margin: 2px 0 0 10px;
float: left;
position: relative;
overflow: hidden;
background-size: cover;
}
.thumb img {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: 40px;
max-width: 100%;
max-height: 100%;
}
.detail {
width: auto;
position: relative;
}
.m_titles {
padding-right: 10px;
line-height: 34px;
position: relative;
font-size: 16px;
height: auto;
margin: 0 0 2px;
color: #787b80;
overflow: hidden;
text-align: center;
}
.new_price {
float: left;
}
.new_price span {
color: #ed155b;
}
.new_price i {
color: #ed155b;
font-size: 18px;
}
.sku-layout {
position: absolute;
right: 3px;
top: 2px;
padding: 2px;
}
.s_bottom {
border-bottom: 1px solid #e5e5e5;
width: 100%;
}
.s_bottom ul{
width:94%;
margin:0 auto;
}
.s_bottom dl {
padding: 7px 0 18px 0;
}
.s_bottom dl dt {
width: 15%;
line-height: 42px;
padding-top: 3px;
font-size: 14px;
float: left;
}
.s_bottom dl dd {
float: right;
}
.quantity {
float: right;
margin-top: 10px;
}
.minus {
width: 42px;
height: 36px;
background-color: white;
border: 1px solid #999;
position: relative;
border-right: 0px none;
border-radius: 2px 0 0 2px;
font-size: 16px;
font-weight: bold;
color: #666;
margin: 0;
outline: none !important;
text-align: center;
overflow: hidden;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
}
.txt {
width: 33px;
height: 32px;
padding: 1px;
border: 1px solid #999;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
font-size: 14px;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
vertical: middle;
float: left;
}
input.right_none {
border-left: none;
border-radius: 0 2px 2px 0;
border-right: 1px solid #999;
}
.base_tcdiv_mobile1 {
position: fixed;
display: none;
display: block;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 97;
width: 100%;
height: 100%;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background: none repeat scroll 0% 0% rgb(0, 0, 0);
}
.base_tcdiv_mobile5 {
position: fixed;
display: none;
display: block;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1001;
width: 100%;
height: 100%;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background: none repeat scroll 0% 0% rgb(0, 0, 0);
}
/* --------------------------------
/* --------------------------------
xpopup
-------------------------------- */
.cd-popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 9999;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
position: relative;
width: 80%;
height: 408px;
max-width: 400px;
margin: 12rem auto;
background: #fff;
border-radius: 16px;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
color: #000;
}
.cd-popup-container p {
}
.cd-popup-container .cd-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-popup-container .cd-buttons li {
float: left;
width: 50%;
}
.cd-popup-container .cd-buttons a {
display: block;
height: 60px;
line-height: 60px;
text-transform: uppercase;
color: #FFF;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
background: #b6bece;
border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
background-color: #c5ccd8;
}
/*.cd-popup-container .cd-popup-close {
position: absolute;
top: 4px;
right: 8px;
width: 30px;
height: 30px;
}*/
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #fff;
}
.cd-popup-container .cd-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.cd-popup-container .cd-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.is-visible .cd-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
.cd-popup-container {
margin: 8em auto;
}
}
.call {
margin-top: -0.5rem;
padding-bottom: 1.2rem;
color: #fff !important;
}
.call em {
background-color: #fff;
border-radius: 0.2rem;
color: #FB004F;
padding: 0.15rem 0.5rem;
margin-left: 0.5rem;
font-weight: 600;
font-size: 1rem;
}
.time {
font-size: 1.2rem;
font-weight: bold;
width: 100%;
text-align: center;
position: relative;
height: auto;
display: inline-block;
margin: 3rem auto 1.6rem auto;
}
#t_d,
#t_h,
#t_m,
#t_s {
border-radius: 5px;
color: #fff;
padding-right: 2.4rem;
position: relative;
letter-spacing: 0.1rem;
z-index: 99;
}
.all {
width: 20rem;
height: 5rem;
background-color: #FB004F;
}
.dash {
width: 40px;
height: 40px;
float: left;
margin-right: 1.8rem;
position: relative;
background-color: #FB004F;
border-radius: 5px;
}
.dash_title {
position: absolute;
display: block;
bottom: -1rem;
text-align: center;
font-weight: bold;
width: 5rem;
font-size: 1.2rem;
color: #000;
top: 0.45rem;
left: 0.9rem;
}
.double_11 {
width: 100%;
height: 40px;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
background-size: 100% 100%;
text-align: center;
}
.double_11 a {
line-height: 43px;
height: 44px;
width: 50%;
color: #000;
font-size: 16px;
float: left;
letter-spacing: 0.1rem;
background-color: #fff;
}
.double_11 span {
float: left;
line-height: 50px;
color: #fff;
}
.base_ground {
background: #e8372d;
}
/* WebKit browsers */
input::-webkit-input-placeholder {
color: #d8d8d8;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
color: #d8d8d8;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
color: #d8d8d8;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
color: #d8d8d8;
}
.da{
background-color: #e8372d;
color: #fff;
padding: 10px 25px 10px 25px;
border-radius: 7px;
margin-left: 20px;
font-size:14px;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration: none;
}
.demopage {
width: 730px;
margin: 0 auto;
}
.demopage h2 {
font-size: 14px;
margin: 20px 0;
}
/* scrollDiv */
.scrollDiv {
height: 52px;/* 必要元素 */
line-height: 52px;
overflow: hidden;/* 必要元素 */
}
.scrollDiv li {
height: 52px;
}
#s2, #s3 {
height: 100px;
}
li {
list-style:none;
}
a {
text-decoration:none;
}
img {
border:none;
}
.box {
padding-left:50px;
margin-top:;
}
.winBox {
width:300px;
height:40px;
overflow:hidden;
position:relative;
}
.scroll {
width:1500px;
position:absolute;
left:0px;
top:0px;
}
.scroll li {
width:750px;
float:left;
line-height:40px;
text-align:center;
}
.bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
transition: opacity 1s linear;
opacity:0;
}
#bg1 {
background-size: cover;
}
#bg2 {
background-size: cover;
}
.fadein {
opacity: 100;
filter: alpha(opacity=100);
}
#demopage{
color:#fff;
}
#carousel-indicators {
position: absolute;
bottom:0px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
#carousel-indicators li {
display: inline-block;
width: 7px;
height: 7px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #d2d2d2;
border: none;
border-radius: 10px;
}
#carousel-indicators .active {
background-color: #e8372d;
}
input{
border: none;
}
#bg {
display:none;
position:absolute;
top:0%;
left:0%;
width:100%;
height:100%;
background-color:black;
z-index:1001;
-moz-opacity:0.7;
opacity:.70;
filter:alpha(opacity=70);
}
#show {
display:none;
position:absolute;
top:25%;
left:22%;
width:53%;
height:49%;
padding:8px;
border:8px solid #E8E9F7;
background-color:white;
z-index:1002;
overflow:auto;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 27px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
width:100%;
height:43px
}
.btn-primary {
color: #000;
background-color: #fff;
#border-color: #fff;
}
.btn{
width: 100%;
color: #000;
font-size: 16px;
/* float: left; */
letter-spacing: 0.1rem;
background-color: #fff;
}
.btn-primary {
color: #000;
background-color: #fff;
#border-color: #fff;
}
a {
color: #fff;
text-decoration: none;
}
.hexiao_left {
float: left;
width: 45%;
background-color: #fff;
height: auto;
padding-bottom: 1%;
margin-left: 3%;
}
.hexiao_left img, .hexiao_right img {
width: 100%;
height: 50%;
}
.hexiao_title {
color: #838488;
font-size: 16px;
margin: 4% 0 0 6%;
}
.hexiao_add {
color: #bfbfbf;
font-size: 10px;
margin: 3% 2% 0 6%;
}
.hexiao_right {
float: right;
width: 45%;
background-color: #fff;
height: auto;
padding-bottom: 1%;
margin-right: 3%;
}һ˯ſС˵