@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%; }һ˯ſС˵