/*---------------------------------------CSS开始------------------------------------------*/
.btn-maincolor{ transition: .1s; height: 3.3rem; line-height: 3.4rem; font-size: 1.1rem; background: #f55d12; border-radius:4px; color: #fff; border: none; padding: 0 2%;}
.btn-maincolor.disabled{background: #e5e5e5; cursor: no-drop;}
.btn-maincolor:active{ opacity: 0.9;}
.maincolor{ color: #ec5f17!important;}
.fs14p{ font-size: 14px;}
.lh40p{ line-height: 40px;}
.lh50p{ line-height:50px;}
body{padding-bottom: 53px; background: #fff;}
#loaddin_status{ color: #999; font-size: 12px; padding: 10px 0;}
.ico-jd-bg{font-size: 0; position: absolute; top: 6%; right: 6%; z-index: 10; width: 40px; height:15px; background:url(/images/ico-jd.png) no-repeat; background-size:cover; background-position:50% 50%;}
.btn-return{ padding-top: 6%; padding-bottom:8%;}
.btn-return a{display: block; width:60%; height: 35px; margin: 0 auto; background: #E33B3D; color: #FFF; font: normal 14px/35px "microsoft yahei"; text-align: center;}
.ico-arrow{ color: #666;font: normal 20px/1 "Muiicons"; text-decoration: none;-webkit-font-smoothing: antialiased; padding: 10px; margin: 0 -10px;}
.ico-arrow:after{content: '\e583'; font-size: 20px; color: #999; }
.color999{ color: #999;}
.null-wrap{ text-align: center; }
.null-wrap img{ width: 100%; margin-bottom: 8%;}
.btn-orange{ border-radius: 4px; overflow: hidden; padding: 0 40px; height: 36px; border: none; cursor: pointer; background: #eb6100; color: #fff; font: normal 14px/36px "微软雅黑"; text-align: center;}
.btn-orange.disabled{background: #ddd; cursor: no-drop;}
.swiper-slide,.swiper-wrapper{height:100%;position:relative;transform-style:preserve-3d;width:100%}.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-slide,.swiper-wrapper{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:0px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 3px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-pagination-bullet-active{opacity:1;background:#2FA323;}
@font-face{font-family:Muiicons;font-style:normal;font-weight:400;src:url(../../fonts/mui.ttf) format("truetype");}
.iconfont{font-family:"iconfont" !important;font-size:24px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
/*首页*/
.logo-wrap{ background: #fff; height: 0.62rem; line-height: 0.62rem; overflow: hidden;}
.logo-wrap .logo img{ height: auto;}
.logo-wrap .name{color: #333; font-size: 0.25rem; text-align: right; padding-right: 4%;}
.logo-wrap .name a{ background: #0079ff; color: #fff; padding: 0.1rem 0.4rem; border-radius: 4px;}
.logo-wrap .name a.sty{display:inline-block;padding:0.1rem 0;background:#fff;color:#000;}
.main-banner{ position: relative; width: 100%; max-width: 640px; overflow: hidden;}
.main-banner li.swiper-slide{min-height: 120px;}
.main-banner img{width:100%!important; height: auto!important;}
/*头部nav*/
.bar-nav{ overflow: hidden; z-index: 10;height: 44px;padding:0 10px;background-color: #333;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.bar-nav .title {position: absolute;right: 40px;left: 40px; margin: 0; width: auto;font: 500 17px/44px "microsoft yahei";color: #fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bar-nav .text-right{ overflow: hidden; z-index: 10000; position: relative; cursor: pointer; float: right; font-size: 0px;line-height:24px;color: #fff; text-decoration: none;-webkit-font-smoothing: antialiased;margin: 0 -10px;padding: 10px;}
.bar-nav .text-right:before{ font-size: 34px; content: '\e507';}
.bar-nav .btn{color: #fff;font: normal 24px/1 "Muiicons";text-decoration: none;-webkit-font-smoothing: antialiased;position: relative;z-index: 19;padding: 10px ;margin: 0 -10px;}
.bar-nav .btn-right{ overflow: hidden; z-index: 10000; position: relative; cursor: pointer; float: right; line-height:24px;color: #fff; text-decoration: none;-webkit-font-smoothing: antialiased;margin: 0 -10px;padding: 10px;}
.bar-nav .btn-right.mui-disabled{ color: #999;}
.btn-back:before {content: "\e471";}
.btn-home:before{content: "\e500";}
.fixed {position: fixed;top: 0px;-webkit-transition: top 0.2s;-moz-transition: top 0.2s;transition: top 0.2s;}
.search-wrap{position:fixed;z-index:900;left:0;top:0;width:100%;height:45px;line-height:45px;background-color:#EFEFEF;}
.a-search-wrap.search-wrap{position:relative;z-index:900;width:100%;height:44px;line-height:44px;background-color:#EFEFEF;}
.a-search-wrap.search-wrap{height: 46px;}
.a-search-wrap.search-wrap .search{border: 1px solid #d6d6d6;}
.search-wrap .search{width:100%;padding:0 30px 0 31px;display:block;height:32px;border-radius:3px;border:0 none;margin-top:7px;background-color:#fff;background-repeat:no-repeat;background-position:8px 50%;background-size:15px 15px;-webkit-background-size:15px 15px;-webkit-appearance:none;font-size:14px;background-image:url(/images/mobile/ico-search.png);}
.search-wrap .search-frm{position:absolute;left:0;top:0;z-index:-1;width:auto;height:100%;text-align:center;font:normal 16px/22px "microsoft yahei";color:#333;padding:0 0 0 10px;right:50px;}
.search-wrap .btn-wrap{min-width:32px;height:44px;padding:0 9px;float:right;}
.search-wrap .btn-wrap .btn{height:44px;overflow:hidden;line-height:44px;font-size:16px;display:block;text-align:center;color:#007AFF;}
.hd_search_btn_blue{display:block;width:40px;height:30px;line-height:30px;color:#fff;font-size:14px;text-align:center;background-color:#007aff;-webkit-border-radius:3px;border-radius:3px;margin:8px -6px 8px 0px;}
.search-wrap .clear{position:absolute;top:8px;right:0;width:30px;height:30px;font-size:0;}
.search-wrap .clear:after{position:absolute;top:8px;left:8px;width:14px;height:14px;content:'';background:transparent url(/images/mobile/icon_bar.png) no-repeat;background-size:220px 132px;background-position:-180px -15px;}
/*.a-module-1{ margin-top: 2%; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;}*/
.a-module-1 .list{text-align: center; /*border-right:1px solid #D8D8D8;*/ box-sizing: border-box;}
.a-module-1 .list:last-child{ border-right:none ;}
.a-module-1 .list img{ width: 100%!important; height: auto;}
.a-module-2{ margin-top: 2%; }
.a-module-2.layout-list li:last-child{ border-bottom: none;}
/*.a-module-2.layout-list{border-bottom: 1px solid #dcdcdc;}
.a-module-2.layout-list .img{border: 1px solid #dcdcdc;}*/
.a-module-3.layout-grid{padding-top: 0;}
/*.a-module-3.layout-grid .img{ border: 1px solid #dbdbdb;}*/
.a-module-3,.a-module-4,.a-module-5{ margin-top: 2%; padding-top: 0;}
/*.a-module-4.layout-grid{border-bottom: 1px solid #dbdbdb;}*/
.a-module-4.layout-grid li:first-child{ width: 100%;}
/*.a-module-4.layout-grid .img{ border: 1px solid #dbdbdb;}*/
.a-module-4.layout-grid li{margin-bottom: 0px; border-bottom: none;}
/*.a-module-5{border-bottom: 1px solid #dbdbdb;}*/
.a-module-5.layout-grid li{ width: 100%; border-bottom: none;}
/*.a-module-5.layout-grid .img{ border: 1px solid #dbdbdb;}*/
.a-module-convenience{background: #fff;}
.a-module-convenience .title{position: relative;width: 100%; height: 0.66rem; font-size: 0.24rem;line-height: 0.66rem; color: #56b61b; border-bottom: 1px solid #e3e3e3;}
.a-module-convenience .title p{position: absolute;right:30.5%;left: 30.5%;top: 50%;line-height: 2px;height: 1px;background-color: #b9d69d;}
.a-module-convenience .title .txt{ background: #fff; padding: 0 0.15rem;}
.a-module-convenience .title .txt:before{font-family:"lmficon"; content: "\e61a"; font-size: 0.28rem; color: #56b61b; }
.a-module-convenience .layout li{ border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.a-module-convenience .layout li:first-child{ border-left:none;}
.a-module-convenience .layout li img{ width: 100%; height: auto;}
/*产品分类*/
.classification{ padding-top: 80px;}
.classification .side-bar{ top: 88px;}
.classroom .side-bar{ top: 0px; bottom:49px;}
.side-bar-wrap{ width: 82px; overflow: hidden; position: absolute;left: 0;top: 0px;bottom: 0;z-index: 99;}
.side-bar{position: absolute; left:0; top:0px; bottom:0; z-index:99;width:80px; background-color: #f9f9f9; border-right: 1px solid #d5d5d5;}
.side-bar li { position: relative; height: 40px; cursor: pointer;}
.side-bar li a { position: absolute; left: 0; right: -1px; top: 0; bottom: 0; font-size: 12px; overflow: hidden; line-height: 40px; text-align: center; border-bottom: 1px solid #d5d5d5; color: #333; }
.side-bar li.curr a{ background-color: #fff; border-right:1px solid #fff; color: #e9000c;}
.side-main {position: absolute; left: 81px; top:0px; right: 0; bottom: 45px; z-index: 99; overflow-y: scroll; }
.classroom{ position: absolute;left: 0;right: 0; top: 44px;bottom: 0;z-index: 99;overflow: hidden; border-top:1px solid #d5d5d5; }
.classroom .side-bar-wrap{ width: 102px;}
.classroom .side-bar{ width: 101px;}
.classroom .side-main{ left: 102px;}
.classroom-list { margin: 0 2%;}
.classroom-list li{ text-align: left; position: relative; min-height: 40px; overflow: hidden; padding: 0 10px;}
.classroom-list a{display: block; padding: 8px 10px; background-size: 3px; color: #666; border-bottom: 1px solid #c2c2c2; }
.classroom-list a:hover,.classroom-list a:active{ background: #E4E4E4;}
.category-list{margin: 0 2%; padding:4% 0;}
.category-list li{width: 50%;overflow: hidden; font-size: 14px; margin-bottom:2.8%;}
.category-list li a{ display: block; width: 88%; margin: 0 auto; height: 3.5rem; line-height: 3.5rem; background: #f8cf9d; color: #fff;}
.category-list li:nth-of-type(1n+0) a{background: #f8cf9d;}
.category-list li:nth-of-type(2n+0) a{background: #d0c0da;}
.category-list li:nth-of-type(3n+0) a{background: #bbd9a9;}
.category-list li:nth-of-type(4n+0) a{background: #a1d9e6;}
.category-list li:nth-of-type(5n+0) a{background: #f8adb0;}
.category-list li:nth-of-type(6n+0) a{background: #e6c7b2;}
.category-list li:nth-of-type(7n+0) a{background: #b2cbe6;}
.category-list li:nth-of-type(8n+0) a{background: #e3e6b2;}
.category-list li:nth-of-type(9n+0) a{background: #a1e6da;}
.category-list li:nth-of-type(10n+0) a{background: #bab2e6;}
.category-list li:nth-of-type(11n+0) a{background: #f8cf9d;}
.category-list li:nth-of-type(12n+0) a{background: #d0c0da;}
.category-list li:nth-of-type(13n+0) a{background: #bbd9a9;}
.category-list li:nth-of-type(14n+0) a{background: #a1d9e6;}
.category-list li:nth-of-type(15n+0) a{background: #f8adb0;}
.category-list li:nth-of-type(16n+0) a{background: #e6c7b2;}
.category-list li:nth-of-type(17n+0) a{background: #b2cbe6;}
.category-list li:nth-of-type(18n+0) a{background: #e3e6b2;}
.category-list li:nth-of-type(19n+0) a{background: #a1e6da;}
.category-list li:nth-of-type(20n+0) a{background: #bab2e6;}
.fix{position:fixed; left:0;top:0;}
/*---筛选 STARE----*/
.filter-block{background-color:rgba(0,0,0,0.8);position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1;-webkit-transition:opacity 0.25s,z-index 0.25s;-moz-transition:opacity 0.25s,z-index 0.25s;transition:opacity 0.25s,z-index 0.25s;}
.filter-block.show{-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;transition:opacity 0.25s;opacity:1;z-index:910;}
.filter-block.show .text-layer{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
.filter-block .text-layer{-webkit-transition:transform .25s;-moz-transition:transform .25s;transition:transform .25s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);position:fixed;width:89%;top:0;bottom:0;left:100%;height:100%;background-color:#F2F2F2;}
.filter-block .title{height:44px;line-height:46px;background-color:#fff;border-bottom:1px solid #DDD;position:absolute;top:0;left:0;right:0;z-index:10;padding:0 10px;}
.filter-block .title .btn-gray{-webkit-appearance:none;border-radius:4px;-webkit-border-radius:4px;display:inline-block;border:solid 1px #ddd;background-color:#fff;height:28px;line-height:28px;padding:0 10px;color:#666;}
.filter-block .title .btn-blue{-webkit-appearance:none;border-radius:4px;-webkit-border-radius:4px;display:inline-block;border:solid 1px #3985FF;background-color:#3985FF;height:28px;line-height:28px;padding:0 10px;color:#fff;}
.filter-block .title .tit{position:absolute;left:70px;right:70px;top:0;height:100%;text-align:center;font-size:16px;font-weight:normal;color:#333;}
.filter-block .text-layer.words-10{margin-top:-4px;}
.filter-block .words-10{display:inline-block;max-width:141px;vertical-align:middle;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.filter-block .content{position:absolute;top:55px;left:0;z-index:1;right:0;bottom:0;overflow-y:auto;}
.filter-block .mod-list{border-top:solid 1px #DDD;border-bottom:solid 1px #DDD;margin-bottom:10px;background-color:white;margin-top:-1px;}
.filter-block .super-li.curr .list-inner .sub-list li:first-child{border-top:solid 1px #DDD;}
.filter-block .btn-removed{color:#666;background-color:#fff;height:42px;margin:10px;font-size:16px;line-height:42px;text-align:center;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;display:block;}
.filter-block .btn-removed.disabled{background-color:#eee;color:#999;}
.filter-block .mod-list li.super-li{padding-right:26px;}
.filter-block .mod-list li.super-li .sub-list{display:none;}
.filter-block .mod-list li.super-li.curr .sub-list{display:block;}
.filter-block .mod-list li{min-height:40px;line-height:20px;padding:10px;border-bottom:solid 1px #ddd;position:relative;padding-right:26px;}
.filter-block .mod-list li:last-child{border-bottom:0 none;}
.filter-block .mod-list li.super-li:after{display:block;content:"\020";width:8px;height:13px;background-image:url(/images/mobile/ico-arrow.png);background-size:8px 13px;position:absolute;top:14px;right:10px;}
.filter-block .mod-list li .big{height:20px;max-width:250px;overflow:hidden;text-overflow:ellipsis;}
.filter-block .mod-list li .big{float:left;color:#333;}
.filter-block .mod-list li .right{float:right;color:#999;}
.filter-block .mod-list .list-inner:after{clear:both;content:'\20';display:block;}
.filter-block .mod-list li.auto-checked{padding-right:26px;}
.filter-block .mod-list li.super-li.curr:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.filter-block .mod-list li.check-li:after{display:block;content:"\020";position:absolute;top:12px;right:7px;width:13px;height:13px;border:solid 1px #666;border-radius:50%;-webkit-border-radius:50%;}
.filter-block .mod-list li.check-li.auto-checked:after{background-image:url(/images/mobile/ico-selected.png);background-size:9px 7px;background-position:center center;background-repeat:no-repeat;border-color:#00C55A;background-color:#00C55A;}
.filter-block .mod-list .sub-list{padding-top:30px;margin:0 -10px -10px 0;}
/*---筛选 END----*/
/*列表*/
.layout-list{background:#fff;}
.layout-list .title{height:50px;padding-left:10px;border-bottom:1px solid #e2e2e2;font:normal 18px/56px "microsoft yahei";color:#333;background:#f3f4f6;}
.layout-list ul{padding:0px 10px;}
.layout-list li{clear:both;height:123px;border-bottom:1px solid #e3e3e3;padding:10px 0px;background:#fff;position:relative;}
.layout-list.move-left li{ padding-left: 10%}
.layout-list li .ranking-num{position:absolute; top:40%; left:2%;font-size:20px; color:#C12323;}
.layout-list li a{color:#666;}
.layout-list .img{position:relative;float:left;clear:both;width:102px;height:102px;overflow:hidden;margin-right:8px;border-radius:2px;background:#fff;overflow:hidden;}
.layout-list .img img{width:102px;height:102px;}
.layout-list .text{display:block;overflow:hidden;_zoom:1;height:100%;position:relative;}
.layout-list .name{display:block;max-height:40px;margin:5px 0 .4em;font-size:14px;font-weight:normal;color:#6e6e6e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.layout-list .price{font-size:14px;}
.layout-list .text .red{font-size: 16px;}
.layout-list .zan{position:absolute;left:0px;bottom:0px;font-size:14px;}
.layout-grid{background:#fff;padding-top:10px;}
.layout-grid li{position:relative;cursor:pointer;margin-left:-1px;margin-bottom:-1px;float:left;width:50%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box; /*border:1px solid #dedede;*/}
.layout-grid li .img{position:relative;width:14.2rem;height:14.2rem;overflow:hidden;}
.layout-grid li .img img{width:14.2rem;height:14.2rem;}
.layout-grid.max-img .img,
.layout-grid.max-img .img img{ width: 100%!important; height: auto!important;}
.layout-grid li .text{display:block;overflow:hidden;_zoom:1;height:100%;position:relative; font-size: 12px;}
.layout-grid li .text .red{font-size: 16px;}
.layout-grid li .name{display:block;height:38px;margin:5px 0 .4em;font-size:14px;font-weight:normal;color:#6e6e6e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*search-dialog*/
.a-title{margin-top: 2%;height: 0.8rem;line-height: 0.8rem;padding: 0px 10px;font-size: 0.32rem;color: #333;text-align: center;/*border-top: 1px solid #ddd;*/box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
/*首页自定义公告*/
.custom-notice{position:relative;height:36px;font:normal 12px/36px "microsoft yahei";color:#333;background:#ffebcb;padding:0 10px;overflow:hidden;z-index:100;}
.custom-notice .text{width: 100%;height: 36px;overflow: hidden;}
.custom-notice .text .con{ width: 76%; height: 36px; position: relative; overflow: hidden; position: absolute;left: 50px; }
.custom-notice .text i{ float: left; padding: 0 4px 0 2px;}
.custom-notice .text p{ position: absolute; left: 0px; top: 0; white-space: nowrap; }
.custom-notice .btn-del{position: absolute;top: 0px;right: 0;width: 30px;height: 30px;font-size: 0;}
.custom-notice .btn-del:after{position: absolute;top: 11px;right: 8px;width: 14px;height: 14px; content: ''; background: transparent url(/images/mobile/icon_bar.png) no-repeat;background-size: 220px 132px;background-position: -180px -15px;}
/*模块一*/
.search-dialog li {background: #fff;}
.search-dialog li a{display:block;padding:0 10px;height:40px;line-height:40px;background:#fff;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px dashed #ddd;}
.search-dialog li:last-child a{border-bottom:none;}
.tab-sort{background-color:#fff;border-bottom:solid 1px #DDD;border-top:solid 1px #DDD;height:44px;width:100%;}
.tab-sort li.flex1{box-sizing:border-box;-webkit-box-sizing:border-box;border-right:solid 1px #EEE;color:#666;height:44px;line-height:44px;text-align:center;cursor:pointer;}
.tab-sort li.flex1.curr{color:#E33B3D;}
.tab-sort ol{z-index:2;width:100%;}
.tab-sort ol li{width:100%;color:#666;padding:10px 10px;border-bottom:1px solid #e1e1e1;}
.tab-sort .icon_sort{background-image:url(/images/mobile/ico-sortArrow.png);width:8px;height:12px;display:inline-block;background-size:8px 12px;-webkit-background-size:8px 12px;overflow:hidden;margin-left:3px;}
.tab-sort li.flex1.curr .icon_sort{background-image:url(/images/mobile/ico-sortArrowCurr.png);width:8px;height:12px;display:inline-block;background-size:8px 12px;-webkit-background-size:8px 12px;overflow:hidden;margin-left:3px;}
.tab-sort .icon_sort_single{background-image:url(/images/mobile/ico-sortArrow1.png);width:8px;height:9px;display:inline-block;background-size:8px 9px;-webkit-background-size:8px 9px;overflow:hidden;margin-left:3px;}
.tab-sort li.curr .icon_sort_single{background-image:url(/images/mobile/ico-sortArrowCurr1.png);transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.tab-sort .icon_switch{background-image:url(/images/mobile/ico-sortGrid.png);width:16px;height:16px;display:inline-block;background-size:16px 16px;-webkit-background-size:16px 16px;overflow:hidden;vertical-align:-2px;margin:0 5px;}
.tab-sort li.curr .icon_switch{background-image:url(/images/mobile/ico-sortList.png);}
/*产看产品view*/
.ico-jdsm{ position: absolute; top: 6px; right:8px; background: url(/images/ico-jd.png) no-repeat; background-size:cover; background-position: 50% 50%; width: 40px; height:15px; }
.jd-ico{ width: 55px; height: 55px; position: absolute; top: 6px; right: 58px;z-index: 999;}
.img-detail{background:#fff;border-bottom:1px solid #dcdcdc;}
.img-detail .img{width:100%;}
.img-detail .img img{width:100%;}
.img-wrap{width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;z-index:1;}
@media all and (min-width: 300px) {
.img-detail .img-wrap {
width: 226px;
height: 226px;
}
}
@media all and (min-width: 360px) {
.img-detail .img-wrap {
width: 270px;
height: 270px;
}
}
@media all and (min-width: 420px) {
.img-detail .img-wrap {
width: 316px;
height: 316px;
}
}
@media all and (min-width: 480px) {
.img-detail .img-wrap {
width: 360px;
height: 360px;
}
}
@media all and (min-width: 640px) {
.img-detail .img-wrap {
width: 360px;
height: 360px;
}
}
.product-name{ font-family: "microsoft yahei"; background: #fff;}
.product-name .name{ padding: 10px 2%; background: #fff; border-bottom: 1px dashed #ddd;}
.product-name .name .left{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #333;
}
.product-name .name .right{ text-align: center; border-right:1px solid #dcdcdc;}
.product-name .name .right span{font-size: 12px; text-align: center; display: inline-block; padding: 10px; border-radius:4px; background: #f1f1f1;}
.product-name .price{ font-family:"microsoft yahei"; padding:1% 2% 4% 2%;}
.product-name .price .left{color: #f55d12; line-height: 38px;}
.product-name .price .right{color: #333;}
.product-name .price .zekou{ margin-left: 26px; line-height: 16px; }
.product-name .price .zekou .txt{ font-size: 12px; color: #fff;height: 22px; line-height: 22px; padding: 0 8px; border-radius: 6px; background: #eb6100;}
.product-name .price .zekou .yuanjia{ display: block; font-family:arial; font-size: 12px; color: #666; text-decoration:line-through;}
.delivery-address{ color: #666; border-top: 8px solid #f1f1f1; border-bottom:8px solid #f1f1f1; padding: 6% 2% 4% 2%; background: #fff;}
.delivery-address .last{padding-top: 4%;}
.delivery-address select.com{-webkit-appearance: menulist; overflow: hidden; border: 1px solid #999; height: 20px; width: 28%;margin-right: 2%; max-width: 30%;}
.prod-shop-name{ background: #fff; padding: 2% 2% 0 2%; margin-top:3%;}
.prod-shop-name .name{ width: 96%; margin: 0 auto; border-bottom: 1px dashed #ddd;}
.prod-shop-name .name .img{ padding-bottom: 2%; width:61px;}
.prod-shop-name .name img{width:60px; height: 60px; border:1px solid #dedede;}
.prod-shop-name .name .text{ font-family: "microsoft yahei"; padding-left: 2%; line-height: 29px;}
.prod-shop-name .name .text i{ color: #333; font-size: 16px;}
.prod-shop-name .name .text em{ color: #666; font-size: 14px;}
.prod-shop-name .btn{ padding: 2%; text-align: center;}
.prod-shop-name .btn a{ width: 80%; margin: 0 auto; display: block; padding: 6% 0; border-radius:6px ; background: #f1f1f1; color: #666;}
.selected-prod-mark{ display: none; position: fixed; top: 0; left: 0; z-index: 19; background: rgba(0,0,0,.5); width: 100%; height: 100%;}
.selected-prod-mark .con{ background: #fff; padding: 4%; position: absolute;width: 100%;bottom: 56px;}
.selected-prod-mark .con .btn-del{
position: absolute;
top: 2%;
right: 3%;
border-radius: 50%;
width: 20px;
height: 20px;
border: 1px solid #666;
text-align: center;
line-height: 20px;
}
.selected-prod-mark .con .name{ border-bottom: 1px dashed #ddd; padding-bottom: 4%; margin-top: -13%;}
.selected-prod-mark .name .text{ padding-left: 2%; padding-top: 12%;}
.selected-prod-mark .name .text span{ display: block; color: #f55d12; font-size: 24px;}
.selected-prod-mark .name .text i{ font-family:"microsoft yahei"; padding-top: 4%; display: block; font-size: 12px; line-height: 16px; color: #666;}
.selected-prod-mark dd.com { width: 96%; padding: 2% 0; margin: 4% auto; border-bottom:1px solid #ddd ;}
.selected-prod-mark dd.com .a{width: 60px; color: #999;}
.selected-prod-mark dd.com span{ display: inline-block; padding: 0.5% 4%; border: 1px solid #ddd; margin: 0% 4% 3% 0%; color: #666;}
.selected-prod-mark dd.com span.curr{ border: 1px solid #f55d12;}
.u-guideNext,
.u-guidePrev {
text-decoration: none;
position: absolute;
top: 40%;
z-index: 100;
/*background: url(/images/mobile/units-icons.png) -116px 0;*/
display: block;
width: 46px;
height: 56px;
text-indent: 9999px;
}
.page-teletext.z-current .u-guideNext,
.page-teletext.z-current .u-guidePrev {
opacity: 1;
}
.page-teletext .u-guideNext,
.page-teletext .u-guidePrev {
-webkit-transition: all .6s;
-webkit-transition-delay: 2.2s;
opacity: 0;
}
/*左右图标动画*/
.u-guidePrev.z-move {
-webkit-animation: guidePrev 1.5s infinite;
}
.u-guideNext.z-move {
-webkit-animation: guideNext 1.5s infinite;
}
.u-guidePrev {
left: 18px;
}
.u-guideNext {
right: 18px;
-webkit-transform: rotateZ(180deg);
}
@-webkit-keyframes guidePrev {
0%, 20% {
-webkit-transform: translateX(0px)
}
35% {
-webkit-transform: translateX(12px)
}
50% {
-webkit-transform: translateX(-20px)
}
65% {
-webkit-transform: translateX(0px)
}
80% {
-webkit-transform: translateX(-12px)
}
100% {
-webkit-transform: translateX(0px)
}
}
@-webkit-keyframes guideNext {
0%, 20% {
-webkit-transform: translateX(0px) rotateZ(180deg)
}
35% {
-webkit-transform: translateX(-12px) rotateZ(180deg)
}
50% {
-webkit-transform: translateX(20px) rotateZ(180deg)
}
65% {
-webkit-transform: translateX(0px) rotateZ(180deg)
}
80% {
-webkit-transform: translateX(12px) rotateZ(180deg)
}
100% {
-webkit-transform: translateX(0px) rotateZ(180deg)
}
}
.text-detail{background:#fff;border:1px solid #d6d6d6;overflow:hidden;}
.text-detail .title{color:#666;font:normal 18px/36px "microsoft yahei";height:36px;padding-left:10px;border-bottom:1px solid #d6d6d6;}
.text-detail p{padding-left:10px;font-size:14px;padding:0 3px;color:#666;}
.text-detail .auto-wrap{padding:10px 0;}
.text-detail .auto-wrap img{width:100%!important;height:auto!important;}
.parameters{margin:10px;color:#666;line-height:20px;font-size:14px;}
.num_wrap{float:left;width:150px;}
.num_wrap span,.num_wrap input{float:left;width:38px;height:38px;line-height:38px;border:1px solid #ddd;background-color:#eee;text-align:center;position:relative;}
.num_wrap .minus:after{content:"";width:16px;height:4px;position:absolute;background:#39312f;border-radius:2px;left:50%;top:50%;margin-top:-2px;margin-left:-8px;}
.num_wrap .minus_disabled:after{background:#938f8e;}
.num_wrap .num{-webkit-appearance:none;border-radius:0;width:70px;height:38px;line-height:normal;border:1px solid #ddd;background:#fff;border-left:0;border-right:0;font-size:16px;background:#fff;text-align:center;}
.num_wrap .plus:before{content:"";width:16px;height:4px;position:absolute;background:#39312f;border-radius:2px;left:50%;top:50%;width:4px;height:16px;top:50%;margin-top:-8px;margin-left:-2px;}
.num_wrap .plus:after{content:"";width:16px;height:4px;position:absolute;background:#39312f;border-radius:2px;left:50%;top:50%;margin-top:-2px;margin-left:-8px;}
.fixed-bottom1{position:fixed;bottom:0;left:0;right:0;z-index:20;width:100%;height:56px;padding:0;background:#EEE;border-top:1px solid #D1D1D1;}
.fixed-bottom1 .btn_col{margin-left:10px;margin-right:50px;}
.fixed-bottom1 .btn{float:left;width:46%;height:40px;line-height:40px;text-decoration:none;text-align:center;background:#e4393c;color:#fff;position:relative;border-radius:2px;outline:none;}
.fixed-bottom1 .btn.disabled{background:#999!important;-webkit-tap-highlight-color:#999!important;}
.fixed-bottom1 .btn_col .btn_cart{float:left;width:48%;background:#ff7d00;-webkit-tap-highlight-color:#a16640;height:40px;line-height:40px;margin-top:8px;}
.fixed-bottom1 .btn_col .btn_buy{float:right;width:48%;height:40px;-webkit-tap-highlight-color:#FC5659;outline:none;line-height:40px;margin-top:8px;}
.fixed-bottom1 .cart_wrap{width:50px;height:50px;position:absolute;top:0;right:0;}
.fixed-bottom1 .cart_wrap .i_cart{display:block;width:25px;height:25px;margin:8px auto 6px;background-position:-0px -175px;}
.fixed-bottom1 .cart_wrap .i_cart{background-image:url(/images/mobile/sprite.png);background-repeat:no-repeat;background-size:100px auto;}
.fixed-bottom1 .cart_wrap .add_num{position:absolute;padding:2px 3px;color:#e4393c;font-weight:bold;top:-10px;left:15px;display:none;font-size:18px;}
.fixed-bottom1 .cart_wrap .add_num.show{display:block;opacity:0;-webkit-animation:add_num 2s;}@-webkit-keyframes add_num{0%{top:-10px;opacity:1;}50%{top:-20px;opacity:1;}100%{top:-20px;opacity:0;}}
.fixed-bottom1 .cart_wrap:after{content:"购物车";font-size:12px;height:12px;line-height:12px;color:#666;position:absolute;top:36px;left:6px;width:40px;text-align:center;}
.fixed-bottom1 .cart_wrap .i_cart[num]:after{content:attr(num);display:inline-block;position:absolute;background:#e4393c;border-radius:6px;font-size:10px;color:#fff;padding:1px 2px;line-height:1.1;text-align:center;right:10px;top:2px;min-width:0.9em;font-weight:bold;font-family:arial;}
/**/
.fixed-bottom2{position:fixed;bottom:0;left:0;right:0;z-index:20;width:100%;height:56px;padding:0;background:#EEE;border-top:1px solid #D1D1D1;}
.fixed-bottom2 .btn{cursor:pointer;display:inline-block;padding:0 8px;margin:0 auto;margin-top:8px;height:36px;background:#fff;border:1px solid #dedede;border-radius:4px;font:normal 12px/36px "microsoft yahei";color:#666;}
.fixed-bottom2 .btn-red{background:#e4393c;color:#fff;width:80%;height:40px;font-size:16px;}
.fixed-bottom2 .btn-orange{background:#ff7d00;color:#fff;width:80%;height:40px;font-size:16px;}
.fixed-bottom2 .btn-green{background:#00bf30;color:#fff;width:80%;height:40px;font-size:16px;}
/*个人中心*/
.personal-wrap {background: #f0f0f0;}
.personal-wrap .top {position: relative;overflow: hidden;}
.personal-wrap .top img{width: 100%;}
.personal-wrap .top dl {position: absolute;top: 31%;left: 23%;font: 14px/20px "microsoft yahei";color: #fff;}
.personal-wrap .top .ico-name{
width:4.5rem;
height: 4.5rem;
position: absolute;top: 28%;left: 7%;border-radius:500px;overflow: hidden;
}
.personal-wrap ul {border-top: 1px solid #e3e3e3;}
.personal-wrap ul li{position: relative;height: 50px;font: 14px/50px "microsoft yahei";border-bottom: 1px solid #e3e3e3;background: #fff;-webkit-tap-highlight-color: #F1F1F1;color: #333;text-indent:3%;}
.personal-wrap ul li .ico-a{ padding-right:7px;}
.personal-wrap ul li img{ width: 30px; height: auto;}
.personal-wrap ul li .ico-arrow_1,.personal-wrap ul li .ico-arrow{position:absolute;right:4%;top:4px;color:#999;font:normal 20px/1 "Muiicons";text-decoration:none;-webkit-font-smoothing:antialiased;z-index:20;padding:10px;margin:0 -10px;}
.personal-wrap ul li .ico-arrow:after{content:'\e583';}
.personal-wrap ul li a{color:#333;display:block;}
.personal-wrap .order-status{font:normal 14px/45px "microsoft yahei";text-align:center;background:#fff;margin-bottom:10px;border-bottom:1px solid #cfcfcf;}
.personal-wrap .order-status a { display: block; width: 100%; height: 100%; color: #333;}
.personal-wrap .order-status .flex1{position: relative; padding-top: 10px; line-height:30px; padding-bottom: 2%; border-right: 1px solid #cfcfcf; }
.personal-wrap .order-status .flex1 .num{position:absolute;top:16%;right:14%;border-radius:6px;background:#e4393c;min-width:0.9em;padding:1px 5px;line-height:1.1;color:#fff;font-size:10px;font-weight:bold;font-family:arial;}
.mui-scroll {position: absolute;z-index: 1;width: 100%;-webkit-transform: translateZ(0); transform: translateZ(0);}
.mui-scroll-wrapper{position: absolute; z-index: 2; top: 0;bottom: 0; left: 0;overflow: hidden; width: 100%; }
.mui-segmented-control.mui-segmented-control-inverted{ width: 100%;height: 99px;background: #fff;border: none; border-bottom: 1px solid #d9d9d9}
.mui-segmented-control { font-size: 15px;font-weight: 400; position: relative; display: table;overflow: hidden; width: 100%;table-layout: fixed; border: 1px solid #007aff;border-radius: 3px;background-color: transparent;-webkit-touch-callout: none;}
.mui-segmented-control.mui-scroll-wrapper .mui-scroll {width: auto; white-space: nowrap;}
/*图片浏览*/
.mui-preview-image.mui-fullscreen{position:fixed;z-index:20; background:rgba( 15, 8, 0, 0.82);}
.mui-preview-header,.mui-preview-footer{position:absolute;width:100%;left:0;z-index:10;}
.mui-preview-header{height:44px;top:0;}.mui-preview-footer{height:50px;bottom:0px;}
.mui-preview-header .mui-preview-indicator{display:block;line-height:25px;color:#fff;text-align:center;margin:15px auto 4px;width:70px;background-color:rgba(0,0,0,0.4);border-radius:12px;font-size:16px;}
.mui-preview-image{display:none;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.mui-preview-image.mui-preview-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
.mui-preview-image.mui-preview-out{background:none;-webkit-animation-name:fadeOut;animation-name:fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer{display:none;}
.mui-zoom-scroller{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;left:0;right:0;bottom:0;top:0;width:100%;height:100%;margin:0;-webkit-backface-visibility:hidden;}
.mui-zoom{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.mui-slider .mui-slider-group .mui-slider-item img{width:auto;height:auto;max-width:100%;max-height:100%;}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img{width:100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item{display:inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img{display:table-cell;vertical-align:middle;}
.mui-preview-loading{position:absolute;width:100%;height:100%;top:0;left:0;display:none;}
.mui-preview-loading.mui-active{display:block;}
.mui-preview-loading .mui-spinner-white{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;height:50px;width:50px;}
.mui-preview-image img.mui-transitioning{-webkit-transition:-webkit-transform 0.5s ease,opacity 0.5s ease;transition:transform 0.5s ease,opacity 0.5s ease;}
@-webkit-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}
.mui-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0}
.mui-fullscreen.mui-slider .mui-slider-group{height:100%}
.mui-fullscreen .mui-segmented-control~.mui-slider-group{position:absolute;top:40px;bottom:0;width:100%;height:auto}
.mui-fullscreen.mui-slider .mui-slider-item>a{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.mui-fullscreen .mui-off-canvas-wrap .mui-slider-item>a{top:auto;-webkit-transform:none;transform:none}
.mui-slider{/*position:relative;*/z-index:1;overflow:hidden;width:100%}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:0}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-top:1px solid #c8c7cc;border-bottom:1px solid #c8c7cc}
.mui-slider .mui-slider-group{font-size:0;position:relative;-webkit-transition:all 0s linear;transition:all 0s linear;white-space:nowrap}
.mui-slider .mui-slider-group .mui-slider-item{font-size:14px;position:relative;display:inline-block;width:100%;height:100%;vertical-align:top;white-space:normal}
.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item){line-height:0;position:relative;display:block}
.mui-slider .mui-slider-group .mui-slider-item img{width:100%}
.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after,
.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before{height:0}
.mui-slider .mui-slider-group.mui-slider-loop{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}
.mui-slider-title{line-height:30px;position:absolute;bottom:0;left:0;width:100%;height:30px;margin:0;text-align:left;text-indent:12px;opacity:.8;background-color:#000}
.mui-slider-indicator{position:absolute;bottom:8px;width:100%;text-align:center;background:0 0}
.mui-slider-indicator.mui-segmented-control{position:relative;bottom:auto}
.mui-slider-indicator .mui-indicator{display:inline-block;width:6px;height:6px;margin:1px 6px;cursor:pointer;border-radius:50%;background:#aaa;-webkit-box-shadow:0 0 1px 1px rgba(130,130,130,.7);box-shadow:0 0 1px 1px rgba(130,130,130,.7)}
.mui-slider-indicator .mui-active.mui-indicator{background:#fff}
.mui-slider-indicator .mui-icon{font-size:20px;line-height:30px;width:40px;height:30px;margin:3px;text-align:center;border:1px solid #ddd}
.mui-slider-indicator .mui-number{line-height:32px;display:inline-block;width:58px}
.mui-slider-indicator .mui-number span{color:#ff5053}
.mui-slider-progress-bar{z-index:1;height:2px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.mui-hidden{display:none!important}
.mui-loading .mui-spinner{display:block;margin:0 auto}
.mui-spinner:after{display:block;width:100%;height:100%;content:'';background-image:url('data:image/svg+xml;charset=utf-8,');background-repeat:no-repeat;background-position:50%;background-size:100%}
.mui-spinner-white:after{background-image:url('data:image/svg+xml;charset=utf-8,')}
@-webkit-keyframes spinner-spin{
0%{-webkit-transform:rotate(0deg)}
8.33333333%{-webkit-transform:rotate(30deg)}
16.66666667%{-webkit-transform:rotate(60deg)}
25%{-webkit-transform:rotate(90deg)}
33.33333333%{-webkit-transform:rotate(120deg)}
41.66666667%{-webkit-transform:rotate(150deg)}
50%{-webkit-transform:rotate(180deg)}
58.33333333%{-webkit-transform:rotate(210deg)}
66.66666667%{-webkit-transform:rotate(240deg)}
75%{-webkit-transform:rotate(270deg)}
83.33333333%{-webkit-transform:rotate(300deg)}
91.66666667%{-webkit-transform:rotate(330deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spinner-spin{
0%{transform:rotate(0deg)}
8.33333333%{transform:rotate(30deg)}
16.66666667%{transform:rotate(60deg)}
25%{transform:rotate(90deg)}
33.33333333%{transform:rotate(120deg)}
41.66666667%{transform:rotate(150deg)}
50%{transform:rotate(180deg)}
58.33333333%{transform:rotate(210deg)}
66.66666667%{transform:rotate(240deg)}
75%{transform:rotate(270deg)}
83.33333333%{transform:rotate(300deg)}
91.66666667%{transform:rotate(330deg)}
100%{transform:rotate(360deg)}
}
/*订单列表模块*/
.ico-jdm {position: absolute;top: 10px; right: 10px;width: 40px;height: 15px; background:url(/images/ico-jd.png) no-repeat; background-size: cover;background-position: 50% 50%;}
.w72{ width: 72px;}
.w84{width:84px;}
.color666{ color: #666;}
.order-list{background:#f3f4f5; font-size: 14px;}
.order-list li{ position: relative; margin-top:4%;/*border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7;*/background:#fff;}
.order-list.order-view li{ border: none;}
.order-list li .bg-ok { position: absolute; top: 16px; right: 10%;}
.order-list li .top{position:relative;padding-left:2%;height:40px;font:normal 14px/40px "微软雅黑";color:#999;}
.order-list li .top i{padding-left:2%;color:#666;}
.order-list li .top em{color:#2f3336;}
.order-list li .top .txt{position:absolute;top:2%;right:3%; color:#f55d12;}
.order-list li .top .txt.ok{ color:#1cb214;}
.order-list li .top .ico-arrow{position:absolute;top:2%;right:3%; color:#d2d2d2!important}
.order-list li .top .ico-arrow:after{font-size:22px;}
.order-list li .con.cont-view:first-child{border-top:1px solid #bb9973;}
.order-list li .con.cont-view{ border-bottom: none; }
.order-list li .con{position:relative;width:100%;margin:0 auto;padding:2% 3%;border-top:1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.order-list li .con .img{position: relative; overflow: hidden; display: inline-block; width:80px;height:80px;border:1px solid #e7e7e7;margin-right:1%;}
.order-list li .con .img img{width:100%;height:100%}
.order-list li .con .img img.jd-ico{ width: 25px; height: 25px;}
.order-list li .con span{display:block;padding:4px 0;color:#999}
.order-list li .con i{padding-left:2%;color:#585c64}
.order-list li .con .text{line-height:18px;font-size: 14px;}
.order-list li .con .name{ margin-top: 20px; margin-right: 10%; color: #666; font-size: 14px;}
.order-list li .total-txt{ padding:3% 4% 2% 4%;}
.order-list li .con.cont-view .btn{ position: absolute; bottom: 10%; right: 2%; color: #999; padding: 0 4%; font-size: 12px; border-radius:4px; height:2rem; line-height: 2.1rem; border: 1px solid #e7e7e7; }
.order-list li .con.cont-view .btn:active{ background: #f5f5f5;}
.order-list .btn-wrap{width:100%;margin:0 auto;padding:0% 0 10px 3%;}
.order-list .btn-wrap .btn{color: #666; float:right;margin-right:10px; border:1px solid #666; height:36px;text-align:center;padding:0 10px;background:#fff;border-radius:3px;font:400 14px/36px "microsoft yahei"}
.order-list .btn-wrap .btn:active,
.order-list .btn-wrap .btn:hover{opacity: .5;}
.order-list .btn-wrap .btn.ok{ border:1px solid #f55d12; color: #f55d12;}
.order-list li .ico-arrow,
.logistics .ico-arrow{position:absolute;top:30%;right:3%;color:#d2d2d2!important}
.order-list li .ico-arrow:after{font-size:28px;font-weight:400;}
.order-list li .info{line-height:25px;position:relative;width:100%;margin:0 auto;padding:2% 3%;border-top:1px solid #e7e7e7}
.order-list li .info span{padding:4px 0;color:#999}
.order-list li .info i{font-family:"microsoft yahei";padding-left:2%;color:#585c64}
.order-list li .info table .dz{display:block;color:#585c64;line-height:19px}
.order-list li .info table td{color:#585c64}
.order-list li .txt-message{ padding: 4%; color: #666; font-size:12px; border-top:1px solid #e7e7e7;}
.fixed-bottom2 {position:fixed;bottom:0;left:0;right:0;z-index:20;width:100%;height:56px;padding:0;background:#EEE;border-top:1px solid #d1d1d1}
.fixed-bottom2 .btn{cursor:pointer;display:inline-block;padding:0 8px;margin:0 auto;margin-top:8px;height:36px;background:#fff;border:1px solid #dedede;border-radius:4px;font:normal 12px/36px "微软雅黑";color:#666}
.fixed-bottom2 .btn-red{background: #e4393c;color: #fff;width: 95%;height: 40px;font-size: 15px;}
.fixed-bottom2 .btn-orange{background: #ff7d00;color: #fff;width: 95%;height: 40px;font-size: 15px;}
.fixed-bottom2 .btn-green {background: #00bf30;color: #fff;width: 95%;height: 40px;font-size: 15px;}
.order-fix-bottom{padding-top: 1rem; position: fixed; bottom: 0; left: 0; right: 0; height: 9.5rem; background: #fff; border-top: 1px solid #e3e3e3; }
.order-fix-bottom .txt{ padding-bottom: 2%; font-size: 14px; color: #999; text-align: center;}
/*物流信息*/
.blue{ color:#0082f0;}
.order-list li .con.logistics{ border-bottom: none;}
.order-list li .con.logistics .txt-wrap{ border-bottom: none; padding-right:8%;}
.logistics{ position: relative;}
.logistics a{ display: inline-block;}
.logistics .top{height:6.25rem; text-align: center; background: #fff; border-bottom: 1px solid #e7e7e7;}
.logistics .top .txt1{padding-top:1.5rem; font-size: 16px; color: #333;}
.logistics .top .txt2{font-size: 14px; color: #999; padding-top: 1%;}
.logistics .top .txt2 .num{ color: #f55d12;}
.logistics .cont{ background: #fff; margin-top: 1rem; border-top: 1px solid #e7e7e7;}
.logistics .cont .title{ padding-left: 2%; height: 3.1rem; line-height: 3.2rem; font-weight: 400; color: #666; font-size: 14px; border-bottom: 1px solid #e7e7e7;}
.logistics .cont ul{padding: 4% 4% 8% 4%;}
.logistics .cont li{position: relative; border-left:1px solid #d7d7d7; padding:0 0 0 4%; }
.logistics .txt-wrap{ border-bottom:1px solid #d7d7d7; padding: 2% 0;}
.logistics .txt-wrap .txt{ font-size: 14px; color: #999;}
.logistics .txt-wrap .time{font-size: 12px; color: #999; padding-top: 2%;}
.logistics .cont .dot{position: absolute; top: 0; left: -1.8%; width: 10px; height: 10px; border-radius:10px; background: #d7d7d7; overflow: hidden;}
.logistics .cont li:first-child .dot{width: 18px; height:18px; border-radius:20px; left: -3.1%;}
.logistics .cont li:first-child .dot:after{display:block; content:" "; width: 10px; height:10px; margin: 4px auto; border-radius:10px; background: #a9a9a9; }
.logistics .cont li:first-child .txt{ color: #666;}
.logistics .cont li:first-child .time{ color: #666;}
/*购物车模块*/
.shopcart-none{background:#fff;text-align:center;color:#666;padding:20px 0;}
.shopcart-none .icon{display:block;width:50px;height:50px;margin:25px auto 15px;background:url(http://static.paipaiimg.com/wx/img/my/icon_result.png) no-repeat 0 -150px;-webkit-background-size:50px 200px;background-size:50px 200px;}
.shopcart-none .mod-btn{margin:15px 5px;margin-top:20px;height:40px;line-height:40px;display:block;border:1px solid #dedede;border-radius:4px;background:#F3F3F3;}
.shopcart-list .top {position: relative;border-bottom: 1px solid #dfdfdf;padding-left: 2%;height: 40px;font: normal 14px/40px "microsoft yahei"; color: #999;background: #fff;}
.shopcart-list{ background: #fff;}
.shopcart-list li { position: relative;padding-left: 14%;background: #fff;font-family: "microsoft yahei";border-bottom: 1px solid #e3e3e3;padding: 10px 0px;min-height: 104px;line-height: 22px;}
.shopcart-list li .checkbox-wrap{width: 43px; line-height: 108px; text-align: center; position: absolute; top: 0; left: 0; bottom: 0;}
.shopcart-list li:last-child{border-bottom: none;}
.shopcart-list li .btn-del2{ position: absolute; bottom:30%; right: 4%; margin-top: -10px; color: #666;}
.shopcart-list li .btn-del2:before {content: '\e401';}
.shopcart-list li .img {clear: both;width: 80px;height: 80px; margin-right: 8px;border-radius: 2px;background: #fff;overflow: hidden;position: absolute;left: 45px;}
.shopcart-list li .img img {width: 100%;height: 100%;}
.shopcart-list li .img .txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.45); line-height: 80px; text-align: center; font-size: 16px; color: #fff; }
.shopcart-list li .text {padding: 0px 2% 0 130px;}
.shopcart-list li .text .name {line-height: 18px;font-size: 12px;display: block;max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.shopcart-list li .price {color: #666;font: normal 12px/22px "microsoft yahei";}
.shopcart-list li .price i {font-size:18px;}
.shopcart-list.noChecked {border-top: 1px solid #dedede;}
.shopcart-list.noChecked .img {left: 8px;}
.shopcart-list.noChecked li .text {padding: 0px 4% 0 98px;}
.sku-num {display: block;width: 90px;overflow: hidden;position: relative;margin-top: 4px;}
.sku-num:after {border-color: #ddd;}
.sku-num:after {content: '';display: block;border: 1px solid #ddd;position: absolute;top: 0;bottom: 0;left: 0;right: 0;pointer-events: none;}
.sku-num span,
.sku-num input {position: relative;float: left;width: 25px;height: 25px;line-height: 25px;background: #eee;text-align: center;}
.sku-num .minus:after,
.sku-num .plus:before,
.sku-num .plus:after {position: absolute;left: 50%;top: 50%;content: '\20';display: block;width: 12px;height: 2px;margin: -1px 0 0 -6px;background: #5d5d5d;}
.sku-num .num {-webkit-appearance: none;border-radius: 0;width: 40px;height: 25px;line-height: normal;background: #fff;border-left: 0;border-right: 0;font-size: 12px;background: #fff;text-align: center;border: none;}
.sku-num .plus {float: right;}
.sku-num .plus:before {width: 2px;height: 12px;margin: -6px 0 0 -1px;}
.sku-num .disabled:before,
.sku-num .disabled:after{background: #999;}
.address {padding: 6px 30px 6px 10px;position: relative;/*-webkit-border-image: url("../img/bg_bor.png") 30 0 round;*/background: #fff;min-height: 75px;color: #666;font-size: 12px;border-bottom: 1px solid #ddd;}
.ico_name {width: 20px;margin-right: 8px;}
.ico_phone {width: 14px;margin: 0px 8px 0px 30px;}
.address .name {padding: 6px 0px;display: -webkit-box;-webkit-box-orient: horizontal;}
.address .ico-arrow-left {position: absolute;top: 30%;right: 3%;font-family: Muiicons;font-size: 28px;font-weight: 400;font-style: normal;line-height: 1;display: inline-block;text-decoration: none;-webkit-font-smoothing: antialiased;color: #d2d2d2!important;}
.address .ico-arrow-left:before {content: '\e583';}
/*提交订单 end*/
.shopcart-list .txt-msg{ border-bottom: 1px solid #ddd; padding-bottom: 2%; }
.shopcart-list .txt-msg textarea{ border:none; border-bottom: 1px solid #ddd; padding: 2%; color: #666; width: 100%; resize: none; min-height: 80px; }
.shopcart-list .txt-msg .textarea-pop{ padding-right: 2%;}
.real-pay-integral{ height:35px; line-height: 35px; font-size: 12px; color: #666; padding: 0 2%; background: #fff; margin-top: 10px; margin-bottom: 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.real-pay-integral .sku-num{ width: 160px;}
.real-pay-integral .sku-num .num{ width: 100px; margin: 0 auto; text-align: center; }
/*提交订单状态*/
.submit-ok{ padding:0 4% 10% 4%; color: #666; background: #fff; border-bottom: 1px solid #d7d7d7;}
.submit-ok .top{ text-align: center; padding: 2rem 0; line-height: 2rem; font-size: 1.3rem; }
.submit-ok .top .icon{ margin-bottom: 0.6rem; display: inline-block;vertical-align:middle; width: 3rem;height: 3rem;line-height: 3rem;border-radius: 3rem;font-family: Muiicons;text-decoration: none;-webkit-font-smoothing: antialiased;color: #fff;text-align: center;overflow: hidden;}
.submit-ok .top .icon.ok{background: #00bf30;}
.submit-ok .top .icon.ok:before { margin-left: -0.4rem; content: '\e472';font-size: 4rem; text-align: center;}
.submit-ok .top .icon.error{background: #c70000;}
.submit-ok .top .icon.error:before { margin-left: -0.4rem; content: '\e460';font-size: 4rem; text-align: center;}
.submit-ok .txt{ padding-bottom: 2%; font-size: 1.3rem; line-height: 2rem; color: #666;}
.submit-ok .txt em{ color: #999;}
.orange{ color: #f55c10;}
.btn-pay-wrap{ margin-top: 4%;}
.btn-pay-wrap .btn{ margin: 0 2%; display: block; height: 4rem; border: none; border-radius:4px; color: #fff;}
.btn-pay-wrap .btn.btn-zhifubao{background: #0AE;}
.btn-pay-wrap .btn.btn-zhifubao:active{ background:#00a3d2; border-color: #00a3d2;}
.btn-pay-wrap .btn.btn-weixin{background: #00c800; border: 1px solid #44b549;}
.btn-pay-wrap .btn.btn-weixin:active{ background: #2F9833;}
.checked:before {content:'\e411'; font-size: 28px; color: #999;}
.checked.curr:before {content:'\e442';font-size:28px; color:#85c143;}
.checked-all{ display: inline-block; vertical-align: middle; line-height: 28px; margin-left: 10px; overflow: hidden;}
.checked-all:after{content:'全选'; vertical-align: middle; font-size: 12px; color: #fff; padding-top: 2px; }
.fixed-column{display:-webkit-box;z-index:120;position:fixed;left:0px;bottom:0px;width:100%;height:56px;line-height:56px;background:#333;}
.fixed-column p{position:relative;}.fixed-column a{display:block;color:#fff;font-family:"微软雅黑";}
.fixed-column .all-jf{ display: inline-block; font-size:12px;color:#fff;margin-left:8%;}
.fixed-column .all-jf i{color:#f55d12;}
.fixed-column .ico-car{position:absolute;top:17px;left:20%;background-position:-1px -161px;background-size:92px 233px;width:32px;height:26px;}
.fixed-column .mun{position:absolute;top:-10px;left:20px;min-width:20px;max-width:40px;overflow:hidden;height:20px;text-align:center;color:#fff;font:normal 12px/20px arial;border-radius:50%;text-align:center;background:#f55d12;}
.fixed-column .but-orange{background:#f55d12;text-align:center;margin-left:1px;}
.fixed-column .but-grey{background:#999;text-align:center;color:#fff;}
/*收货地址管理*/
.address-list{background:#f3f4f6; }
.address-list li{ color:#333; font:14px/25px "microsoft yahei"; background:#fff; position:relative; border-bottom:1px solid #d4d4d4; padding:2% 0% 2% 2%; }
.address-list li .name{ padding:2% 25% 2% 0%;}
.address-list li .ico-selected{position: absolute; top:50%; text-align: center; right: 4%; width: 25px; height: 25px; line-height: 25px; background: #F55D12; border-radius:50%; overflow: hidden;}
.address-list li .ico-selected:before{content: '\e472';color: #fff;font-size: 34px;margin-left: -4px;}
.address-list li .text{padding:2% 25% 1% 0%; line-height:19px; }
.address-list li .ico-curr{ position:absolute; top:50%; right:20px;}
.address-list li:last-child{ margin-bottom:0;}
.address-list .top{ position: relative; height:30px; border-bottom:1px solid #d4d4d4;}
.address-list .top .ico-edit{ position:absolute;right:11%;height: 30px;line-height: 30px; color: #666;padding: 0 4px;}
.address-list .top .ico-edit:before{content: '\e400';}
.address-list .top .ico-del{position:absolute;right:1%;cursor:pointer;cursor:pointer;height:30px;line-height:30px;color:#666;padding:0 4px;}
.address-list .top .ico-del:before{content:'\e401';}
.address .not{ background:#fff; margin:20px auto 40px auto;}
.mui-icon{font-family:Muiicons;font-size:24px;font-weight:400;font-style:normal;line-height:1;display:inline-block;text-decoration:none;-webkit-font-smoothing:antialiased;}
.registered .but-ok,.editPassword .but-ok,.login .but-ok{width:90%;border:none;cursor:pointer;margin:20px auto 10px auto;border-radius:6px;color:#fff;height:40px;background:#f55d12;text-align:center;font:normal 16px/40px "microsoft yahei";}
.footer-nav{ display:-webkit-box; -webkit-box-orient: horizontal; position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; background: #f8f8f8; border-top:1px solid #b2b2b2; overflow: hidden; z-index: 100;}
.footer-nav .list{ overflow: hidden; text-align: center; height: 50px; font: normal 14px/54px "microsoft yahei"; color: #333; border-right:1PX solid #b2b2b2;}
.footer-nav .home{ width: 50px;}
.footer-nav .list.us img{ width: 18px;}
.footer-nav .list.us a:after{content: '联系我们';width: 16px;height: 16px;padding-left: 4px;}
.footer-nav .list a{ display: block; width: 100%; height: 100%; color: #333;}
.shoppingCart{ position: fixed; right: 10px; bottom: 16%; border-radius:50%;}
.shoppingCart img{width: 60px; box-shadow: 2px 2px 9px #696969; border-radius:50%; overflow: hidden;}
.two-level{transition: .5s; height:0px; overflow: hidden; border-bottom: 1px solid #ddd; background: #fff; }
.two-level.curr{height:60px; padding: 4px 0;}
.two-level .new-tbl-type p{ text-align: center; padding-top: 2px;}
.two-level .new-tbl-type p span{ display: block;}
.two-level .new-tbl-type p i{ font-size: 12px;}
.two-level .new-tbl-type .ico-index:before {content: '\e500';}
.two-level .new-tbl-type .ico-ser:before{ content: '\e466';}
.two-level .new-tbl-type .ico-shopping:before{ font-size: 20px; content: "\e698";}
.two-level .new-tbl-type .ico-us:before{ content: '\e101';}
/*提示框*/
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.layout-mask{ width:100%; height:100%; position:fixed; z-index:121; top:0px; left:0px; background: #000;opacity: 0.5;}
.dialog-wrap{z-index: 122; text-align:center; width:100%; height:100%; position: absolute; top:0; left:0;}
.dialog{ position: fixed;left: 10%;top: 30%; width:80%; overflow: hidden; max-width:640px; z-index:100 ; min-height:140px; background:#fff; border-radius:6px; }
.dialog .title{ padding:16px 0px;font-size:18px; font-weight:bold; color:#333333; }
.dialog .text{ padding:0px 10px 54px 10px; color:#666;}
.dialog .ok{ border-radius:0 0 10px 10px; height:40px; line-height: 40px;font-size: 14px;text-align: center; cursor:pointer; position:absolute; left:0px; bottom:0px;width:100%; border-top: 1px solid #c6c9ca; background:#fff; color:#0079ff; margin:0px;}
.dialog .ok i{ float:left; width:50%; height:40px; font:14px/40px"微软雅黑"; box-sizing: border-box;}
.dialog .ok i:hover,.dialog .ok i:active{ background:#F4F4F4; border-radius: 0 0 6px 0; }
.dialog .ok i:first-child{ border-right: 1px solid #c6c9ca;}
.dialog-j{ position: fixed; top: 30%; left:10%; width:80%; overflow: hidden; max-width:640px; z-index:122 ; text-align:center; padding-bottom: 4%; background:#fff; border-radius:6px; }
.dialog-j .title{ padding:16px 0px;font-size:18px; font-weight:bold; color:#333333; }
.dialog-j .text{ padding:0px 10px 54px 10px; color:#666;}
.dialog-j .ok{display:-webkit-box; -webkit-box-orient: horizontal; border-radius:0 0 10px 10px; height:40px; line-height: 40px;font-size: 14px;text-align: center; cursor:pointer; position:absolute; left:0px; right: 0; bottom:1px;width:100%; border-top: 1px solid #c6c9ca; background:#fff; color:#0079ff; margin:0px;}
.dialog-j .ok .btn{cursor: pointer; text-align: center; border-right: 1px solid #c6c9ca; display: block; -webkit-box-flex:1; width:0%; height:40px; font:14px/40px"微软雅黑"; box-sizing: border-box;}
.dialog-j .ok .btn:hover,.dialog-j .ok .btn:active{ background:#F4F4F4;}
.dialog-j .ok .btn:last-child{ border-right: none; }
table.common th{ background: #E7E7E7; border:1px solid #DEDEDE; padding: 5px 0; text-align: center;}
table.common td{ border:1px solid #DEDEDE; padding: 5px 0; text-align: center;}
textarea.com{ width: 100%; min-height: 140px; padding: 2%; max-width: 100%; border: 1px solid #dedede; color: #666;}
.return-product .textInput dd{padding: 2% 0}
.return-product .textInput dd p:first-child{width: 80px; line-height: 35px; text-align: right}
.return-product .textInput dd input{ color: #666; width: 80%; padding-left: 2%; height: 35px; border: 1px solid #dedede;}
/*手机注册*/
.bgLogin{position: relative;}
.bgLogin .text{position: absolute; bottom: 0; left: 0; right: 0; height: 40px; text-align: center; }
.bgLogin .text a{ display: block; width: 100%; height: 100%; font:normal 16px/40px "microsoft yahei"; color: #666; }
.bgLogin .text .curr a{color: #333;}
.bgLogin .text .curr a i{ border-bottom: 2px solid #00b9e7; padding: 0 2% 8px 2%;}
.login{ width: 82%; margin: 0 auto; padding-top: 10%;}
.login .text{ color: #333; font-size: 16px; padding-bottom: 1.5%;}
.login dd{margin-bottom: 7%;}
.login input.com{ height:3.1rem; width: 100%; border: none; padding-left: 4%; font-size:1.2rem; background: #fff; border: 1px solid #9c9c9c; color: #666;}
.login input.com::-webkit-input-placeholder{ color: #999;}
.login input.com2::-webkit-input-placeholder{ color: #999;}
.login input.com::-moz-input-placeholder{ color: #999;}
.login input.com2::-moz-input-placeholder{ color: #999;}
.login input.com::-ms-input-placeholder{ color: #999;}
.login input.com2::-ms-input-placeholder{ color: #999;}
.login input.com2{ float: left; width: 64%; height:3.1rem; border: none; padding-left: 4%; font-size:1.2rem; background: #fff; border: 1px solid #9c9c9c; color: #666; }
.login .btn-ok{ margin-top:13%; width: 100%; height:3.1rem; background: #00b9e7; color: #fff; border: none; border-radius:4px; font-size: 16px; }
.login .btn-ok:active,.login .btn-ok:hover{ opacity: 0.6;}
.login .btn-ok.disabled{ background: #C0C0C0;}
.login .right{ width: 36%; height:3.1rem; background: #fff; float:right; overflow: hidden;}
.login .right img{ width: 100%; height: 100%;}
.login .right .btn{ display: block; width: 100%; height: 100%; border: 1px solid #9c9c9c; background: #f0f0ef;}
.login .right .btn:active,.login .right .btn:hover{ opacity: .6;}
/**完善注册资料**/
.ico-top{position: relative; text-align: center; padding-top:6%; overflow: hidden;}
.ico-top img{ width: 90px; height: 90px; border-radius:50%; border: 4px solid #eee; overflow: hidden;}
.ico-top .text{ color: #666; font-size: 16px; padding-top: 2%;}
.perfect-register{ width: 82%; margin: 0 auto; padding-top: 8%;}
.perfect-register .text{ color: #333; font-size: 16px; padding-bottom: 1.5%;}
.perfect-register dd{margin-bottom: 7%;}
.perfect-register input.com{ height:3.1rem; width: 100%; border: none; padding-left: 4%; font-size:1.2rem; background: #fff; border: 1px solid #9c9c9c; color: #666;}
.perfect-register input.com::-webkit-input-placeholder{ color: #999;}
.perfect-register .tab{width: 100%; height: 3.1rem; border: none; font: normal 16px/3.1rem "microsoft yahei"; background: #fff; border: 1px solid #d2d2d2;}
.perfect-register .tab p{ text-align: center; position: relative; }
.perfect-register .tab p:first-child{border-right:1px solid #d4d4d4;}
.perfect-register .tab p.curr{background: #dfdfdf;}
.perfect-register .tab .ico{ display: none; position: absolute; top: 26%; right: 10px; width:20px; height:20px; line-height: 20px; background: #666666; border-radius:50%;
font-family: Muiicons;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
.perfect-register .tab .ico:before{content: '\e472';font-size: 20px;color: #dfdfdf;}
.perfect-register .tab p.curr .ico{ display: block;}
.perfect-register select.com{width: 28%; height: 3.1rem; margin-right: 4%; font-size: 16px;}
.perfect-register .btn-ok{ margin-top:8%; width: 100%; height:3.5rem; background: #00b9e7; color: #fff; border: none; border-radius:4px; font-size: 16px; }
.perfect-register .btn-ok:active,.perfect-register .btn-ok:hover{ opacity: 0.6;}
.perfect-register .btn-ok.disabled{ background: #C0C0C0;}
/*活动界面*/
.activityBg{background: url(/images/mobile/actrBg-re.jpg) repeat #ba0d1e; }
.activity-top{ position: relative;}
.activity-top .bg{ width: 100%; height: auto; }
.activity-top .img2{ position: absolute; top:20%; left: 13%; width:75.5%; height: auto;}
.marquee-box{ position: relative; width: 252px; padding-bottom: 10px; margin: 0 auto;}
.marquee-box .text-rules{ padding: 10px 0; font: 12px/22px "microsoft yahei"; color: #fff;}
.marquee-box .text-rules i{ color: #fccb0e;}
#gameTable{width:252px; height: 252px; overflow: hidden; margin:0 auto; background: url(/images/pcActivityBg2.png) no-repeat; background-size:contain; }
#gameTable tr td{ width: 75px; height:75px; text-align: center; line-height:10px;}
#gameTable tr td img.bg{ margin-left:1px; width:160px; height:148px; border-radius:6px;}
#gameTable tr td .img_bg{width:75px; height:75px; margin: 0 auto; overflow: hidden; text-align:center; color:#333;}
#gameTable tr td .img_bg img{margin:6px auto 3px auto;}
#gameTable tr td .img_bg .name{color: #b17307; font-size: 12px; font-weight:bold; padding:1px 4px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
#gameTable .default-text{width: 41px; height: 41px; margin: 0 auto; font:bold 18px/20px "microsoft yahei"; color: #c67e00; overflow: hidden;}
#btn_center_box{width:53px; height:53px; position: absolute; top:100px; left:102px; text-align:center;}
#btn_center_box img{z-index: 2; cursor: pointer; position: relative;}
#btn_center_box img:active{ opacity: .6;}
/*#btn_center_box .btn{ width: 107px; height: 107px; margin:18px auto 0 auto; z-index: 2; cursor: pointer; position: relative; background: url(/images/btn-draw.png) no-repeat;}
#btn_center_box .btn.disable{cursor: no-drop; background: url(/images/btn-draw-disable.png) no-repeat;}
#btn_center_box .btn:active{ opacity: .6;}
#btn_center_box .btn.disable:active{opacity:1;}*/
#shade_box{ width:75px; height:75px; position: absolute; left:6px; top:4px; background:rgba(177,115,7,0.48);}
.minddle-landing .con{ padding:10px 0px 60px 0px; text-align: center; }
.minddle-landing .con .tishi{ font-family:'microsoft yahei'; color:#333; font-size:20px;}
#gameContent h2{ border-radius:6px; border:1px solid #970018; text-indent:14px; width:82%; margin: 0 auto; height:42px; line-height:42px; background:#9d0019; color:#fff; color:#ffbdbd; font-size:16px; font-family:'微软雅黑'; }
#lottery_draw_count{font-size:24px; font-family:"microsoft yahei";color:#ffe000; padding:0px 6px; }
.winning{ width: 240px; height: 180px; margin: 0 auto; border: 1px dashed #fdcf16; background: #e91328; overflow: hidden;}
.winning .title{ height:48px; text-align: center; font: normal 22px/48px "microsoft yahei"; color:#fed92c;}
.winning .th{ width: 210px; margin: 0 auto;}
.winning .th p{ float: left; width:105px; font: normal 15px/24px "microsoft yahei"; color: #fff;}
.winning .list{ position: relative; width: 210px; height: 99px; margin: 0 auto; margin-top:3px; overflow: hidden;}
.winning ul{position: absolute; top: 0; left: 0; width: 210px; height: 99px; }
.winning li { height: 24px; border-bottom: 1px dashed #fdcf16;}
.winning li p{float: left; width:105px; font: normal 12px/24px "microsoft yahei"; color: #fff; overflow: hidden;}
.explain{ width: 240px; padding-bottom:10px; margin: 0 auto; margin-top:6%; background:rgba(145,1,15,0.51);}
.explain .title{height:48px; text-align: center; font: normal 22px/48px "microsoft yahei"; color:#fed92c;}
.explain .text{ width: 214px; margin: 0 auto; font: normal 12px/16px "microsoft yahei"; color: #fff;}
.explain .text p{ padding-bottom: 4px;}
.dialog-act{
z-index: 4;
position: relative;
position: fixed; top: 35%; left:13%; width:75%;
padding:6% 0 4% 0;
border: 2px solid #fed92c;
border-radius:8px;
background:rgba(0,0,0,0.93);
display: none;
}
.dialog-act .btn-del{ cursor: pointer; position: absolute; top: -10px; right: -6px; font-size: 0; cursor: pointer; width: 22px; height: 22px; background: url(/images/btn-del.png) no-repeat;}
.dialog-act .title1{ text-align: center; font: bold 2rem/2rem "microsoft yahei"; color: #eadc11;}
.dialog-act .contentOk{ text-align: center;}
.dialog-act .contentOk .text1{padding:10px 0; font: normal 1rem/1.2rem "microsoft yahei"; color: #fff;}
.dialog-act .contentOk .text1 i{color: #fed92e;}
.dialog-act .contentOk .text2{ font: normal 0.9rem/1.2rem "microsoft yahei"; padding: 10px 0 0 0; color: #fff;}
.dialog-act .contentError1 .img{ float: left; margin-left:3.73rem; margin-right:1.25rem; background-size:contain; }
.dialog-act .contentError1 .title{ font: bold 1.6rem/1.6rem "microsoft yahei"; color: #f1f113; padding: 6px 0 12px 0;}
.dialog-act .contentError1 .text{ font: normal 0.8rem/1.2rem "microsoft yahei"; color: #fff;}
.dialog-act .contentError2 .img{ float: left; margin-left:2.73rem; margin-right:6px; width: 4.3rem; height:3.95rem; background: url(/images/img-jifen.png) no-repeat; background-size:contain ;}
.dialog-act .contentError2 .title{ font: bold 2rem/2.1rem "microsoft yahei"; color: #fed92c; padding:0.85rem 0 0.6rem 0; }
.dialog-act .contentError1 .img.img1{width:2.85rem; height:4.6rem; background: url(/images/img-error.png) no-repeat;background-size:contain ;}
.dialog-act .contentError1 .img.img2{margin-left: 4rem; width: 3.85rem; height:6.4rem; background: url(/images/error-icon-1.png) no-repeat;background-size:contain ;}
.dialog-act .contentError1 .img.img3{margin-left: 4rem; width:4.05rem; height:6.45rem; background: url(/images/error-icon-2.png) no-repeat;background-size:contain ;}
.dialog-act .contentError1 .img.img4{margin-left: 0.73rem; width:4.45rem; height:7.5rem; background: url(/images/error-icon-3.png) no-repeat;background-size:contain ;}
.dialog-act .contentError1 .title.title2{padding:16px 0 12px 0;}
.play_pulse{position:absolute;top:39px;left:42px;z-index:1;background-color:#FDD1D1;border-radius:10px;width:65px;height:65px;opacity:0.0;-webkit-animation:pulsate 3s ease-out;-moz-animation:pulsate 3s ease-out;animation:pulsate 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1,1);opacity:0.0;}30%{opacity:0.7;}60%{-webkit-transform:scale(2,2);opacity:0.0;}100%{opacity:0.0;}}@-moz-keyframes pulsate{0%{-moz-transform:scale(1,1);opacity:0.0;}30%{opacity:0.7;}60%{-moz-transform:scale(2,2);opacity:0.0;}100%{opacity:0.0;}}@keyframes pulsate{0%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);opacity:0.0;}30%{opacity:0.7;}60%{-webkit-transform:scale(2,2);-moz-transform:scale(2,2);-ms-transform:scale(2,2);-o-transform:scale(2,2);transform:scale(2,2);opacity:0.0;}100%{opacity:0.0;}}
/*中奖奖品列表*/
.winning-list{ background: #f3f4f5; margin-top: 2%; }
.winning-list li {margin-top: 5%;border-bottom: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;background: #fff;}
.winning-list li .cont {position: relative;width: 96%;margin: 0 auto;padding: 2% 0;}
.winning-list li .cont .text{ width:65%; color: #666;}
.winning-list li .cont .img {float: left;width: 80px;height: 80px;border: 1px solid #e7e7e7;margin-right: 2%;overflow: hidden;}
.winning-list li .cont .time{ display: block; padding-top: 8%; color: #999;}
.winning-list li .info{line-height: 25px;position: relative;width: 96%;margin: 0 auto;padding:1% 0;border-top: 1px solid #e7e7e7;color: #666;}
.winning-list li .info em{ width: 70%; display:block; color: #999;}
.winning-list li .info i {position: absolute;top:13%;right: 6%;padding-left: 2%;}
.winning-list li .info i.red{color: #e60012;}
.winning-list li .info i.green{color: #638c0b;}
.winning-list li .btn{ position: absolute; top: 26%; right: 1%; padding: 2% 6%; border-radius:4px; background: #f19149; color: #fff;}
.winning-list li .btn:hover,.winning-list li .btn:active{ background:#DB6207;}
.winning-list li .btn.disable{top: 17%;right: 6%;background: url('/images/mobile/n-sprite.png') no-repeat -1px -1px;background-size: 130px 260px;width: 60px;height: 60px;}
.btn-go {
display: inline-block;
border: 0 none;
background: #AA830B;
color: #fff;
cursor: pointer;
padding: 0 20px;
height: 30px;
line-height: 30px;
border-radius: 5px;
}
/*分享获取积分*/
.forward-list{ padding-top: 2%;}
.forward-list ul{width: 98%; margin: 0 auto;}
.forward-list li{ position: relative; font-family: "microsoft yahei"; border-radius:5px; margin-bottom: 3%; border: 1px solid #ddd; overflow: hidden;}
.forward-list li .title{ font-size: 1.5rem; line-height: 1.7rem; padding:2% 4%; background: #ececec; color: #333;}
.forward-list li .sun-title{ text-indent:8%; font-size: 1.2rem; line-height: 1.5rem; margin:2.5% 4%; color: #666;}
.forward-list li .time{padding:0 4% 2% 4%;}
.forward-list li .time span{font-size: 1.2rem; line-height: 1.5rem; display: block; color: #666;}
.forward-list li .time span:last-child{ color: #999;}
.forward-list li .time span.star{ color: #ff5f00;}
.forward-list li .time span i{ color:#ff5f00;}
.forward-list li .btn{ font-size: 1.2rem; position: absolute; bottom:3%; right:6%; padding:1% 5%; border-radius:4px; color: #FFF;}
.forward-list li .btn:hover,.forward-list li .btn:active{ background: #c81000;}
.forward-mark-layout{ display: none; position: fixed; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; background:rgba(0,0,0,.6);}
/*限时兑换*/
.limit-product{ padding: 4% 4% 0 4%;}
.limit-product li{ position: relative; background: #fff; font-size: 12px; width: 48%; margin-bottom: 3%;}
.limit-product li .img{ width: 100%;}
.limit-product li img{ width: 100%; height: auto;}
.limit-product li .time{ position: relative; padding: 2% 0; border-bottom: 1px solid #ecebf0; text-indent: 28px; text-align: left; color: #999;}
.limit-product li .time .time-icon { position: absolute;top: 3px; left: 6px; background: url('/images/sprite-2016.png') no-repeat -85px -85px;width: 19px;height: 19px;}
.limit-product li .name{ padding: 2% 4%; font-size: 14px; color: #666;}
.limit-product li .bg{ color: #eb6100; height: 3rem; line-height: 1.4rem; text-align: left; margin: 4.5% 0 2% 0; padding: 0 4%; position: relative;}
.limit-product li .yuanjia{font-size: 0.9rem; text-decoration: line-through; color: #999;}
.limit-product li .xianjia{font-size: 1.4rem; display: block;}
.limit-product li .xianjia .txt{font-size: 0.9rem;}
.limit-product li .bg .btn{ position: absolute; top: 3%; right: 4%; width: 2.5rem; line-height: 1.4rem; font-size: 1.2rem; font-weight:400;}
.limit-product li.disabled{ color: #999;}
.limit-product li.disabled .bg .btn,
.limit-product li.disabled .xianjia,
.limit-product li.disabled .name{color: #999;}
.limit-product li .bgzekou{position: absolute; top:1%; left: 2%; width: 3.8rem; padding: 2% 0 1% 0; font: normal 400 1.2rem/1.4rem "microsoft yahei"; background: #eb6100; color: #fff;}
.limit-product li .bgzekou i{ font-size: 0.8rem;}
.limit-product li .bgzekou em{ display: block; margin-top: -0.1rem; font-size:12px;}
.limit-product li .bgzekou:before{
content: '';
border-top: 0.6rem solid #EB6100;/*箭头背景颜色*/
border-left: 1.9rem solid transparent;/*方框下部分背景为透明*/
border-right: 1.9rem solid transparent;/*方框上部分背景颜色为透明*/
position: absolute;
bottom: -0.6rem;
left: 0rem;
}
.limit-product li .bgzekou.seckill-zk:before{
bottom: -0.5rem;
}
.limit-product li.disabled .bgzekou{ background: #c0c0c0;}
.limit-product li.disabled .bgzekou:before{ border-top: 0.6rem solid #c0c0c0;/*箭头背景颜色*/}
.limit-product li.disabled .img .icon-over{position: absolute;top: 20%;left: 50%;margin-left: -30px;background: url('/images/sprite-2016.png') no-repeat -1px -100px;background-size: 100px 200px;width: 61px;height: 61px;}
.bg-gr{background: #ecebf0;}
/*秒杀*/
.nav-time{ position: relative; padding: 2% 4%; background: #aeaeae; overflow: hidden;}
.nav-time .left{ color: #fff; font:normal 1.8rem/2.0rem "microsoft yahei";}
.nav-time .left i{ font-size: 0.6rem; margin-left: -0.3rem;}
.nav-time .countdown{width: auto; position: absolute; top:28%; right: 2%; left: 0; text-align: right; font-size:1.1rem; }
.nav-time .countdown i{ background: #fff; padding: 1%; color: #eb6100;}
.nav-time .countdown i:first-child{ margin-left: 2%;}
.nav-time .countdown em{ color: #fff; padding: 0 1.5%; font-size: 1.5rem;}
.seckill-tab{ height:3.5rem;background: #ddd;}
.seckill-tab dd{position: relative; height:3.5rem; line-height: 3.5rem; text-align: center; font-size: 1.3rem; background: #ddd;}
.seckill-tab dd.curr,
.seckill-tab dd.curr a{ color: #f7f3b2; background: #e10000; text-decoration:none;}
.seckill-tab dd .icon{ width: 17px; height: 17px; position: absolute; top: 26%; left: 23%; background: #AABBCC;}
.seckill-tab dd .icon.a{background: url('/images/sprite-2016.png') no-repeat -83px -1px;background-size: 100px 200px;}
.seckill-tab dd.curr .icon.a{ background-position:-66px -2px;}
.seckill-tab dd .icon.b{background: url('/images/sprite-2016.png') no-repeat -64px -23px;background-size: 100px 200px;}
.seckill-tab dd.curr .icon.b{ background-position:-82px -23px;}
.seckill-fixed p.flex1:first-child{ position: relative; background:#666;font-size: 1rem; text-align: center; line-height:56px; color: #fff; }
.seckill-fixed p.flex1:first-child .icon{
position: absolute;
top: 19px;
left: 10%;
background: url('/images/sprite-2016.png') no-repeat -85px -85px;
width: 19px;
height: 19px;
}
.seckill-fixed{position:fixed;bottom:0;left:0;right:0;z-index:20;width:100%;height:56px;padding:0;background:#EEE;border-top:1px solid #D1D1D1;}
.seckill-tab dd.curr .icon.b{ background-position:-82px -23px;}
.seckill-tab dd.curr .icon.b{ background-position:-82px -23px;}
.seckill-fixed{position: fixed; bottom: 0; left: 0; right: 0; z-index: 20;width: 100%;height: 56px; padding: 0; background: #eb6100;border-top: 1px solid #D1D1D1;}
.seckill-fixed .miao_s{ padding-top:2%; font-size: 1rem; background: #666; padding-left: 10%; text-align: left; color: #fff;}
.seckill-fixed .miao_s i{ background: #fff; color: #e10000; padding: 1% 2%; margin:0 2%;}
.seckill-fixed p.flex1:last-child{ text-align: center; line-height: 56px; color: #fff;}
.seckill-fixed p.flex1:last-child a{ color: #FFF; font-size: 1.4rem;}
.seckill-fixed p.flex1.disabled:last-child{ background: #ddd;}
/*个人信息*/
.user-center .information .top-head{height: 80px; line-height: 78px; margin-bottom: 3%;}
.user-center .information .top-head img{ margin-left:10px; width: 50px; height: 50px; border-radius:50%; overflow: hidden;}
.user-center .information .top-head .btn-image-upload{opacity:0;filter:alpha(opacity=0);position: absolute; top: 0; left: 0; width: 100%; height: 80px;}
.user-center .information .top-head .ico-arrow{ top: 33%; }
.user-center .information li{position: relative; background: #fff; border-bottom: 1px solid #d7d7d7;}
.user-center .information li a{ display: block; padding: 4% 2% 4% 4%; font-size: 1.4rem;}
.user-center .information li .a-wrap{ display: block; padding:3% 2% 3% 4%; font-size: 1.4rem;}
.user-center .information li .ico-arrow{ top: 25%;}
/*.user-center .information li .ico-arrow:after{ position: absolute; right: 14%; top: 15%;}*/
.user-center .information li .txt{ font-size: 1.1rem; position: absolute; right: 11%; top:35%; color: #999;}
.user-center .information li:nth-of-type(2),
.user-center .information li:nth-of-type(6),
.user-center .information li:nth-of-type(12){border-top:1px solid #d7d7d7}
/*.买家留言 */
.text-details{ background:#fff; margin:10px 0px; padding:0px 0px 20px 0px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
.text-details .title{height:34px; font:normal 18px/34px "microsoft yahei"; color:#444; border-bottom:1px solid #d4d4d4; padding:0px 0px 0px 10px;}
.text-details table th{ padding:5px 10px; color:#888; font-size:14px; }
.text-details table td{ padding:5px 0px; color:#444; font-size:14px;}
.text-details .thumbnail-list .name{padding:0px 10px;}
.text-details .text{ overflow:hidden; background:#fff; min-height:80px; margin:2% 3%; border:2px solid #ccc; border-radius:6px;}
.text-details .text textarea{ text-indent:20px; color:#666; border:1px solid #fff;min-height:80px; width:100%; height:100%;}
/*修改密码*/
.editPassword dd{position: relative; height:50px; line-height:50px; background:#fff; border-bottom:1px solid #bfbfbf;}
.editPassword dd .com{ padding:8px 0; width:100%; border:none;padding-top: 15px; }
.editPassword dd .com.not{ border-bottom:none;}
.editPassword dd p:first-child{ width:80px;}
.editPassword dd .btn-code{ position: absolute; top:10px; right: 6%; border-radius: 4px; background: #DC7A00; height:30px; padding: 0 4%; color: #fff; border: none;}
.editPassword dd .btn-code:active,
.editPassword dd .btn-code:hover{ background:#9D5700;}
.editPassword dd .btn-code.disabled{ background: #DEDEDE;}
.pt44{ padding-top: 44px;}
/*提交订单状态*/
.submit-ok{ padding:0 4% 10% 4%; color: #666; background: #fff; border-bottom: 1px solid #d7d7d7;}
.submit-ok .top{ text-align: center; padding: 2rem 0; line-height: 2rem; font-size: 1.3rem; }
.submit-ok .top .icon{ margin-bottom: 0.6rem; display: inline-block;vertical-align:middle; width: 3rem;height: 3rem;line-height: 3rem;border-radius: 3rem;font-family: Muiicons;text-decoration: none;-webkit-font-smoothing: antialiased;color: #fff;text-align: center;overflow: hidden;}
.submit-ok .top .icon.ok{background: #00bf30;}
.submit-ok .top .icon.ok:before { margin-left: -0.4rem; content: '\e472';font-size: 4rem; text-align: center;}
.submit-ok .top .icon.error{background: #c70000;}
.submit-ok .top .icon.error:before { margin-left: -0.4rem; content: '\e460';font-size: 4rem; text-align: center;}
.submit-ok .txt{ padding-bottom: 2%; font-size: 1.3rem; line-height: 2rem; color: #666;}
.submit-ok .txt em{ color: #999;}
.orange{ color: #f55c10;}
.btn-pay-wrap{ margin-top: 4%;}
.btn-pay-wrap .btn{ margin: 0 2%; display: block; height: 4rem; border: none; border-radius:4px; color: #fff;}
.btn-pay-wrap .btn.btn-zhifubao{background: #0AE;}
.btn-pay-wrap .btn.btn-zhifubao:active{ background:#00a3d2; border-color: #00a3d2;}
.btn-pay-wrap .btn.btn-weixin{background: #00c800; border: 1px solid #44b549;}
.btn-pay-wrap .btn.btn-weixin:active{ background: #2F9833;}
/*右侧浮动图标*/
.index-ico .up{right:7px; height: 42px; width: 40px; bottom:200px; position: fixed; z-index: 9999; background-image: url(/images/mobile/up.png); background-size:100%}
.index-ico .down{right:7px; height: 40px; width: 40px; bottom:160px; position: fixed;z-index: 9999; background-image: url(/images/mobile/down.png); background-size:100%}